{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "Johan Edlund",
  "language": "en",
  "home_page_url": "https://johanedlund.se/",
  "feed_url": "https://johanedlund.se/feed.json",
  "description": "Jesus Christ is the truth and the way.",
  "authors": [
    {
      "name": "Johan Edlund"
    }
  ],
  "items": [{
      "id": "https://johanedlund.se/jams/in-reverse-polygonia-remix/",
      "url": "https://johanedlund.se/jams/in-reverse-polygonia-remix/",
      "title": "In Reverse (Polygonia Remix)",
      "content_html": "<p><a href=\"https://www.erasedtapes.com\" rel=\"noopener\">Erased tapes</a> has a ton of good artists in various genres. Rival Consoles is Ryan Lee West.</p>",
      "date_published": "2026-06-16T15:39:36Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/chasing-the-dream/",
      "url": "https://johanedlund.se/jams/chasing-the-dream/",
      "title": "Chasing The Dream",
      "content_html": "<p>Soft rolling beats with lots of texture.</p><ul><li><p><a href=\"https://music.apple.com/se/song/inception/1716473290\" rel=\"noopener\">Inception</a></p></li><li><p><a href=\"https://music.apple.com/se/song/more-than-a-feeling/1716473293\" rel=\"noopener\">More Than a Feeling</a></p></li><li><p><a href=\"https://music.apple.com/se/song/through-peaks-and-valleys/1716473296\" rel=\"noopener\">Through Peaks and Valleys</a></p></li><li><p><a href=\"https://music.apple.com/se/song/burning-with-you/1716473658\" rel=\"noopener\">Burning With You</a></p></li><li><p><a href=\"https://music.apple.com/se/song/energy-pulse/1716473662\" rel=\"noopener\">Energy Pulse</a></p></li><li><p><a href=\"https://music.apple.com/se/song/kadastre/1716473664\" rel=\"noopener\">Kadastre</a></p></li><li><p><a href=\"https://music.apple.com/se/song/equilibrium/1716473665\" rel=\"noopener\">Equilibrium</a></p></li><li><p><a href=\"https://music.apple.com/se/song/walk-along-the-rainbow/1716473667\" rel=\"noopener\">Walk Along The Rainbow</a></p></li><li><p><a href=\"https://music.apple.com/se/song/second-breath/1716473668\" rel=\"noopener\">Second Breath</a></p></li><li><p><a href=\"https://music.apple.com/se/song/chasing-the-dream/1716473673\" rel=\"noopener\">Chasing The Dream</a></p></li><li><p><a href=\"https://music.apple.com/se/song/there-is-a-light/1716473675\" rel=\"noopener\">There is a Light</a></p></li><li><p><a href=\"https://music.apple.com/se/song/rise/1716473679\" rel=\"noopener\">Rise</a></p></li><li><p><a href=\"https://music.apple.com/se/song/chasing-the-dream-instrumental-mix/1716473682\" rel=\"noopener\">Chasing The Dream (Instrumental Mix)</a></p></li></ul>",
      "date_published": "2026-06-11T20:52:34Z"
    }
    ,{
      "id": "https://johanedlund.se/watching/herr-arnes-pengar/",
      "url": "https://johanedlund.se/watching/herr-arnes-pengar/",
      "title": "Herr Arnes pengar",
      "content_html": "<p>It’s odd that the best movie I’ve seen in a long time is a silent era film made more than a hundred years ago. Every shot is <a href=\"https://www.acinemahistory.com/2014/07/herr-arnes-pengar-1919-sir-arnes.html\" rel=\"noopener\">wonderfully framed</a> and Selma Lagerström’s story is handled with care. Since I grow up in this area of Sweden where the novel takes place I was hoping for local landmarks, but the movie seems to be shot all in Stockholm , so no sights of <a href=\"https://carlsten.se/en/\" rel=\"noopener\">Carlstens fästning</a> in Marstrand for instance. The English title is “Sir Arne’s Treasure”.</p><div><custom-youtube class=\"flow\"><!-- component composition by: https://github.com/zachleat/zachleat.com -->\n<style>\n  /* Hide without JS */\n  is-land:not(:defined).video-wrapper {\n    display: none;\n  }\n</style>\n\n  <is-land on:visible class=\"video-wrapper\">\n    <lite-youtube videoid=\"vrSUCL3TZxk\" js-api playlabel=\"Play: Sir Arne's treasure by Deeper Cinema\" style=\"background-image: var(--yt-poster-img-url); --yt-poster-img-url-lazy: url('https://v1.opengraph.11ty.dev/https%3A%2F%2Fyoutube.com%2Fwatch%3Fv%3DvrSUCL3TZxk/auto/jpeg/')\"></lite-youtube>\n\n    <template data-island=\"once\">\n      <style>\n        lite-youtube {\n          max-inline-size: 100% !important;\n          background-size: cover;\n        }\n\n        is-land lite-youtube {\n          background-color: #eee;\n          border-radius: 0.2em;\n          background-size: cover;\n        }\n        is-land[ready] lite-youtube {\n          /* gotta set in `style` to override the 480w image from lite-youtube */\n          --yt-poster-img-url: var(--yt-poster-img-url-lazy);\n        }\n\n        .video-wrapper {\n          aspect-ratio: 16 / 9;\n          width: 100%;\n        }\n\n        is-land.video-wrapper {\n          display: block;\n        }\n      </style>\n      <link rel=\"stylesheet\" href=\"/assets/components/lite-yt-embed.css\" />\n      <script type=\"module\" src=\"/assets/components/lite-yt-embed.js\"></script>\n    </template>\n  </is-land>\n\n<custom-youtube-link label=\"Sir Arne's treasure by Deeper Cinema\" href=\"https://youtube.com/watch?v=vrSUCL3TZxk\"><style>\n  custom-youtube-link {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--space-xs);\n    font-size: var(--size-step-min-1);\n  }\n  custom-youtube-link svg {\n    font-size: var(--size-step-0);\n    margin-block-start: 0.1em;\n  }\n</style>\n\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ariahidden=\"true\"><path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"></path><path d=\"m10 15 5-3-5-3z\"></path></svg>\n\n<a href=\"https://youtube.com/watch?v=vrSUCL3TZxk\">Sir Arne's treasure by Deeper Cinema</a>\n\n<!-- Inspired by https://github.com/zachleat/zachleat.com  -->\n</custom-youtube-link>\n</custom-youtube></div>",
      "date_published": "2026-06-08T20:34:53Z"
    }
    ,{
      "id": "https://johanedlund.se/bookmarks/may-2025-iwc%E2%80%94more-easily-joining-small-web-communities/",
      "url": "https://johanedlund.se/bookmarks/may-2025-iwc%E2%80%94more-easily-joining-small-web-communities/",
      "title": "May 2025 IWC—More Easily Joining Small Web Communities",
      "content_html": "<p>Strategies to lower the barrier of entry for small web communities and the IndieWeb.</p>",
      "date_published": "2026-06-05T18:35:37Z"
    }
    ,{
      "id": "https://johanedlund.se/photos/pier-4-ribersborg/",
      "url": "https://johanedlund.se/photos/pier-4-ribersborg/",
      "title": "Pier 4, Ribersborg",
      "content_html": "<p>Ribersborg at the blue hour, the open-air baths gone quiet and the already very calm Öresund is flat as poured glass because of the 60 second exposure. On a clear evening Copenhagen sits as a low band of light across the water. The film rebate is left in on purpose; the Ektar edge markings are part of the picture now.</p>",
      "date_published": "2026-06-04T18:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/bookmarks/left-aligned-website/",
      "url": "https://johanedlund.se/bookmarks/left-aligned-website/",
      "title": "Left aligned website",
      "content_html": "<p>Can’t seem to find any good css gallery sites anymore. I’m looking for inspiration for a left-aligned site I’m planning to develop. Most awards sites like <a href=\"https://www.awwwards.com/\" rel=\"noopener\">https://www.awwwards.com/</a> only feature heavily animated and overblown <abbr title=\"Single-page Apps\">SPA</abbr>'s.</p>",
      "date_published": "2026-06-03T11:10:56Z"
    }
    ,{
      "id": "https://johanedlund.se/likes/ariel-salminen-website/",
      "url": "https://johanedlund.se/likes/ariel-salminen-website/",
      "title": "Ariel Salminen website",
      "content_html": "<p>The attention to details and the simplicity and elegance is the signum of Ariel. Best webdesigner ever?</p>",
      "date_published": "2026-06-03T11:04:31Z"
    }
    ,{
      "id": "https://johanedlund.se/replies/despite-being-free-i-havent-used-affinity-studio-that-much/",
      "url": "https://johanedlund.se/replies/despite-being-free-i-havent-used-affinity-studio-that-much/",
      "title": "Despite being free I haven&#39;t used Affinity Studio that much",
      "content_html": "<p>Despite being free I haven’t used Affinity Studio that much. Mostly trying to get everything through open-source <em>Penpot</em> instead. <strong>Bold</strong> text?</p>",
      "date_published": "2026-06-03T11:00:16Z"
    }
    ,{
      "id": "https://johanedlund.se/notes/i-feel-we-should-update-the-tolstoy-projects-parent-repo/",
      "url": "https://johanedlund.se/notes/i-feel-we-should-update-the-tolstoy-projects-parent-repo/",
      "title": "I feel we should update the Tolstoy project&#39;s parent repo with a…",
      "content_html": "<p>I feel we should update the Tolstoy project’s parent repo with a contributing tab just like the <a href=\"https://github.com/pjedlund/soli-deo-gloria-dedication?tab=contributing-ov-file\">SDG repo</a>.</p>",
      "date_published": "2026-06-03T10:55:49Z"
    }
    ,{
      "id": "https://johanedlund.se/watching/o-brother/",
      "url": "https://johanedlund.se/watching/o-brother/",
      "title": "O Brother, Where Art Thou?",
      "content_html": "<p>Really funny and a great soundtrack.</p>",
      "date_published": "2026-06-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/reading/nils-holgerssons-underbara-resa-genom-sverige/",
      "url": "https://johanedlund.se/reading/nils-holgerssons-underbara-resa-genom-sverige/",
      "title": "Nils Holgerssons underbara resa genom Sverige",
      "content_html": "",
      "date_published": "2026-06-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/boiler-room-tale-of-us-in-berlin-nov-5-2015-dj-mix/",
      "url": "https://johanedlund.se/jams/boiler-room-tale-of-us-in-berlin-nov-5-2015-dj-mix/",
      "title": "Boiler Room: Tale Of Us in Berlin, Nov 5, 2015 (DJ Mix)",
      "content_html": "<p>Listening to more and more electronic dance music.</p>",
      "date_published": "2026-06-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/notes/bethink-yourselves/",
      "url": "https://johanedlund.se/notes/bethink-yourselves/",
      "title": "Bethink Yourselves!",
      "content_html": "<p>På sin tid suckade Jesus i förväntan och sade:</p><p>»Jag har kommit för att kasta eld öfver världen,<br>och jag trånar efter att den redan vore tänd.»</p><p>Det, som Jesus längtade efter, fullbordas nu: elden<br>håller på att tändas. Låtom oss då icke släcka den,<br>utan sprida och underhålla den!</p>",
      "date_published": "2026-06-01T21:08:20Z"
    }
    ,{
      "id": "https://johanedlund.se/notes/a-new-note-from-sparkles-via-the-a-hrefhttpsindieweborgmicropubmicropu/",
      "url": "https://johanedlund.se/notes/a-new-note-from-sparkles-via-the-a-hrefhttpsindieweborgmicropubmicropu/",
      "title": "A new note from Sparkles via the micropub standard",
      "content_html": "<p>A new note from Sparkles via the <a href=\"https://indieweb.org/Micropub\">micropub</a> standard.</p>",
      "date_published": "2026-05-31T18:51:24Z"
    }
    ,{
      "id": "https://johanedlund.se/photos/asturian-valley/",
      "url": "https://johanedlund.se/photos/asturian-valley/",
      "title": "Asturian valley",
      "content_html": "<p>Came across this hamlet on a walk through the hills — a handful of stone houses<br>holding their ground against the forest pressing in from every side.</p>",
      "date_published": "2026-05-22T16:30:00Z"
    }
    ,{
      "id": "https://johanedlund.se/watching/310-to-yuma/",
      "url": "https://johanedlund.se/watching/310-to-yuma/",
      "title": "3:10 to Yuma",
      "content_html": "<p>Good storytelling and cinematography.</p>",
      "date_published": "2026-03-09T18:47:08Z"
    }
    ,{
      "id": "https://johanedlund.se/reading/anna-karenina/",
      "url": "https://johanedlund.se/reading/anna-karenina/",
      "title": "Anna Karenina",
      "content_html": "<p>Love… it means too much to me, far more than you can understand. At its simplest, Anna Karenina is a love story. It is a portrait of a beautiful and intelligent woman whose passionate love for a handsome officer sweeps aside all other ties - to her marriage and to the network of relationships and moral values that bind the society around her…</p><p>The love affair of Anna and Vronsky is played out alongside the developing romance of Kitty and Levin, and in the character of Levin, closely based on Tolstoy himself, the search for happiness takes on a deeper philosophical significance.</p><p>One of the greatest novels ever written, Anna Karenina combines penetrating psychological insight with an encyclopedic depiction of Russian life in the 1870s. The novel takes us from high society St Petersburg to the threshing fields on Levin’s estate, with unforgettable scenes at a Moscow ballroom, the skating rink, a race course, a railway station. It creates an intricate labyrinth of connections that is profoundly satisfying, and deeply moving.</p><p>Rosamund Bartlett’s translation conveys Tolstoy’s precision of meaning and emotional accuracy in an English version that is highly readable and stylistically faithful. Like her acclaimed biography of Tolstoy, it is vivid, nuanced, and compelling.</p>",
      "date_published": "2026-01-11T12:50:58Z"
    }
    ,{
      "id": "https://johanedlund.se/reading/the-kingdom-of-god-is-within-you/",
      "url": "https://johanedlund.se/reading/the-kingdom-of-god-is-within-you/",
      "title": "The Kingdom of God is Within You",
      "content_html": "<p>content text</p>",
      "date_published": "2025-12-10T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/notes/affinity-studio/",
      "url": "https://johanedlund.se/notes/affinity-studio/",
      "title": "Affinity Studio",
      "content_html": "<blockquote><p>Affinity has been re-engineered into a single, unified app that merges the capabilities of what used to be separate apps for layout, photo, and vector editing into one. It’s now completely free to download and use – like, forever – with no subscription required for the core features, except AI generation stuff.<br><a href=\"https://matthiasott.com/notes/to-affinity-and-beyond\" rel=\"noopener\">https://matthiasott.com/notes/to-affinity-and-beyond</a></p></blockquote>",
      "date_published": "2025-03-04T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/articles/post-with-an-image/",
      "url": "https://johanedlund.se/articles/post-with-an-image/",
      "title": "Post with an image",
      "content_html": "<p>Using the powerful <a href=\"https://www.11ty.dev/docs/plugins/image/\" rel=\"noopener\">Eleventy Image plugin</a>, we have three ways to optimize images: <a href=\"#html-transform\">HTML Transform</a>, <a href=\"#markdown-syntax\">Markdown syntax</a>, and <a href=\"#nunjucks-shortcodes\">Nunjucks shortcodes</a>.</p><h2 id=\"html-transform\"><a href=\"#html-transform\" class=\"heading-anchor\">HTML Transform</a></h2><p>Transforms any <code>&lt;img&gt;</code> or <code>&lt;picture&gt;</code> tags in HTML files as a post-processing step. Find the default settings directly in <code>eleventy.config.js</code>.</p><pre class=\"language-html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>img</span> <span class=\"token attr-name\">src</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>./co-located-image.jpg<span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">alt</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>alt text<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">&gt;</span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>img</span> <span class=\"token attr-name\">src</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>/assets/images/absolute-path-image.jpg<span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">alt</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>alt text<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">&gt;</span></span></code></pre><p>We can pass in overrides for every instance and use attributes. By default all images are set to be lazy loaded, but we can override this by directly setting <code>loading=\"eager\"</code> and <code>decoding=\"sync\"</code>on the <code>&lt;img&gt;</code> element.</p><p>Another thing to note is the <code>widths: ['auto']</code> setting, which by default only includes the original size image. We can set the dedicated <code>widths</code> to be used by adding <code>eleventy:widths=\"800,1200\"</code> on the element. For images with <a href=\"/blog/post-with-an-image/#markdown-syntax\">Markdown syntax</a>, I set fixed <code>widths</code> so we don’t need to set a value on every instance.</p><p><code>sizes</code> defaults to <code>auto</code>, which is applied to all lazy loading images. For eager-loading images, the value is equivalent to <code>100vw</code> See: <a href=\"https://github.com/whatwg/html/pull/8008\" rel=\"noopener\">https://github.com/whatwg/html/pull/8008</a>. We can <em>still</em> overwrite this, by setting the <code>sizes</code> attribute directly on the <code>&lt;img&gt;</code> element, with something specific like <code>sizes=\"(max-width: 615px) 50vw, 100vw\"</code>.</p><pre class=\"language-html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>img</span> <span class=\"token attr-name\">src</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>./co-located-image.jpg<span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">alt</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>alt text<span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\"><span class=\"token namespace\">eleventy:</span>widths</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>200,600<span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">loading</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>eager<span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">decoding</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>sync<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">&gt;</span></span></code></pre><picture><source type=\"image/webp\" srcset=\"/articles/post-with-an-image/F54o5PK949-200.webp 200w, /articles/post-with-an-image/F54o5PK949-600.webp 600w\" sizes=\"(max-width: 615px) 50vw, 100vw\"><img loading=\"eager\" decoding=\"sync\" src=\"/articles/post-with-an-image/F54o5PK949-200.jpeg\" alt=\"A picturesque valley showcasing majestic mountains and lush forests, creating a serene and captivating landscape\" width=\"600\" height=\"450\" srcset=\"/articles/post-with-an-image/F54o5PK949-200.jpeg 200w, /articles/post-with-an-image/F54o5PK949-600.jpeg 600w\" sizes=\"(max-width: 615px) 50vw, 100vw\"></picture><p><strong>Extra benefit:</strong> we can use both relative and absolute image sources.<br>One downside is that it comes with a higher build cost due to the post-processing step.</p><p>More info: <a href=\"https://www.11ty.dev/docs/plugins/image/#html-transform\" rel=\"noopener\">https://www.11ty.dev/docs/plugins/image/#html-transform</a></p><h2 id=\"markdown-syntax\"><a href=\"#markdown-syntax\" class=\"heading-anchor\">Markdown syntax</a></h2><p>This also uses <a href=\"https://www.11ty.dev/docs/plugins/image/#html-transform\" rel=\"noopener\">Image HTML Transform </a>.<br>The markdown sytnax for images creates the <code>&lt;img&gt;</code> element the plugin is looking for, and then transforms it to the <code>&lt;picture&gt;</code> element (if more than one format is set).</p><p>In <code>src/_config/plugins/markdown.js</code> I customized the Markdown rendering for images slightly. What normally would become a <code>title</code> attribute is used to create the caption (<code>&lt;figcaption&gt;</code> within a <code>&lt;figure&gt;</code> element). Note that I set a fixed <code>widths</code> value instead of <code>auto</code> as the default.</p><pre class=\"language-markdown\"><code class=\"language-markdown\">![alt text](/path/to/image 'caption text')\n<span class=\"token url\"><span class=\"token operator\">!</span>[<span class=\"token content\">Close-up...</span>](<span class=\"token url\">/assets/images/gallery/asturias-4.jpg</span>)</span> 'I used a portrait lens for this one'</code></pre><p></p><figure><picture><source type=\"image/webp\" srcset=\"/articles/post-with-an-image/qwfJWZot0Z-650.webp 650w, /articles/post-with-an-image/qwfJWZot0Z-960.webp 960w, /articles/post-with-an-image/qwfJWZot0Z-1400.webp 1400w\" sizes=\"auto\"><img loading=\"lazy\" decoding=\"async\" src=\"/articles/post-with-an-image/qwfJWZot0Z-650.jpeg\" alt=\"Inside game screen\" title=\"Inside game screen-capture caption\" width=\"1400\" height=\"787\" srcset=\"/articles/post-with-an-image/qwfJWZot0Z-650.jpeg 650w, /articles/post-with-an-image/qwfJWZot0Z-960.jpeg 960w, /articles/post-with-an-image/qwfJWZot0Z-1400.jpeg 1400w\" sizes=\"auto\"></picture><figcaption>Inside game screen-capture caption</figcaption></figure><p></p><p>We can also add custom attributes here (<a href=\"https://www.aleksandrhovhannisyan.com/blog/eleventy-image-transform/\" rel=\"noopener\">Kudos to Aleksandr</a>), to overwrite the default <code>widths</code>, have the image eagerly loaded, or add a <code>class</code> attribute, etc.</p><figure slot=\"image\" class=\"feature\"><picture><source type=\"image/avif\" srcset=\"/assets/images/bear-650w.avif 650w, /assets/images/bear-960w.avif 960w, /assets/images/bear-1400w.avif 1400w\" sizes=\"auto\"><source type=\"image/webp\" srcset=\"/assets/images/bear-650w.webp 650w, /assets/images/bear-960w.webp 960w, /assets/images/bear-1400w.webp 1400w\" sizes=\"auto\"><source type=\"image/jpeg\" srcset=\"/assets/images/bear-650w.jpeg 650w, /assets/images/bear-960w.jpeg 960w, /assets/images/bear-1400w.jpeg 1400w\" sizes=\"auto\"><img src=\"/assets/images/bear-1400w.jpeg\" width=\"1400\" height=\"908\" alt=\"Bear\" loading=\"lazy\" decoding=\"async\" eleventy:ignore></picture><figcaption>A bear example for the named parameters shortcode.</figcaption></figure><pre class=\"language-markdown\"><code class=\"language-markdown\"><span class=\"token url\"><span class=\"token operator\">!</span>[<span class=\"token content\">alt text</span>](<span class=\"token url\">/path/to/image</span>)</span>{attrs}\n<span class=\"token url\"><span class=\"token operator\">!</span>[<span class=\"token content\">Close-up...</span>](<span class=\"token url\">/assets/images/gallery/asturias-2.jpg</span>)</span>{loading=\"eager\" decoding=\"sync\" eleventy:widths=\"400\" class=\"grayscale\"}</code></pre><p><picture><source type=\"image/webp\" srcset=\"/articles/post-with-an-image/F54o5PK949-400.webp 400w\"><img loading=\"eager\" decoding=\"sync\" src=\"/articles/post-with-an-image/F54o5PK949-400.jpeg\" alt=\"Close-up of a delicate white flower with a yellow center, surrounded by green leaves\" width=\"400\" height=\"300\" class=\"grayscale\"></picture></p><h2 id=\"nunjucks-shortcodes\"><a href=\"#nunjucks-shortcodes\" class=\"heading-anchor\">Nunjucks shortcodes</a></h2><h3 id=\"positional-parameters-shortcode\"><a href=\"#positional-parameters-shortcode\" class=\"heading-anchor\">Positional parameters Shortcode</a></h3><p>The positional parameters shortcode is the legacy approach and requires the arguments to be <strong>passed in the correct order</strong>.</p><p>The most basic version contains only the path to the image.</p><pre class=\"language-jinja2\"><code class=\"language-jinja2\"><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">image</span> <span class=\"token string\">\"path to image\"</span> <span class=\"token delimiter punctuation\">%}</span></span></code></pre><p>All skipped parameters are set to their default values: an empty string if no <code>alt</code> text is passed, <code>loading = 'lazy'</code>, the <code>&lt;picture&gt;</code> element gets its set of images from the default <code>widths=[650,960,1400]</code> and compares to a condition of <code>sizes=\"auto\"</code>, formats are <code>['avif', 'webp', 'jpeg']</code>.</p><p>We can pass in manually all the conditions, and add <code>null</code> to skip. The arguments include classes for the outer container ( <code>&lt;picture&gt;</code> or <code>&lt;figure&gt;</code> element), and for the <code>&lt;img&gt;</code> element.</p><pre class=\"language-jinja2\"><code class=\"language-jinja2\"><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">image</span> <span class=\"token string\">\"path to image\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"alt text\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"caption text\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"eager\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"container class names\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"img class names\"</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span><span class=\"token number\">200</span><span class=\"token punctuation\">,</span> <span class=\"token number\">400</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"(min-width:30em) 50vw, 100vw\"</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'webp'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'jpeg'</span><span class=\"token punctuation\">]</span> <span class=\"token delimiter punctuation\">%}</span></span>\n<span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">image</span> <span class=\"token string\">\"path to image\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"alt text\"</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">null</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"eager\"</span> <span class=\"token delimiter punctuation\">%}</span></span></code></pre><figure slot=\"image\" class=\"text-center\"><picture><source type=\"image/webp\" srcset=\"/assets/images/asturias-3-200w.webp 200w, /assets/images/asturias-3-400w.webp 400w\" sizes=\"(min-width:30em) 50vw, 100vw\"><source type=\"image/jpeg\" srcset=\"/assets/images/asturias-3-200w.jpeg 200w, /assets/images/asturias-3-400w.jpeg 400w\" sizes=\"(min-width:30em) 50vw, 100vw\"><img src=\"/assets/images/asturias-3-400w.jpeg\" width=\"400\" height=\"265\" alt=\"A traditional Asturian village with it's raised granaries, surrounded by lush green hills and mountains\" loading=\"lazy\" decoding=\"async\" eleventy:ignore class=\"grayscale\"></picture><figcaption>An example for the positional parameters shortcode.</figcaption></figure><p><strong>Example:</strong> predefine <code>widths</code> and <code>sizes</code> using Nunjuck’s <code>set</code> tag or front matter fields, and dynamically get the image path, like I do in the “<a href=\"/blog/built-with/\">Built with</a>” template.</p><pre class=\"language-jinja2\"><code class=\"language-jinja2\"><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">set</span> <span class=\"token variable\">widths</span> <span class=\"token operator\">=</span> <span class=\"token punctuation\">[</span><span class=\"token number\">400</span><span class=\"token punctuation\">,</span> <span class=\"token number\">520</span><span class=\"token punctuation\">]</span> <span class=\"token delimiter punctuation\">%}</span></span>\n<span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">set</span> <span class=\"token variable\">sizes</span> <span class=\"token operator\">=</span> <span class=\"token string\">'(max-width: 615px) 50vw, 100vw'</span> <span class=\"token delimiter punctuation\">%}</span></span>\n\n<span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">image</span> <span class=\"token string\">\"/assets/images/screenshots/\"</span> <span class=\"token operator\">+</span> <span class=\"token variable\">site</span><span class=\"token punctuation\">.</span><span class=\"token variable\">filename</span> <span class=\"token operator\">+</span> <span class=\"token string\">\".jpg\"</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">site</span><span class=\"token punctuation\">.</span><span class=\"token variable\">name</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">null</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"lazy\"</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">null</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">null</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">widths</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">sizes</span> <span class=\"token delimiter punctuation\">%}</span></span></code></pre><h3 id=\"named-parameters-shortcode\"><a href=\"#named-parameters-shortcode\" class=\"heading-anchor\">Named Parameters Shortcode</a></h3><p>Remembering the order of the arguments is a bit of a pain, so I added a second shortcode: <code>imageKeys</code>.</p><p>This shortcode allows us to specify parameters in any order or only include the ones we need to customize. We need to pass the parameters as a <code>JSON</code> object with the key-value pairs.</p><pre class=\"language-jinja2\"><code class=\"language-jinja2\"><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">imageKeys</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token string\">\"src\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"/assets/images/gallery/asturias-3.jpg\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"alt\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"A traditional Asturian village with it's raised granaries, surrounded by lush green hills and mountains\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"caption\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"An example for the named parameters shortcode.\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"loading\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"lazy\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"containerClass\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"text-center\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"imageClass\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"grayscale\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"widths\"</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token number\">200</span><span class=\"token punctuation\">,</span> <span class=\"token number\">400</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"sizes\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"(min-width:30em) 50vw, 100vw\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"formats\"</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">\"webp\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"jpeg\"</span><span class=\"token punctuation\">]</span>\n<span class=\"token punctuation\">}</span> <span class=\"token delimiter punctuation\">%}</span></span></code></pre><figure slot=\"image\" class=\"text-center\"><picture><source type=\"image/webp\" srcset=\"/assets/images/asturias-3-200w.webp 200w, /assets/images/asturias-3-400w.webp 400w\" sizes=\"(min-width:30em) 50vw, 100vw\"><source type=\"image/jpeg\" srcset=\"/assets/images/asturias-3-200w.jpeg 200w, /assets/images/asturias-3-400w.jpeg 400w\" sizes=\"(min-width:30em) 50vw, 100vw\"><img src=\"/assets/images/asturias-3-400w.jpeg\" width=\"400\" height=\"265\" alt=\"A traditional Asturian village with it's raised granaries, surrounded by lush green hills and mountains\" loading=\"lazy\" decoding=\"async\" eleventy:ignore class=\"grayscale\"></picture><figcaption>An example for the named parameters shortcode.</figcaption></figure><p><strong>Example:</strong> if we only need to customize <code>alt</code> text and <code>sizes</code>:</p><pre class=\"language-jinja2\"><code class=\"language-jinja2\"><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">imageKeys</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token string\">\"sizes\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">'(min-width:30em) 50vw, 100vw'</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"alt\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"A traditional Asturian village with it's raised granaries, surrounded by lush green hills and mountains\"</span><span class=\"token punctuation\">,</span>\n  <span class=\"token string\">\"src\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"/assets/images/photo.jpg\"</span>\n<span class=\"token punctuation\">}</span> <span class=\"token delimiter punctuation\">%}</span></span></code></pre><p>The shortcodes are defined in <code>src/_config/shortcodes/image.js</code>. They also set <code>slot=\"image\"</code> on their container element, so they can be used with any WebC component that contains a <code>&lt;slot name=\"image\"&gt;&lt;/slot&gt;</code>, see <code>src/_includes/webc/custom-card.web</code> for example.</p><p>Since we are using them alongside the <a href=\"#html-transform\">Image HTML Transform</a> method, the shortcodes add <code>eleventy:ignore</code> to the <code>&lt;img&gt;</code> attributes so the images aren’t processed twice.</p><h2 id=\"comparing-shortcode-and-html-transform\"><a href=\"#comparing-shortcode-and-html-transform\" class=\"heading-anchor\">Comparing Shortcode and HTML Transform</a></h2><p>The shortcode can be much terser than the HTML syntax, while the HTML syntax is more readable and has a well known structure.</p><p><strong>These two approaches produce (almost) the same output:</strong></p><pre class=\"language-jinja2\"><code class=\"language-jinja2\"><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">image</span> <span class=\"token variable\">image</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">alt</span> <span class=\"token keyword\">or</span> <span class=\"token string\">\"\"</span><span class=\"token punctuation\">,</span> <span class=\"token variable\">credit</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"eager\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"feature\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"grayscale\"</span> <span class=\"token delimiter punctuation\">%}</span></span>\n\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>figure</span> <span class=\"token attr-name\">class</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>feature<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">&gt;</span></span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>img</span> <span class=\"token attr-name\">src</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{{</span> <span class=\"token variable\">image</span> <span class=\"token delimiter punctuation\">}}</span></span><span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">alt</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{{</span> <span class=\"token variable\">alt</span> <span class=\"token keyword\">or</span> <span class=\"token string\">''</span> <span class=\"token delimiter punctuation\">}}</span></span><span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">loading</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>eager<span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">decoding</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>sync<span class=\"token punctuation\">\"</span></span> <span class=\"token attr-name\">class</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>grayscale<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">&gt;</span></span>\n  <span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">if</span> <span class=\"token variable\">credit</span> <span class=\"token delimiter punctuation\">%}</span></span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>figcaption</span><span class=\"token punctuation\">&gt;</span></span><span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{{</span> <span class=\"token variable\">credit</span> <span class=\"token delimiter punctuation\">}}</span></span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>figcaption</span><span class=\"token punctuation\">&gt;</span></span>\n  <span class=\"token jinja2 language-jinja2\"><span class=\"token delimiter punctuation\">{%</span> <span class=\"token tag keyword\">endif</span> <span class=\"token delimiter punctuation\">%}</span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>figure</span><span class=\"token punctuation\">&gt;</span></span></code></pre><p></p><figure slot=\"image\" class=\"feature\"><picture><source type=\"image/avif\" srcset=\"/assets/images/asturias-1-650w.avif 650w, /assets/images/asturias-1-960w.avif 960w, /assets/images/asturias-1-1400w.avif 1400w\" sizes=\"100vw\"><br><source type=\"image/webp\" srcset=\"/assets/images/asturias-1-650w.webp 650w, /assets/images/asturias-1-960w.webp 960w, /assets/images/asturias-1-1400w.webp 1400w\" sizes=\"100vw\"><br><source type=\"image/jpeg\" srcset=\"/assets/images/asturias-1-650w.jpeg 650w, /assets/images/asturias-1-960w.jpeg 960w, /assets/images/asturias-1-1400w.jpeg 1400w\" sizes=\"100vw\"><img src=\"/assets/images/asturias-1-1400w.jpeg\" width=\"1400\" height=\"1050\" alt=\"A picturesque valley showcasing majestic mountains and lush forests, creating a serene and captivating landscape\" loading=\"eager\" decoding=\"sync\" eleventy:ignore class=\"grayscale\"></picture><figcaption>Example image using the positional shortcode</figcaption></figure><p></p><p></p><figure class=\"feature\"><br><picture><source type=\"image/webp\" srcset=\"/img/F54o5PK949-2000.webp 2000w\"><img loading=\"eager\" decoding=\"sync\" src=\"/img/F54o5PK949-2000.jpeg\" alt=\"A picturesque valley showcasing majestic mountains and lush forests, creating a serene and captivating landscape\" width=\"2000\" height=\"1500\" class=\"grayscale\"></picture><p></p><p></p><figcaption>Example image using the HTML syntax</figcaption><p></p><p></p></figure><p></p><p>More:</p><ul><li><a href=\"https://www.11ty.dev/docs/plugins/image/\" rel=\"noopener\">https://www.11ty.dev/docs/plugins/image/</a></li><li><a href=\"https://www.youtube.com/watch?v=e0OHgC677ec\" rel=\"noopener\">https://www.youtube.com/watch?v=e0OHgC677ec</a></li><li><a href=\"https://piccalil.li/blog/the-end-of-responsive-images/\" rel=\"noopener\">https://piccalil.li/blog/the-end-of-responsive-images/</a></li><li><a href=\"https://www.aleksandrhovhannisyan.com/blog/eleventy-image-transform/\" rel=\"noopener\">https://www.aleksandrhovhannisyan.com/blog/eleventy-image-transform/</a></li><li><a href=\"https://coryd.dev/posts/2024/setting-up-image-transforms-in-eleventy\" rel=\"noopener\">https://coryd.dev/posts/2024/setting-up-image-transforms-in-eleventy</a></li></ul>",
      "date_published": "2025-01-09T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/bbc-live-session/",
      "url": "https://johanedlund.se/jams/bbc-live-session/",
      "title": "BBC Live Session",
      "content_html": "",
      "date_published": "2014-11-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/take-me-somewhere-nice/",
      "url": "https://johanedlund.se/jams/take-me-somewhere-nice/",
      "title": "Take Me Somewhere Nice",
      "content_html": "",
      "date_published": "2014-10-23T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/freewheeling/",
      "url": "https://johanedlund.se/jams/freewheeling/",
      "title": "Freewheeling",
      "content_html": "",
      "date_published": "2014-10-13T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/rise-and-shine/",
      "url": "https://johanedlund.se/jams/rise-and-shine/",
      "title": "Rise &amp; Shine",
      "content_html": "<p>With love to Anna Albertsen.</p>",
      "date_published": "2014-10-08T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/russian-anthem/",
      "url": "https://johanedlund.se/jams/russian-anthem/",
      "title": "Russian Anthem",
      "content_html": "<p>Best anthem ever. Respect to the Russian people.</p>",
      "date_published": "2014-10-06T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/passing-through/",
      "url": "https://johanedlund.se/jams/passing-through/",
      "title": "Passing Through",
      "content_html": "<p>Umeå (pop. 118,349): Refused, Meshuggah and Cult of Luna, among others. The comrades up north are leading the way.</p>",
      "date_published": "2014-09-26T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/i-know-this-is-no-place-for-you/",
      "url": "https://johanedlund.se/jams/i-know-this-is-no-place-for-you/",
      "title": "I Know This Is No Place For You",
      "content_html": "",
      "date_published": "2014-09-22T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/crush-them-all/",
      "url": "https://johanedlund.se/jams/crush-them-all/",
      "title": "Crush Them All",
      "content_html": "<p>More blues from the abyss. The fascists got 13% in Sweden yesterday. This will not stand. ¡No Pasarán!</p>",
      "date_published": "2014-09-15T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/step-on-it/",
      "url": "https://johanedlund.se/jams/step-on-it/",
      "title": "Step on it",
      "content_html": "",
      "date_published": "2014-09-04T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/homo-sum/",
      "url": "https://johanedlund.se/jams/homo-sum/",
      "title": "Homo Sum",
      "content_html": "",
      "date_published": "2014-08-25T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/joe-hill/",
      "url": "https://johanedlund.se/jams/joe-hill/",
      "title": "Joe Hill",
      "content_html": "<p>Elvis is dead, Joe Hill is alive. Workers of the World Unite.</p>",
      "date_published": "2014-08-20T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/one-more-cup-of-coffee/",
      "url": "https://johanedlund.se/jams/one-more-cup-of-coffee/",
      "title": "One More Cup of Coffee",
      "content_html": "",
      "date_published": "2014-08-19T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/spiderland-full-album/",
      "url": "https://johanedlund.se/jams/spiderland-full-album/",
      "title": "Spiderland (Full Album)",
      "content_html": "",
      "date_published": "2014-08-07T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/kyoto/",
      "url": "https://johanedlund.se/jams/kyoto/",
      "title": "Kyoto",
      "content_html": "",
      "date_published": "2014-07-31T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/ortens-favoriter/",
      "url": "https://johanedlund.se/jams/ortens-favoriter/",
      "title": "Ortens favoriter",
      "content_html": "",
      "date_published": "2014-07-25T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/live-on-kexp/",
      "url": "https://johanedlund.se/jams/live-on-kexp/",
      "title": "Live on KEXP",
      "content_html": "",
      "date_published": "2014-07-18T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/new-noise/",
      "url": "https://johanedlund.se/jams/new-noise/",
      "title": "New Noise",
      "content_html": "",
      "date_published": "2014-07-08T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/balladen-om-fredrik-akare-och-den-sota-froken-cecilia-lind/",
      "url": "https://johanedlund.se/jams/balladen-om-fredrik-akare-och-den-sota-froken-cecilia-lind/",
      "title": "Balladen om Fredrik Åkare och den söta fröken Cecilia Lind",
      "content_html": "",
      "date_published": "2014-07-08T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/live-from-the-the-bottom-of-the-hill-san-francisco/",
      "url": "https://johanedlund.se/jams/live-from-the-the-bottom-of-the-hill-san-francisco/",
      "title": "Live from the The Bottom Of The Hill, San Francisco",
      "content_html": "<p>I was there!</p>",
      "date_published": "2014-07-02T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/noff-noff/",
      "url": "https://johanedlund.se/jams/noff-noff/",
      "title": "Nöff Nöff",
      "content_html": "",
      "date_published": "2014-06-23T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/this-charming-man/",
      "url": "https://johanedlund.se/jams/this-charming-man/",
      "title": "This Charming Man",
      "content_html": "<p>The Smiths never sounded better.</p>",
      "date_published": "2014-06-17T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/handsome-devil-peel-session-1983/",
      "url": "https://johanedlund.se/jams/handsome-devil-peel-session-1983/",
      "title": "Handsome Devil (Peel Session 1983)",
      "content_html": "<p>Why beat around the bush/reel around the fountain, John Peel was the man to bring out the full flavor from the Smiths.</p>",
      "date_published": "2014-06-17T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/mattias-alkbergs-begravning/",
      "url": "https://johanedlund.se/jams/mattias-alkbergs-begravning/",
      "title": "Mattias Alkbergs Begravning",
      "content_html": "",
      "date_published": "2014-06-05T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/oxygen/",
      "url": "https://johanedlund.se/jams/oxygen/",
      "title": "Oxygen",
      "content_html": "",
      "date_published": "2014-05-29T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/in-the-meantime/",
      "url": "https://johanedlund.se/jams/in-the-meantime/",
      "title": "In The Meantime",
      "content_html": "",
      "date_published": "2014-05-23T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/son-of-mustang-ford/",
      "url": "https://johanedlund.se/jams/son-of-mustang-ford/",
      "title": "Son Of Mustang Ford",
      "content_html": "<p><a href=\"/tagged/shoegaze\">#shoegaze</a> <a href=\"/tagged/90s\">#90s</a></p>",
      "date_published": "2014-05-19T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/dracula-mountian/",
      "url": "https://johanedlund.se/jams/dracula-mountian/",
      "title": "Dracula Mountian",
      "content_html": "",
      "date_published": "2014-05-10T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/something-in-my-heart-feat-jamie-irrepressible/",
      "url": "https://johanedlund.se/jams/something-in-my-heart-feat-jamie-irrepressible/",
      "title": "Something In My Heart (feat. Jamie Irrepressible)",
      "content_html": "",
      "date_published": "2014-05-06T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/det-var-jag/",
      "url": "https://johanedlund.se/jams/det-var-jag/",
      "title": "Det var jag",
      "content_html": "",
      "date_published": "2014-05-04T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/plastic-people/",
      "url": "https://johanedlund.se/jams/plastic-people/",
      "title": "Plastic People",
      "content_html": "",
      "date_published": "2014-05-01T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/regression/",
      "url": "https://johanedlund.se/jams/regression/",
      "title": "Regression",
      "content_html": "<p><a href=\"http://www.metalsucks.net/2014/04/15/free-download-listening-pleasure-nyc-sucks-volume-3-featuring-best-new-york-citys-metal-scene-re-post/\" rel=\"noopener\">http://www.metalsucks.net/2014/04/15/free-download-listening-pleasure-nyc-sucks-volume-3-featuring-best-new-york-citys-metal-scene-re-post/</a></p>",
      "date_published": "2014-04-17T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/possibility/",
      "url": "https://johanedlund.se/jams/possibility/",
      "title": "Possibility",
      "content_html": "",
      "date_published": "2014-04-12T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/possibility-2/",
      "url": "https://johanedlund.se/jams/possibility-2/",
      "title": "Possibility",
      "content_html": "<p>There is a possibilty There is a possibilty All that I have was all I’m gone get</p>",
      "date_published": "2014-04-12T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/strawberry-wine/",
      "url": "https://johanedlund.se/jams/strawberry-wine/",
      "title": "Strawberry Wine",
      "content_html": "",
      "date_published": "2014-04-06T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/bent-nail/",
      "url": "https://johanedlund.se/jams/bent-nail/",
      "title": "Bent Nail",
      "content_html": "<p>Perhaps strange without the hint to Relapse Records: <a href=\"https://www.youtube.com/watch?v=QOexw4cXfoY\" rel=\"noopener\">https://www.youtube.com/watch?v=QOexw4cXfoY</a></p>",
      "date_published": "2014-04-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/handsome-devil/",
      "url": "https://johanedlund.se/jams/handsome-devil/",
      "title": "Handsome Devil",
      "content_html": "<p><a href=\"/tagged/K\">#K</a>ämpaShowan</p>",
      "date_published": "2014-03-11T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/didnt-we-deserve-a-look-at-you-the-way-you-really-are/",
      "url": "https://johanedlund.se/jams/didnt-we-deserve-a-look-at-you-the-way-you-really-are/",
      "title": "Didn&#39;t We Deserve a Look at You the Way You Really Are",
      "content_html": "",
      "date_published": "2014-03-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/waiting-room/",
      "url": "https://johanedlund.se/jams/waiting-room/",
      "title": "Waiting Room",
      "content_html": "",
      "date_published": "2014-02-24T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/cursed-sleep/",
      "url": "https://johanedlund.se/jams/cursed-sleep/",
      "title": "Cursed Sleep",
      "content_html": "",
      "date_published": "2014-02-06T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/dream-house/",
      "url": "https://johanedlund.se/jams/dream-house/",
      "title": "Dream House",
      "content_html": "",
      "date_published": "2014-01-20T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/i-see-a-darkness/",
      "url": "https://johanedlund.se/jams/i-see-a-darkness/",
      "title": "I See a Darkness",
      "content_html": "",
      "date_published": "2014-01-10T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/death-goes-to-the-winner/",
      "url": "https://johanedlund.se/jams/death-goes-to-the-winner/",
      "title": "Death Goes to the Winner",
      "content_html": "<p>The Messenger <a href=\"http://www.imdb.com/title/tt0790712/\" rel=\"noopener\">http://www.imdb.com/title/tt0790712/</a> <a href=\"/tagged/PTSD\">#PTSD</a></p>",
      "date_published": "2014-01-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/jon-johansson-quartet-live-196x/",
      "url": "https://johanedlund.se/jams/jon-johansson-quartet-live-196x/",
      "title": "Jon Johansson quartet live 196x",
      "content_html": "",
      "date_published": "2013-12-27T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/wilmas-rainbow/",
      "url": "https://johanedlund.se/jams/wilmas-rainbow/",
      "title": "Wilma&#39;s Rainbow",
      "content_html": "<p>Helmet was denounced by hardcore punks as fascist math metal and by metal heads as sloppy alternative rock. Nevertheless awesome.</p>",
      "date_published": "2013-12-23T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/slave-the-hive/",
      "url": "https://johanedlund.se/jams/slave-the-hive/",
      "title": "Slave the Hive",
      "content_html": "<p><a href=\"http://www.youtube.com/watch?v=1CCUO2HWs6k\" rel=\"noopener\">http://www.youtube.com/watch?v=1CCUO2HWs6k</a></p>",
      "date_published": "2013-12-16T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/karleken/",
      "url": "https://johanedlund.se/jams/karleken/",
      "title": "Kärleken?",
      "content_html": "",
      "date_published": "2013-12-14T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/we-are-the-freaks/",
      "url": "https://johanedlund.se/jams/we-are-the-freaks/",
      "title": "We Are The Freaks",
      "content_html": "",
      "date_published": "2013-11-26T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/bring-the-noize/",
      "url": "https://johanedlund.se/jams/bring-the-noize/",
      "title": "Bring The Noize",
      "content_html": "",
      "date_published": "2013-11-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/heroin/",
      "url": "https://johanedlund.se/jams/heroin/",
      "title": "Heroin",
      "content_html": "",
      "date_published": "2013-10-28T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/staircase-live-from-the-basement/",
      "url": "https://johanedlund.se/jams/staircase-live-from-the-basement/",
      "title": "Staircase (live From the Basement)",
      "content_html": "<p>Easy to forget how good Radiohead is.</p>",
      "date_published": "2013-10-18T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/3/",
      "url": "https://johanedlund.se/jams/3/",
      "title": "3",
      "content_html": "",
      "date_published": "2013-10-11T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/shady-lane/",
      "url": "https://johanedlund.se/jams/shady-lane/",
      "title": "Shady Lane",
      "content_html": "",
      "date_published": "2013-10-07T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/flera-meter-kort-feat-mattias-alkberg/",
      "url": "https://johanedlund.se/jams/flera-meter-kort-feat-mattias-alkberg/",
      "title": "Flera Meter Kort (feat. Mattias Alkberg)",
      "content_html": "",
      "date_published": "2013-10-01T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/blood-like-cream/",
      "url": "https://johanedlund.se/jams/blood-like-cream/",
      "title": "Blood Like Cream",
      "content_html": "",
      "date_published": "2013-09-24T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/the-bronze/",
      "url": "https://johanedlund.se/jams/the-bronze/",
      "title": "The Bronze",
      "content_html": "",
      "date_published": "2013-09-13T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/await-rescission/",
      "url": "https://johanedlund.se/jams/await-rescission/",
      "title": "Await Rescission",
      "content_html": "",
      "date_published": "2013-09-06T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/confronting-entropy/",
      "url": "https://johanedlund.se/jams/confronting-entropy/",
      "title": "Confronting Entropy",
      "content_html": "",
      "date_published": "2013-08-26T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/thats-a-plenty/",
      "url": "https://johanedlund.se/jams/thats-a-plenty/",
      "title": "That&#39;s a Plenty",
      "content_html": "<p>Saw The Great Gatsby yesterday and was mightily dissapointed, mostly by the music, but also by the dumbed down adaptation of a great novel.</p>",
      "date_published": "2013-08-24T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/shackleton/",
      "url": "https://johanedlund.se/jams/shackleton/",
      "title": "Shackleton",
      "content_html": "",
      "date_published": "2013-08-16T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/sole-creation/",
      "url": "https://johanedlund.se/jams/sole-creation/",
      "title": "Sole Creation",
      "content_html": "",
      "date_published": "2013-08-09T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/circumambulation/",
      "url": "https://johanedlund.se/jams/circumambulation/",
      "title": "Circumambulation",
      "content_html": "",
      "date_published": "2013-08-01T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/nar-solen-gar-ner/",
      "url": "https://johanedlund.se/jams/nar-solen-gar-ner/",
      "title": "När solen går ner",
      "content_html": "",
      "date_published": "2013-07-22T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/wait-up/",
      "url": "https://johanedlund.se/jams/wait-up/",
      "title": "Wait Up",
      "content_html": "",
      "date_published": "2013-07-18T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/liberation-frequency/",
      "url": "https://johanedlund.se/jams/liberation-frequency/",
      "title": "Liberation Frequency",
      "content_html": "",
      "date_published": "2013-07-05T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/buried-death/",
      "url": "https://johanedlund.se/jams/buried-death/",
      "title": "Buried Death",
      "content_html": "",
      "date_published": "2013-06-28T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/var-betong/",
      "url": "https://johanedlund.se/jams/var-betong/",
      "title": "Vår betong",
      "content_html": "",
      "date_published": "2013-06-02T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/avalanche/",
      "url": "https://johanedlund.se/jams/avalanche/",
      "title": "Avalanche",
      "content_html": "",
      "date_published": "2013-05-28T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/super-rich-kids/",
      "url": "https://johanedlund.se/jams/super-rich-kids/",
      "title": "Super Rich Kids",
      "content_html": "",
      "date_published": "2013-05-20T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/wakin-on-a-pretty-day-track-set-to-moving-images/",
      "url": "https://johanedlund.se/jams/wakin-on-a-pretty-day-track-set-to-moving-images/",
      "title": "&#39;Wakin On A Pretty Day&#39; track set to moving images",
      "content_html": "",
      "date_published": "2013-05-08T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/bathyalpelagic-iii-disequillibrated/",
      "url": "https://johanedlund.se/jams/bathyalpelagic-iii-disequillibrated/",
      "title": "Bathyalpelagic III: Disequillibrated",
      "content_html": "",
      "date_published": "2013-05-05T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/my-god-is-the-sun/",
      "url": "https://johanedlund.se/jams/my-god-is-the-sun/",
      "title": "My God Is the Sun",
      "content_html": "<p>From …Like Clockwork. Out 6/4.</p>",
      "date_published": "2013-04-27T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/manelyst/",
      "url": "https://johanedlund.se/jams/manelyst/",
      "title": "Månelyst",
      "content_html": "",
      "date_published": "2013-04-02T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/farewell-transmission/",
      "url": "https://johanedlund.se/jams/farewell-transmission/",
      "title": "Farewell Transmission",
      "content_html": "<p>RIP Jason Molina. <a href=\"http://www.spin.com/articles/jason-molina-songs-ohia-magnolia-electric-co-died\" rel=\"noopener\">http://www.spin.com/articles/jason-molina-songs-ohia-magnolia-electric-co-died</a></p>",
      "date_published": "2013-03-19T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/lost-art-of-keeping-a-secret/",
      "url": "https://johanedlund.se/jams/lost-art-of-keeping-a-secret/",
      "title": "Lost Art Of Keeping A Secret",
      "content_html": "",
      "date_published": "2013-03-16T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/add-it-up/",
      "url": "https://johanedlund.se/jams/add-it-up/",
      "title": "Add it Up",
      "content_html": "",
      "date_published": "2013-03-04T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/brassneck/",
      "url": "https://johanedlund.se/jams/brassneck/",
      "title": "Brassneck",
      "content_html": "<p>The Wedding Present playing Bizarro @bottomofthehill a week ago. I feel at home.</p>",
      "date_published": "2013-02-25T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/she-found-now/",
      "url": "https://johanedlund.se/jams/she-found-now/",
      "title": "she found now",
      "content_html": "",
      "date_published": "2013-02-09T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/full-of-fire/",
      "url": "https://johanedlund.se/jams/full-of-fire/",
      "title": "Full of Fire",
      "content_html": "",
      "date_published": "2013-02-01T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/live-jazz-baltica/",
      "url": "https://johanedlund.se/jams/live-jazz-baltica/",
      "title": "Live jazz baltica",
      "content_html": "",
      "date_published": "2013-01-19T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/get-got/",
      "url": "https://johanedlund.se/jams/get-got/",
      "title": "Get Got",
      "content_html": "",
      "date_published": "2013-01-13T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/rich-folks-hoax/",
      "url": "https://johanedlund.se/jams/rich-folks-hoax/",
      "title": "Rich Folks Hoax",
      "content_html": "",
      "date_published": "2013-01-06T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/thinking-about-you/",
      "url": "https://johanedlund.se/jams/thinking-about-you/",
      "title": "Thinking About You",
      "content_html": "",
      "date_published": "2013-01-04T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/returner/",
      "url": "https://johanedlund.se/jams/returner/",
      "title": "Returner",
      "content_html": "",
      "date_published": "2012-12-28T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/hard-n-phirm/",
      "url": "https://johanedlund.se/jams/hard-n-phirm/",
      "title": "Hard &#39;n Phirm",
      "content_html": "",
      "date_published": "2012-12-20T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/coalminers/",
      "url": "https://johanedlund.se/jams/coalminers/",
      "title": "Coalminers",
      "content_html": "",
      "date_published": "2012-12-20T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/misanthropic-generation/",
      "url": "https://johanedlund.se/jams/misanthropic-generation/",
      "title": "Misanthropic Generation",
      "content_html": "<p>d-beat ftw!</p>",
      "date_published": "2012-12-15T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/unholy-water/",
      "url": "https://johanedlund.se/jams/unholy-water/",
      "title": "Unholy Water",
      "content_html": "",
      "date_published": "2012-12-09T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/50ft-queenie/",
      "url": "https://johanedlund.se/jams/50ft-queenie/",
      "title": "50ft Queenie",
      "content_html": "",
      "date_published": "2012-12-03T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/three-white-horses/",
      "url": "https://johanedlund.se/jams/three-white-horses/",
      "title": "Three White Horses",
      "content_html": "",
      "date_published": "2012-11-27T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/marquee-moon/",
      "url": "https://johanedlund.se/jams/marquee-moon/",
      "title": "Marquee Moon",
      "content_html": "",
      "date_published": "2012-11-22T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/epic-problem/",
      "url": "https://johanedlund.se/jams/epic-problem/",
      "title": "Epic Problem",
      "content_html": "",
      "date_published": "2012-11-15T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/waltz-for-debby/",
      "url": "https://johanedlund.se/jams/waltz-for-debby/",
      "title": "Waltz for Debby",
      "content_html": "",
      "date_published": "2012-11-09T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/cramm/",
      "url": "https://johanedlund.se/jams/cramm/",
      "title": "Cramm",
      "content_html": "",
      "date_published": "2012-11-06T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/cold-nites/",
      "url": "https://johanedlund.se/jams/cold-nites/",
      "title": "Cold Nites",
      "content_html": "",
      "date_published": "2012-10-30T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/where-do-my-bluebird-fly/",
      "url": "https://johanedlund.se/jams/where-do-my-bluebird-fly/",
      "title": "Where Do My Bluebird Fly",
      "content_html": "",
      "date_published": "2012-10-24T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/i-for-an-eye/",
      "url": "https://johanedlund.se/jams/i-for-an-eye/",
      "title": "I For An Eye",
      "content_html": "",
      "date_published": "2012-10-18T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/wires/",
      "url": "https://johanedlund.se/jams/wires/",
      "title": "Wires",
      "content_html": "",
      "date_published": "2012-10-12T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/the-argument/",
      "url": "https://johanedlund.se/jams/the-argument/",
      "title": "The Argument",
      "content_html": "",
      "date_published": "2012-10-05T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/dalliance/",
      "url": "https://johanedlund.se/jams/dalliance/",
      "title": "Dalliance",
      "content_html": "<p>Looking forward to Wedding Present playing Seamonsters tonight in Malmö. <a href=\"http://www.debaser.se/kalender/8317/\" rel=\"noopener\">http://www.debaser.se/kalender/8317/</a></p>",
      "date_published": "2012-09-29T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/visa-fran-utanmyra/",
      "url": "https://johanedlund.se/jams/visa-fran-utanmyra/",
      "title": "Visa från Utanmyra",
      "content_html": "",
      "date_published": "2012-09-25T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/pierce-the-morning-rain/",
      "url": "https://johanedlund.se/jams/pierce-the-morning-rain/",
      "title": "Pierce The Morning Rain",
      "content_html": "<p>A track from “You’re Living All Over Me” (1987)? 😉 No band should feel they have to reinvent themselves.</p>",
      "date_published": "2012-09-18T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/vetande/",
      "url": "https://johanedlund.se/jams/vetande/",
      "title": "Vetande",
      "content_html": "<p>Radical reggea from now defunct Landskrona band. 62 character left…</p>",
      "date_published": "2012-09-13T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/i-wonder-if-i-care-as-much/",
      "url": "https://johanedlund.se/jams/i-wonder-if-i-care-as-much/",
      "title": "I Wonder If I Care As Much",
      "content_html": "",
      "date_published": "2012-09-07T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/unkerich/",
      "url": "https://johanedlund.se/jams/unkerich/",
      "title": "Unkerich",
      "content_html": "",
      "date_published": "2012-09-06T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/dont-pretend-you-didnt-know/",
      "url": "https://johanedlund.se/jams/dont-pretend-you-didnt-know/",
      "title": "Don&#39;t Pretend You Didn&#39;t Know",
      "content_html": "",
      "date_published": "2012-09-04T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/compelled-by-mediocrity/",
      "url": "https://johanedlund.se/jams/compelled-by-mediocrity/",
      "title": "Compelled by Mediocrity",
      "content_html": "<p><a href=\"http://bit.ly/R3xavX\" rel=\"noopener\">http://bit.ly/R3xavX</a> + if you like hard music, listen to the Gaza’s new “No Absolutes In Human Suffering”.</p>",
      "date_published": "2012-09-04T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/aimless-arrow/",
      "url": "https://johanedlund.se/jams/aimless-arrow/",
      "title": "Aimless Arrow",
      "content_html": "",
      "date_published": "2012-08-29T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/the-long-cut/",
      "url": "https://johanedlund.se/jams/the-long-cut/",
      "title": "The Long Cut",
      "content_html": "",
      "date_published": "2012-08-27T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/just-got-paid/",
      "url": "https://johanedlund.se/jams/just-got-paid/",
      "title": "Just Got Paid",
      "content_html": "<p>Two nuns and pack mule is probably the best Albini record ever.</p>",
      "date_published": "2012-08-27T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/1000000-nollor/",
      "url": "https://johanedlund.se/jams/1000000-nollor/",
      "title": "1.000.000 Nollor",
      "content_html": "<p>Nice reggae from my hometown Gothenburg.</p>",
      "date_published": "2012-08-23T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/gethsemane/",
      "url": "https://johanedlund.se/jams/gethsemane/",
      "title": "Gethsemane",
      "content_html": "<p>Sometimes digital just isn’t enough. A good soudsystem + this track on vinyl = amazing.</p>",
      "date_published": "2012-08-21T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/locked-text011/",
      "url": "https://johanedlund.se/jams/locked-text011/",
      "title": "Locked (TEXT011)",
      "content_html": "",
      "date_published": "2012-08-19T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/ahriman/",
      "url": "https://johanedlund.se/jams/ahriman/",
      "title": "Ahriman",
      "content_html": "<p>Sounds a bit like a psychedelic Slint with black metal growls.</p>",
      "date_published": "2012-08-17T00:00:00Z"
    }
    ,{
      "id": "https://johanedlund.se/jams/no-future-no-past/",
      "url": "https://johanedlund.se/jams/no-future-no-past/",
      "title": "No Future / No Past",
      "content_html": "",
      "date_published": "2012-08-14T00:00:00Z"
    }
    
  ]
}