{"id":5627,"date":"2026-07-13T22:36:46","date_gmt":"2026-07-13T20:36:46","guid":{"rendered":"https:\/\/chromatic.se\/portfolio\/"},"modified":"2026-07-15T15:08:05","modified_gmt":"2026-07-15T13:08:05","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/chromatic.se\/sv\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5627\" class=\"elementor elementor-5627 elementor-5622\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7faf1 e-flex e-con-boxed e-con e-parent\" data-id=\"0f7faf1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f6a928 elementor-widget elementor-widget-spacer\" data-id=\"9f6a928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h1 data-interaction-id=\"087381c\" class=\"e-heading-base\">Portfolio<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-e674059 elementor-widget elementor-widget-text-editor\" data-id=\"e674059\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Det finns en del projekt, stora som sm\u00e5, som ligger mig varmt om hj\u00e4rtat. H\u00e4r f\u00f6ljer ett urval av dessa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-017f2dd e-flex e-con-boxed e-con e-parent\" data-id=\"017f2dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-770790f elementor-widget elementor-widget-ucaddon_andreas_hierarchical_filter\" data-id=\"770790f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_andreas_hierarchical_filter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Andreas hierarchical filter -->\n<style>\/* widget: Andreas hierarchical filter *\/\n\n\/* All filter buttons are FLAT siblings in the DOM (required by ue_filters.js's\n   siblings()-based deselection). The two layouts are purely CSS:\n\n   - ue-hf-layout-row:  parents form one wrapping row; children are hidden\n     until their parent is clicked, then appear on a second row below\n     (flex \"order\" + a full-width break element keeps rows separate).\n   - ue-hf-layout-list: vertical list, all children always visible, indented. *\/\n\n#uc_andreas_hierarchical_filter_elementor_770790f .ue_taxonomy_item{\n  text-decoration: none;\n  color: #333333;\n  background: #ffffff;\n  border: 1px solid #e6e6e6;\n  border-radius: 8px;\n  padding: 6px 14px;\n  line-height: 1.4em;\n  transition: background 0.2s, color 0.2s, border-color 0.2s;\n  cursor: pointer;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f .ue_taxonomy_item:hover{\n  background: #f2f2f2;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f .ue_taxonomy_item.uc-selected{\n  background: #333333;\n  border-color: #333333;\n  color: #ffffff;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f .ue-hf-parent,\n#uc_andreas_hierarchical_filter_elementor_770790f .uc-item-all{\n  font-weight: 600;\n}\n\n\/* ---------- Row layout (default) ---------- *\/\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-row{\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-row .ue-hf-parent,\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-row .uc-item-all{\n  order: 0;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-row .ue-hf-break{\n  order: 1;\n  flex-basis: 100%;\n  height: 0;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-row .ue-hf-child{\n  order: 2;\n  display: none;\n  font-size: 0.92em;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-row .ue-hf-child.ue-hf-visible{\n  display: inline-block;\n}\n\n\/* ---------- List layout (sidebar) ---------- *\/\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-list{\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-list .ue-hf-level-1{\n  margin-left: var(--ue-hf-indent, 18px);\n  font-size: 0.92em;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-list .ue-hf-level-2{\n  margin-left: calc(var(--ue-hf-indent, 18px) * 2);\n  font-size: 0.92em;\n}\n\n#uc_andreas_hierarchical_filter_elementor_770790f.ue-hf-layout-list .ue-hf-level-3{\n  margin-left: calc(var(--ue-hf-indent, 18px) * 3);\n  font-size: 0.92em;\n}\n\n\n<\/style>\n\n<!-- Container markup mirrors UE's own terms_list filters so the free plugin's\n     ue_filters.js engine picks it up: it scans for .uc-grid-filter at init,\n     binds delegated clicks on '.ue_taxonomy.uc-grid-filter a.ue_taxonomy_item',\n     and links the filter to the closest grid that has post filtering enabled.\n     The uc-waitforload class makes the init routine wait (up to ~1s) while our\n     JS fetches the terms and renders the buttons, then we remove it. -->\n<div id=\"uc_andreas_hierarchical_filter_elementor_770790f\" class=\"ue_taxonomy uc-grid-filter uc-waitforload ue-hierarchy-filter ue-hf-layout-row\" data-isfilter=\"\" data-filtertype=\"terms_list\" data-filtersource=\"terms\">\n    <a href=\"javascript:void(0)\" class=\"ue_taxonomy_item uc-item-all uc-selected\">\n    <div class=\"ue_taxonomy_item_content\">\n      <span class=\"ue_taxonomy_item_title\">All<\/span>\n    <\/div>\n  <\/a>\n  <\/div>\n\n<!-- end Andreas hierarchical filter -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fc0bfa e-flex e-con-boxed e-con e-parent\" data-id=\"6fc0bfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adb5b23 elementor-widget elementor-widget-ucaddon_post_list_masonry\" data-id=\"adb5b23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_post_list_masonry.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Andreas masonry posts -->\n\t\t<link id='font-awesome-css' href='https:\/\/chromatic.se\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/chromatic.se\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Andreas masonry posts *\/\n\n\n\n\/* MASONRY VARIANT: replaces the original \"display:grid\" wrapper.\n   Layout\/positioning is done by Masonry.js (see js.tpl) after imagesLoaded fires;\n   this CSS only has to (a) give the wrapper a positioning context and\n   (b) give each item a column width, since Masonry measures item width to\n   decide how many columns fit - it does not read grid-template-columns.\n\n   NOTE on styling this widget per-instance: the Item Layout, Item Border,\n   Item Radius, Item Background and Content Padding panel fields DO reach the\n   live CSS correctly (confirmed on a freshly-placed instance) via Elementor's\n   own per-page generated CSS file. Earlier testing in this project saw these\n   fields fail to apply, but that turned out to be stale per-page CSS caching\n   on old test instances, not a real defect - a fresh instance picks up the\n   addon.json default_value fields below correctly. If an EXISTING instance's\n   styling still looks wrong after updating a default here, try Elementor ->\n   Tools -> Regenerate CSS & Data (or just re-save that page) before assuming\n   the field is broken again.\n   Fields with no default_value in addon.json at all (Title\/Text Typography -\n   uc_typography controls only expose selector1\/2\/3, no defaults) are baked\n   into this file directly instead (see .uc_post_list_title a, .uc_post_content\n   below). For per-instance overrides beyond what's set here, Elementor's own\n   \"Custom CSS\" field (Advanced tab, Elementor Pro) also works - use\n    as the selector, e.g. { --uc-gap:12px; }.\n\n   Column count is responsive by breakpoint (2\/3\/4\/5 at 0\/768\/960\/1200px),\n   matching the AX Social Stream widget on the chromatic.se front page.\n   Masonry.js re-measures item width on window resize automatically, so no JS\n   changes were needed for this. *\/\n#uc_post_list_elementor_masonry_adb5b23{\n  position: relative;\n  margin: 0 calc(var(--uc-gap, 10px) \/ -2);\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .uc_post_list_box{\n  width: calc(50% - var(--uc-gap, 10px)); \/* 2 columns, floor for all screens below 768px *\/\n  margin: 0 calc(var(--uc-gap, 10px) \/ 2) var(--uc-gap, 10px);\n  float: left; \/* pre-masonry fallback: rows of columns instead of a single\n                  stacked column during the instant before the JS init runs.\n                  Masonry's position:absolute takes over and makes it moot. *\/\n}\n\n@media (min-width: 768px){\n  #uc_post_list_elementor_masonry_adb5b23 .uc_post_list_box{\n    width: calc(33.333% - var(--uc-gap, 10px)); \/* 3 columns *\/\n  }\n}\n\n@media (min-width: 960px){\n  #uc_post_list_elementor_masonry_adb5b23 .uc_post_list_box{\n    width: calc(25% - var(--uc-gap, 10px)); \/* 4 columns *\/\n  }\n}\n\n@media (min-width: 1200px){\n  #uc_post_list_elementor_masonry_adb5b23 .uc_post_list_box{\n    width: calc(20% - var(--uc-gap, 10px)); \/* 5 columns *\/\n  }\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .uc_post_list_image div{\n  background-size:cover;\n  background-position:center;\n}\n\n.uc_post_list .uc_post_list_box{\n\tposition: relative;\n\toverflow: hidden;\n\tdisplay: flex;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .uc_post_list_image img{\n  width:100%;\n  height:100%;\n  display:block;\n  transition:0.3s;  \n  position: relative;\n  z-index: 1;\n}\n\n.uc_post_list_title a{\n    position: relative;\n    z-index: 1;\n\tcolor: #333333;\n    display: block;\n    text-decoration: none; \/* was \"Title Typography\" panel field - no default_value in addon.json for uc_typography controls *\/\n}\n\n.uc_post_list_title a:hover{\n    text-decoration: none; \/* separate rule since :hover isn't covered by the base selector above *\/\n}\n\n.uc_post_list_date{\n\tfont-size: 12px;\n}\n\n.uc_post_content{\n  line-height: 20px; \/* was \"Text Typography\" panel field - no default_value in addon.json for uc_typography controls, see note above *\/\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .uc_more_btn{\n  text-align:center;\n  text-decoration:none;\n  transition:0.3s;\n  position: relative;\n  z-index: 1;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .ue-grid-item-category{\n  display: flex;\n  align-items: center;\n}\n\n.ue-grid-item-category a{\n  display:inline-block;\n  font-size:10px;\n  text-transform:uppercase;\n  white-space: nowrap;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .ue-grid-item-meta-data{\n      display:inline-flex;\n      align-items:center;\n}\n\n.ue-grid-item-meta-data{\n  font-size:12px;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_masonry_adb5b23 .ue-debug-meta{\n  padding:10px;\n  border:1px solid red;\n  position:relative;\n  line-height:1.5em;\n  font-size:11px;\n  width:100%;\n}\n\n.uc-remote-parent .uc_post_list_box{\n\tcursor:pointer;\n}\n\n#uc_post_list_elementor_masonry_adb5b23 .ue-post-link-overlay{\n  display:block;\n  position:absolute;\n  top:0;\n  bottom:0;\n  right:0;\n  left:0;\n}\n\n\n\n\n\n<\/style>\n\n<div class=\"uc_post_list uc-items-wrapper uc-filterable-grid \" id=\"uc_post_list_elementor_masonry_adb5b23\"  data-ajax='true'  data-filterbehave='ajax'  querydata='{&quot;count_posts&quot;:13,&quot;total_posts&quot;:13,&quot;page&quot;:1,&quot;num_pages&quot;:1}' >    \t\n  <div class=\"uc_post_list_box\" data-category=\"Design\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/tradingview-indicator\/\" target=\"_self\" title=\"TradingView indicator 1&lt;br&gt;\u261c(\u2312\u25bd\u2312)\u261e\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Tradingview-Indicator-loop.gif\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Tradingview-Indicator-loop.gif\" alt=\"Tradingview Indicator loop\" width=\"930\" height=\"704\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/tradingview-indicator\/\" title=\"TradingView indicator 1&lt;br&gt;\u261c(\u2312\u25bd\u2312)\u261e\">TradingView indicator 1<br>\u261c(\u2312\u25bd\u2312)\u261e<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">En hemmagjord MA TradingView-indicator kodad i PineScript.<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Design\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/uncle-petes-pizza-pit\/\" target=\"_self\" title=\"Uncle Pete&#039;s Pizza Pit\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Pizzapit-animated-loop-2.gif\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Pizzapit-animated-loop-2.gif\" alt=\"Pizzapit animated loop 2\" width=\"596\" height=\"604\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/uncle-petes-pizza-pit\/\" title=\"Uncle Pete&#039;s Pizza Pit\">Uncle Pete's Pizza Pit<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Pizzakartonger fr\u00e5n Uncle Pete's Pizza Pit, nedladdningsbart som en mall Illustrator.<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Design\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/diamantdiagnoserna\/\" target=\"_self\" title=\"Diamantdiagnoserna\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/diamant-shimmer.gif\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/diamant-shimmer.gif\" alt=\"diamant-shimmer\" width=\"500\" height=\"500\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/diamantdiagnoserna\/\" title=\"Diamantdiagnoserna\">Diamantdiagnoserna<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Skapa nytt grafisk formverk f\u00f6r ett nationellt skoldiagnosmaterial.<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Design\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/ncm\/\" target=\"_self\" title=\"Kommunikat\u00f6r p\u00e5 NCM\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/NCM-animated-featued-image.gif\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/NCM-animated-featued-image.gif\" alt=\"NCM animated featued image\" width=\"1258\" height=\"1080\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/ncm\/\" title=\"Kommunikat\u00f6r p\u00e5 NCM\">Kommunikat\u00f6r p\u00e5 NCM<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\"> Kommunikation, UX och digital utveckling f\u00f6r Nationellt centrum f\u00f6r matematikutbildning<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Allm\u00e4nt\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/hall-of-embers\/\" target=\"_self\" title=\"Hall of Embers\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Hall-of-embers-loop.gif\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Hall-of-embers-loop.gif\" alt=\"Hall of embers loop\" width=\"300\" height=\"168\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/hall-of-embers\/\" title=\"Hall of Embers\">Hall of Embers<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Egenkomponerat stycke, inspirerat av Dark Souls<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Design\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/nft\/\" target=\"_self\" title=\"NFT: en ber\u00e4ttelse i 7 delar\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Blue-mario-world-2.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Blue-mario-world-2.png\" alt=\"Blue mario world 2\" width=\"1138\" height=\"1140\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/nft\/\" title=\"NFT: en ber\u00e4ttelse i 7 delar\">NFT: en ber\u00e4ttelse i 7 delar<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Nyfikenhet m\u00f6ter NFT: intervjuer, Saab Mafia-konst, adaptiv musik, och att mynta egna tokens<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Design\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/portal-2-living-desktop-background\/\" target=\"_self\" title=\"Portal 2 living desktop background\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/portal-2-featured-image-B.gif\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/portal-2-featured-image-B.gif\" alt=\"portal 2 featured image B\" width=\"492\" height=\"492\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/portal-2-living-desktop-background\/\" title=\"Portal 2 living desktop background\">Portal 2 living desktop background<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">PORTAL 2\n\u2013 a living Mac OS background\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\nDetta till synes enkla projekt best\u00e5r...<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Appar\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/hair-fashion\/\" target=\"_self\" title=\"Hair Fashion till iOS &amp; Android\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Hair-Fashion-highres.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Hair-Fashion-highres.png\" alt=\"Hair Fashion highres\" width=\"512\" height=\"512\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/hair-fashion\/\" title=\"Hair Fashion till iOS &amp; Android\">Hair Fashion till iOS & Android<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Design och utveckling av en mode-app, tillsammans med Sveriges st\u00f6rsta fris\u00f6rtidning<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Appar\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/ninja-fingers\/\" target=\"_self\" title=\"Ninja Fingers till iOS &amp; Android\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/ninja-fingers-icon-1024x1024-1.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/ninja-fingers-icon-1024x1024-1.png\" alt=\"ninja fingers icon 1024x1024\" width=\"1024\" height=\"1024\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/ninja-fingers\/\" title=\"Ninja Fingers till iOS &amp; Android\">Ninja Fingers till iOS & Android<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Ett fartfyllt fingerf\u00e4ktningsspel f\u00f6r 2\u20134 kompisar p\u00e5 en och samma sk\u00e4rm. Reglerna \u00e4r upp till er<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Allm\u00e4nt\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/in-real-game\/\" target=\"_self\" title=\"In Real Game - PaRappa the Rapper\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/PaRappa-the-Rapper-featued-loop.gif\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/PaRappa-the-Rapper-featued-loop.gif\" alt=\"PaRappa the Rapper featued loop\" width=\"480\" height=\"360\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/in-real-game\/\" title=\"In Real Game - PaRappa the Rapper\">In Real Game - PaRappa the Rapper<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">\"In Real Game\" \u00e4r titeln p\u00e5 min kandidatuppsats. Det \u00e4r ett projekt om hur tv-spel kan marknadsf\u00f6ras...<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Allm\u00e4nt\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/urbania-game-demo\/\" target=\"_self\" title=\"Urbania - musik f\u00f6r ett speldemo\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Urbania-featured-image.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Urbania-featured-image.png\" alt=\"Urbania featured image\" width=\"1048\" height=\"316\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/urbania-game-demo\/\" title=\"Urbania - musik f\u00f6r ett speldemo\">Urbania - musik f\u00f6r ett speldemo<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">K\u00e4nslosam musik f\u00f6r ett speldemo<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Allm\u00e4nt\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/fylgia\/\" target=\"_self\" title=\"Fylgia - ett br\u00e4dspel\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/fylgia2.jpg\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/fylgia2.jpg\" alt=\"fylgia2\" width=\"800\" height=\"600\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/fylgia\/\" title=\"Fylgia - ett br\u00e4dspel\">Fylgia - ett br\u00e4dspel<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Ett br\u00e4dspel<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"Allm\u00e4nt\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/sv\/nitrogen-ctf-for-quake-iii-arena\/\" target=\"_self\" title=\"Nitrogen - CTF map till Quake III - Arena\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Nitrogen6.jpg\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Nitrogen6.jpg\" alt=\"Nitrogen6\" width=\"800\" height=\"437\">\n        \t        \n      <\/a>\n    <\/div>\n  \t\t\n  \n    <div class=\"uc_post_list_content\">\n      <div class=\"uc_post_list_content_inside\">\n        \n                \n             \n        <div class=\"uc_post_list_title\"><a target=\"_self\" href=\"https:\/\/chromatic.se\/sv\/nitrogen-ctf-for-quake-iii-arena\/\" title=\"Nitrogen - CTF map till Quake III - Arena\">Nitrogen - CTF map till Quake III - Arena<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Nitrogen \u00e4r en \u201dCapture the Flag\u201d-bana (med musik) f\u00f6r spelet Quake III \u2013 Arena.<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n\n<\/div>\n\n  <div id=\"uc_post_list_elementor_masonry_adb5b23_empty_message\" class=\"ue-no-posts-found\"  style=\"display:none\" >No posts found<\/div>\n\n<!-- end Andreas masonry posts -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio Det finns en del projekt, stora som sm\u00e5, som ligger mig varmt om hj\u00e4rtat. H\u00e4r f\u00f6ljer ett urval av [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-5627","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/pages\/5627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/comments?post=5627"}],"version-history":[{"count":27,"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/pages\/5627\/revisions"}],"predecessor-version":[{"id":6329,"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/pages\/5627\/revisions\/6329"}],"wp:attachment":[{"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/media?parent=5627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}