{"id":3485,"date":"2022-02-27T13:44:47","date_gmt":"2022-02-27T12:44:47","guid":{"rendered":"https:\/\/chromatic.se\/home\/"},"modified":"2026-07-15T16:37:04","modified_gmt":"2026-07-15T14:37:04","slug":"hem","status":"publish","type":"page","link":"https:\/\/chromatic.se\/sv\/","title":{"rendered":"Hem"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3485\" class=\"elementor elementor-3485 elementor-3457\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e87388 e-con e-atomic-element e-flexbox-base e-7e87388-053173c \" data-id=\"7e87388\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7e87388\">\n    <div class=\"elementor-element elementor-element-f63455b e-con e-atomic-element e-flexbox-base e-f63455b-97ad43b \" data-id=\"f63455b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f63455b\">\n    \t\t<div class=\"elementor-element elementor-element-51a8eee elementor-widget elementor-widget-html\" data-id=\"51a8eee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<video id=\"charVideo\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/karaktar-loop-1.mp4\" muted loop playsinline style=\"display:none;\"><\/video>\n<canvas id=\"charCanvas\" width=\"500\" height=\"700\" style=\"display:block; width:auto; height:200px;\"><\/canvas>\n\n<script>\n(function () {\n  const video  = document.getElementById('charVideo');\n  const canvas = document.getElementById('charCanvas');\n  const ctx    = canvas.getContext('2d', { willReadFrequently: true });\n  const KEY = { r: 45, g: 168, b: 62 }; \/\/ #2DA83E\n  const THRESHOLD = 60;\n  const FEATHER   = 40;\n\n  function draw() {\n    if (!video.paused && !video.ended) {\n      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\n      const frame = ctx.getImageData(0, 0, canvas.width, canvas.height);\n      const d = frame.data;\n      for (let i = 0; i < d.length; i += 4) {\n        const dr = d[i] - KEY.r, dg = d[i+1] - KEY.g, db = d[i+2] - KEY.b;\n        const dist = Math.sqrt(dr*dr + dg*dg + db*db);\n        if (dist < THRESHOLD) d[i+3] = 0;\n        else if (dist < THRESHOLD + FEATHER) d[i+3] = Math.round(255 * (dist - THRESHOLD) \/ FEATHER);\n      }\n      ctx.putImageData(frame, 0, 0);\n    }\n    requestAnimationFrame(draw);\n  }\n\n  video.play().catch(function () {\n    document.addEventListener('click', function () { video.play(); }, { once: true });\n  });\n  requestAnimationFrame(draw);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bf072d elementor-widget elementor-widget-spacer\" data-id=\"2bf072d\" 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\n<\/div>\n<div class=\"elementor-element elementor-element-a9c60da e-con e-atomic-element e-flexbox-base e-a9c60da-8078dc2 \" data-id=\"a9c60da\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a9c60da\">\n    \t\t<div class=\"elementor-element elementor-element-756305b6 elementor-widget elementor-widget-text-editor\" data-id=\"756305b6\" 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>Hej och v\u00e4lkommen! Jag \u00e4r <em>kommunikat\u00f6r<\/em> och <em>digital formgivare<\/em> och specialiserar mig p\u00e5 <strong>UX<\/strong>, <strong>grafisk design<\/strong> och <strong>webbutveckling<\/strong>.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74a8cd9 elementor-widget elementor-widget-text-editor\" data-id=\"74a8cd9\" 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><span style=\"font-style: inherit; font-weight: inherit;\">Den h\u00e4r ytan \u00e4r till f\u00f6r tv\u00e5 saker:<\/span><\/p>\n<ol>\n<li>Att f\u00e5 visa n\u00e5gra av de bra saker jag \u00e5stadkommit professionellt.&nbsp;<\/li>\n<li>Att f\u00e5 utlopp f\u00f6r mina mer kreativa och ovanliga sidor s\u00e5som musik, tech-experiment och omv\u00e4rldsbevakning.<\/li>\n<\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-d1272c3 e-con e-atomic-element e-flexbox-base e-98e5391 \" data-id=\"d1272c3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d1272c3\">\n    <div class=\"elementor-element elementor-element-b6d80da e-con e-atomic-element e-flexbox-base e-838ccae \" data-id=\"b6d80da\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b6d80da\">\n    \t\t\t<h2 data-interaction-id=\"5ed1d71\" class=\"e-heading-base\">Portfolio<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-931e0b3 elementor-widget elementor-widget-text-editor\" data-id=\"931e0b3\" 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 senaste fr\u00e5n min portfolio<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f31391 elementor-hidden-mobile elementor-widget elementor-widget-ucaddon_post_list\" data-id=\"0f31391\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_post_list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Post List -->\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: Post List *\/\n\n\n\n#uc_post_list_elementor_0f31391{\n  display:grid;\n}\n\n#uc_post_list_elementor_0f31391 .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_0f31391 .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_0f31391 .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}\n\n.uc_post_list_date{\n\tfont-size: 12px;\n}\n\n#uc_post_list_elementor_0f31391 .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_0f31391 .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_0f31391 .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_0f31391 .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_0f31391 .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_0f31391 .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_0f31391 .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_0f31391 .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_0f31391 .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_0f31391 .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  #uc_post_list_elementor_0f31391 .uc_post_list_content_inside{\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n  }\n\n  #uc_post_list_elementor_0f31391 .uc_post_list_title{\n    text-decoration: none;\n\n      flex-grow: 1;\n  }\n\n\n<\/style>\n\n<div class=\"uc_post_list uc-items-wrapper \" id=\"uc_post_list_elementor_0f31391\"  >    \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\n<\/div>\n\n  <div id=\"uc_post_list_elementor_0f31391_empty_message\" class=\"ue-no-posts-found\"  style=\"display:none\" >No posts found<\/div>\n\n<!-- end Post List -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bbcfcb elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-ucaddon_post_list_masonry\" data-id=\"8bbcfcb\" 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\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_8bbcfcb{\n  position: relative;\n  margin: 0 calc(var(--uc-gap, 10px) \/ -2);\n}\n\n#uc_post_list_elementor_masonry_8bbcfcb .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_8bbcfcb .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_8bbcfcb .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_8bbcfcb .uc_post_list_box{\n    width: calc(20% - var(--uc-gap, 10px)); \/* 5 columns *\/\n  }\n}\n\n#uc_post_list_elementor_masonry_8bbcfcb .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_8bbcfcb .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_masonry_8bbcfcb .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_8bbcfcb .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_masonry_8bbcfcb .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_8bbcfcb .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_masonry_8bbcfcb .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_8bbcfcb .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_8bbcfcb .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_8bbcfcb .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_8bbcfcb .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_masonry_8bbcfcb .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_8bbcfcb .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_8bbcfcb\"  data-ajax='true'  data-filterbehave='ajax'  querydata='{&quot;count_posts&quot;:4,&quot;total_posts&quot;:13,&quot;page&quot;:1,&quot;num_pages&quot;:4}' >    \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\n<\/div>\n\n  <div id=\"uc_post_list_elementor_masonry_8bbcfcb_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\n<\/div>\n<div class=\"elementor-element elementor-element-de4dd9d e-con e-atomic-element e-flexbox-base e-ad638aa \" data-id=\"de4dd9d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"de4dd9d\">\n    \t\t\t<h2 data-interaction-id=\"e9a10be\" class=\"e-heading-base\">Blog \/ Hobbies<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-c934f49 elementor-widget elementor-widget-text-editor\" data-id=\"c934f49\" 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 senaste fr\u00e5n mina hobbyprojekt<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-925c190 elementor-hidden-mobile elementor-widget elementor-widget-ucaddon_post_list\" data-id=\"925c190\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_post_list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Post List -->\n\n<style>\/* widget: Post List *\/\n\n\n\n#uc_post_list_elementor_925c190{\n  display:grid;\n}\n\n#uc_post_list_elementor_925c190 .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_925c190 .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_925c190 .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}\n\n.uc_post_list_date{\n\tfont-size: 12px;\n}\n\n#uc_post_list_elementor_925c190 .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_925c190 .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_925c190 .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_925c190 .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_925c190 .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_925c190 .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_925c190 .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_925c190 .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_925c190 .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_925c190 .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  #uc_post_list_elementor_925c190 .uc_post_list_content_inside{\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n  }\n\n  #uc_post_list_elementor_925c190 .uc_post_list_title{\n    text-decoration: none;\n\n      flex-grow: 1;\n  }\n\n\n<\/style>\n\n<div class=\"uc_post_list uc-items-wrapper \" id=\"uc_post_list_elementor_925c190\"  >    \t\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\/worktape-81\/\" target=\"_self\" title=\"Worktape 81\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Worktape-81-featured-image.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Worktape-81-featured-image.png\" alt=\"Worktape 81 featured image\" width=\"1052\" height=\"504\">\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\/worktape-81\/\" title=\"Worktape 81\">Worktape 81<\/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 musikstycke om dragkampen mellan trygghet\/\u00e5ngest, fr\u00e5n gitarrsp\u00e5r till digital produktion i Logic...<\/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\/banjer-brawl-in-butcher-creek-rdr2\/\" target=\"_self\" title=\"Banjo-slagsm\u00e5l i Butcher Creek (RDR2)\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Banjer-Brawl-in-Butcher-Creek-RDR2.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Banjer-Brawl-in-Butcher-Creek-RDR2.png\" alt=\"Banjer Brawl in Butcher Creek (RDR2)\" width=\"1142\" height=\"988\">\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\/banjer-brawl-in-butcher-creek-rdr2\/\" title=\"Banjo-slagsm\u00e5l i Butcher Creek (RDR2)\">Banjo-slagsm\u00e5l i Butcher Creek (RDR2)<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">The Banjo Mutant's kompisar hamnar i slagsm\u00e5l.<\/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\/playing-banjer-in-butcher-creek-rdr2\/\" target=\"_self\" title=\"Spela Banjo i Butcher Creek (RDR2)\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Playing-Banjer-in-Butcher-Creek-RDR2.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Playing-Banjer-in-Butcher-Creek-RDR2.png\" alt=\"Playing Banjer in Butcher Creek (RDR2)\" width=\"910\" height=\"716\">\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\/playing-banjer-in-butcher-creek-rdr2\/\" title=\"Spela Banjo i Butcher Creek (RDR2)\">Spela Banjo i Butcher Creek (RDR2)<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">H\u00e4r \u00e4r ett av mina favoritst\u00e4llen i hela RDR2, n\u00e4r man f\u00e5r tr\u00e4ffa\u00a0the Banjo Mutant<\/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\/blue-mario-world\/\" target=\"_self\" title=\"Blue Mario World\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Blue-Mario-World.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Blue-Mario-World.png\" alt=\"Blue Mario World\" width=\"1546\" height=\"1012\">\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\/blue-mario-world\/\" title=\"Blue Mario World\">Blue Mario World<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Mario k\u00e4nner sig nere. Han uttrycker detta genom att spela gitarr i moll, med en bekant melodi<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n\n<\/div>\n\n  <div id=\"uc_post_list_elementor_925c190_empty_message\" class=\"ue-no-posts-found\"  style=\"display:none\" >No posts found<\/div>\n\n<!-- end Post List -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b3888e elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-ucaddon_post_list_masonry\" data-id=\"0b3888e\" 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\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_0b3888e{\n  position: relative;\n  margin: 0 calc(var(--uc-gap, 10px) \/ -2);\n}\n\n#uc_post_list_elementor_masonry_0b3888e .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_0b3888e .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_0b3888e .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_0b3888e .uc_post_list_box{\n    width: calc(20% - var(--uc-gap, 10px)); \/* 5 columns *\/\n  }\n}\n\n#uc_post_list_elementor_masonry_0b3888e .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_0b3888e .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_masonry_0b3888e .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_0b3888e .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_masonry_0b3888e .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_0b3888e .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_masonry_0b3888e .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_0b3888e .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_0b3888e .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_0b3888e .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_0b3888e .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_masonry_0b3888e .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_0b3888e .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_0b3888e\"  data-ajax='true'  data-filterbehave='ajax'  querydata='{&quot;count_posts&quot;:4,&quot;total_posts&quot;:37,&quot;page&quot;:1,&quot;num_pages&quot;:10}' >    \t\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\/worktape-81\/\" target=\"_self\" title=\"Worktape 81\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Worktape-81-featured-image.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Worktape-81-featured-image.png\" alt=\"Worktape 81 featured image\" width=\"1052\" height=\"504\">\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\/worktape-81\/\" title=\"Worktape 81\">Worktape 81<\/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 musikstycke om dragkampen mellan trygghet\/\u00e5ngest, fr\u00e5n gitarrsp\u00e5r till digital produktion i Logic...<\/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\/banjer-brawl-in-butcher-creek-rdr2\/\" target=\"_self\" title=\"Banjo-slagsm\u00e5l i Butcher Creek (RDR2)\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Banjer-Brawl-in-Butcher-Creek-RDR2.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Banjer-Brawl-in-Butcher-Creek-RDR2.png\" alt=\"Banjer Brawl in Butcher Creek (RDR2)\" width=\"1142\" height=\"988\">\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\/banjer-brawl-in-butcher-creek-rdr2\/\" title=\"Banjo-slagsm\u00e5l i Butcher Creek (RDR2)\">Banjo-slagsm\u00e5l i Butcher Creek (RDR2)<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">The Banjo Mutant's kompisar hamnar i slagsm\u00e5l.<\/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\/playing-banjer-in-butcher-creek-rdr2\/\" target=\"_self\" title=\"Spela Banjo i Butcher Creek (RDR2)\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Playing-Banjer-in-Butcher-Creek-RDR2.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Playing-Banjer-in-Butcher-Creek-RDR2.png\" alt=\"Playing Banjer in Butcher Creek (RDR2)\" width=\"910\" height=\"716\">\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\/playing-banjer-in-butcher-creek-rdr2\/\" title=\"Spela Banjo i Butcher Creek (RDR2)\">Spela Banjo i Butcher Creek (RDR2)<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">H\u00e4r \u00e4r ett av mina favoritst\u00e4llen i hela RDR2, n\u00e4r man f\u00e5r tr\u00e4ffa\u00a0the Banjo Mutant<\/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\/blue-mario-world\/\" target=\"_self\" title=\"Blue Mario World\">\n          \n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Blue-Mario-World.png\"  src=\"https:\/\/chromatic.se\/wp-content\/uploads\/Blue-Mario-World.png\" alt=\"Blue Mario World\" width=\"1546\" height=\"1012\">\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\/blue-mario-world\/\" title=\"Blue Mario World\">Blue Mario World<\/a><\/div>                 \n        <div class=\"ue-meta-data\">\n                 \n                \n            \n              \n              \n  \n      \n<\/div>      \n               \n<div class=\"uc_post_content\">Mario k\u00e4nner sig nere. Han uttrycker detta genom att spela gitarr i moll, med en bekant melodi<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n\n<\/div>\n\n  <div id=\"uc_post_list_elementor_masonry_0b3888e_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\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hej och v\u00e4lkommen! Jag \u00e4r kommunikat\u00f6r och digital formgivare och specialiserar mig p\u00e5 UX, grafisk design och webbutveckling.\u00a0 Den h\u00e4r [&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":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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":"default","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-3485","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/pages\/3485","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=3485"}],"version-history":[{"count":105,"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/pages\/3485\/revisions"}],"predecessor-version":[{"id":6384,"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/pages\/3485\/revisions\/6384"}],"wp:attachment":[{"href":"https:\/\/chromatic.se\/sv\/wp-json\/wp\/v2\/media?parent=3485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}