{"id":3457,"date":"2022-02-27T13:44:47","date_gmt":"2022-02-27T12:44:47","guid":{"rendered":"https:\/\/chromatic.se\/?page_id=3457"},"modified":"2026-07-16T15:50:57","modified_gmt":"2026-07-16T13:50:57","slug":"home","status":"publish","type":"page","link":"https:\/\/chromatic.se\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3457\" class=\"elementor elementor-3457\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba0870d e-con e-atomic-element e-flexbox-base e-ba0870d-d4f9725 \" data-id=\"ba0870d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ba0870d\">\n    <div class=\"elementor-element elementor-element-4413d69 e-con e-atomic-element e-flexbox-base e-4413d69-54a0304 \" data-id=\"4413d69\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4413d69\">\n    \t\t<div class=\"elementor-element elementor-element-1c24b2d elementor-widget elementor-widget-html\" data-id=\"1c24b2d\" 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-1c883b4 elementor-widget elementor-widget-spacer\" data-id=\"1c883b4\" 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-3f63ce2 e-con e-atomic-element e-flexbox-base e-3f63ce2-0c418d6 \" data-id=\"3f63ce2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3f63ce2\">\n    \t\t<div class=\"elementor-element elementor-element-ee373e6 elementor-widget elementor-widget-text-editor\" data-id=\"ee373e6\" 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>Hello and welcome! I&#8217;m a <em>communications professional<\/em> and <em>digital designer<\/em> specializing in <strong>UX<\/strong>, <strong>graphic design<\/strong>, and <strong>web development<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d172abc elementor-widget elementor-widget-text-editor\" data-id=\"d172abc\" 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>This space serves two purposes:<\/p><ol><li>To showcase some of the work I&#8217;m most proud of from my professional career.<\/li><li>To share my more creative and unconventional side through music, tech experiments, and observations on the world around us.<\/li><\/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-4687980 e-con e-atomic-element e-flexbox-base e-4687980-24da8c8 \" data-id=\"4687980\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4687980\">\n    <div class=\"elementor-element elementor-element-2409636 e-con e-atomic-element e-flexbox-base e-2409636-754b934 \" data-id=\"2409636\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2409636\">\n    \t\t\t<h2 data-interaction-id=\"a3a0648\" class=\"e-heading-base\">Portfolio<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3497ca elementor-widget elementor-widget-text-editor\" data-id=\"b3497ca\" 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>The most recent professional projects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d7c5e3 elementor-hidden-mobile elementor-widget elementor-widget-ucaddon_post_list\" data-id=\"1d7c5e3\" 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_1d7c5e3{\n  display:grid;\n}\n\n#uc_post_list_elementor_1d7c5e3 .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_1d7c5e3 .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_1d7c5e3 .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_1d7c5e3 .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_1d7c5e3 .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_1d7c5e3 .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_1d7c5e3 .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_1d7c5e3 .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_1d7c5e3 .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_1d7c5e3 .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_1d7c5e3 .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_1d7c5e3 .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_1d7c5e3 .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_1d7c5e3 .uc_post_list_content_inside{\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n  }\n\n  #uc_post_list_elementor_1d7c5e3 .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_1d7c5e3\"  >    \t\n  <div class=\"uc_post_list_box\" data-category=\"Code\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/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\/en\/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\">A homemade MA TradingView indicator written in 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\/en\/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\/en\/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\">The pizza boxes from Uncle Pete's Pizza Pit (from Fortnite), a downloadable template made in Illustr...<\/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\/en\/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\/en\/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\">Redesigning an entire graphic framework<\/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\/en\/ncm\/\" target=\"_self\" title=\"Communications officer for 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\/en\/ncm\/\" title=\"Communications officer for NCM\">Communications officer for 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\">Communication, UX and digital development for the National Centre for Mathematics Education<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n\n<\/div>\n\n  <div id=\"uc_post_list_elementor_1d7c5e3_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-ea278d0 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-ucaddon_post_list_masonry\" data-id=\"ea278d0\" 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_ea278d0{\n  position: relative;\n  margin: 0 calc(var(--uc-gap, 10px) \/ -2);\n}\n\n#uc_post_list_elementor_masonry_ea278d0 .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_ea278d0 .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_ea278d0 .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_ea278d0 .uc_post_list_box{\n    width: calc(20% - var(--uc-gap, 10px)); \/* 5 columns *\/\n  }\n}\n\n#uc_post_list_elementor_masonry_ea278d0 .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_ea278d0 .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_masonry_ea278d0 .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_ea278d0 .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_masonry_ea278d0 .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_ea278d0 .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_masonry_ea278d0 .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_ea278d0 .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_ea278d0 .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_ea278d0 .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_ea278d0 .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_masonry_ea278d0 .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_ea278d0 .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_ea278d0\"  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=\"Code\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/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\/en\/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\">A homemade MA TradingView indicator written in 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\/en\/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\/en\/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\">The pizza boxes from Uncle Pete's Pizza Pit (from Fortnite), a downloadable template made in Illustr...<\/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\/en\/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\/en\/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\">Redesigning an entire graphic framework<\/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\/en\/ncm\/\" target=\"_self\" title=\"Communications officer for 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\/en\/ncm\/\" title=\"Communications officer for NCM\">Communications officer for 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\">Communication, UX and digital development for the National Centre for Mathematics Education<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n\n<\/div>\n\n  <div id=\"uc_post_list_elementor_masonry_ea278d0_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-31b66cc e-con e-atomic-element e-flexbox-base e-31b66cc-d6a2e75 \" data-id=\"31b66cc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"31b66cc\">\n    \t\t\t<h2 data-interaction-id=\"dddabe1\" class=\"e-heading-base\">Blogg \/ Hobbies<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-c050d9e elementor-widget elementor-widget-text-editor\" data-id=\"c050d9e\" 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>The most recent hobby adventures<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7265ded elementor-hidden-mobile elementor-widget elementor-widget-ucaddon_post_list\" data-id=\"7265ded\" 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_7265ded{\n  display:grid;\n}\n\n#uc_post_list_elementor_7265ded .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_7265ded .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_7265ded .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_7265ded .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_7265ded .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_7265ded .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_7265ded .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_7265ded .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_7265ded .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_7265ded .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_7265ded .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_7265ded .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_7265ded .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_7265ded .uc_post_list_content_inside{\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n  }\n\n  #uc_post_list_elementor_7265ded .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_7265ded\"  >    \t\n  <div class=\"uc_post_list_box\" data-category=\"General\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/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\/en\/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\">A musical piece about the tug-of-war between security\/anxiety, built from a guitar track into a fully...<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"General\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/banjer-brawl-in-butcher-creek-rdr2\/\" target=\"_self\" title=\"Banjer Brawl in 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\/en\/banjer-brawl-in-butcher-creek-rdr2\/\" title=\"Banjer Brawl in Butcher Creek (RDR2)\">Banjer Brawl in 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 friends get into a fist fight.<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"General\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/playing-banjer-in-butcher-creek-rdr2\/\" target=\"_self\" title=\"Playing Banjer in 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\/en\/playing-banjer-in-butcher-creek-rdr2\/\" title=\"Playing Banjer in Butcher Creek (RDR2)\">Playing Banjer in 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\">Here's one of my favourite places in RDR2, meeting the Banjo Mutant<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"General\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/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\/en\/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 is feeling blue. He's expressing this through playing guitar, with minor chords over a familiar...<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n\n<\/div>\n\n  <div id=\"uc_post_list_elementor_7265ded_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-c14cfe2 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-ucaddon_post_list_masonry\" data-id=\"c14cfe2\" 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_c14cfe2{\n  position: relative;\n  margin: 0 calc(var(--uc-gap, 10px) \/ -2);\n}\n\n#uc_post_list_elementor_masonry_c14cfe2 .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_c14cfe2 .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_c14cfe2 .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_c14cfe2 .uc_post_list_box{\n    width: calc(20% - var(--uc-gap, 10px)); \/* 5 columns *\/\n  }\n}\n\n#uc_post_list_elementor_masonry_c14cfe2 .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_c14cfe2 .uc_post_list_image{\n  flex-grow:0;\n  flex-shrink:0;\n  overflow: hidden;\n}\n\n#uc_post_list_elementor_masonry_c14cfe2 .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_c14cfe2 .uc_post_list_content{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n}\n\n#uc_post_list_elementor_masonry_c14cfe2 .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_c14cfe2 .button-on-side{\n  display:flex;\n  align-items:center;\n}\n\n#uc_post_list_elementor_masonry_c14cfe2 .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_c14cfe2 .ue-meta-data{  \n  display:flex;\n  flex-wrap: wrap;\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_c14cfe2 .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_c14cfe2 .ue-grid-item-meta-data-icon{\n  line-height:1em;\n}\n\n#uc_post_list_elementor_masonry_c14cfe2 .ue-grid-item-meta-data-icon svg{\n  width:1em;\n  height:1em;\n} \n\n#uc_post_list_elementor_masonry_c14cfe2 .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_c14cfe2 .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_c14cfe2\"  data-ajax='true'  data-filterbehave='ajax'  querydata='{&quot;count_posts&quot;:4,&quot;total_posts&quot;:33,&quot;page&quot;:1,&quot;num_pages&quot;:9}' >    \t\n  <div class=\"uc_post_list_box\" data-category=\"General\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/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\/en\/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\">A musical piece about the tug-of-war between security\/anxiety, built from a guitar track into a fully...<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"General\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/banjer-brawl-in-butcher-creek-rdr2\/\" target=\"_self\" title=\"Banjer Brawl in 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\/en\/banjer-brawl-in-butcher-creek-rdr2\/\" title=\"Banjer Brawl in Butcher Creek (RDR2)\">Banjer Brawl in 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 friends get into a fist fight.<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"General\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/playing-banjer-in-butcher-creek-rdr2\/\" target=\"_self\" title=\"Playing Banjer in 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\/en\/playing-banjer-in-butcher-creek-rdr2\/\" title=\"Playing Banjer in Butcher Creek (RDR2)\">Playing Banjer in 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\">Here's one of my favourite places in RDR2, meeting the Banjo Mutant<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n<div class=\"uc_post_list_box\" data-category=\"General\">\n  \n  \t    <div class=\"uc_post_list_image\">\n      <a href=\"https:\/\/chromatic.se\/en\/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\/en\/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 is feeling blue. He's expressing this through playing guitar, with minor chords over a familiar...<\/div>                  \n                \n      <\/div>\n    <\/div>\n     \n       \n  \n   <\/div>\n\n<\/div>\n\n  <div id=\"uc_post_list_elementor_masonry_c14cfe2_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>Hello and welcome! I&#8217;m a communications professional and digital designer specializing in UX, graphic design, and web development. This space [&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":"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-3457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chromatic.se\/en\/wp-json\/wp\/v2\/pages\/3457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chromatic.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chromatic.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chromatic.se\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/chromatic.se\/en\/wp-json\/wp\/v2\/comments?post=3457"}],"version-history":[{"count":118,"href":"https:\/\/chromatic.se\/en\/wp-json\/wp\/v2\/pages\/3457\/revisions"}],"predecessor-version":[{"id":6385,"href":"https:\/\/chromatic.se\/en\/wp-json\/wp\/v2\/pages\/3457\/revisions\/6385"}],"wp:attachment":[{"href":"https:\/\/chromatic.se\/en\/wp-json\/wp\/v2\/media?parent=3457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}