Johan Edlund

In Reverse (Polygonia Remix)

2026-06-16T15:39:36Z

Erased tapes has a ton of good artists in various genres. Rival Consoles is Ryan Lee West.

Chasing The Dream

2026-06-11T20:52:34Z

Soft rolling beats with lots of texture.

Herr Arnes pengar

2026-06-08T20:34:53Z

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 wonderfully framed 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 Carlstens fästning in Marstrand for instance. The English title is “Sir Arne’s Treasure”.

Sir Arne's treasure by Deeper Cinema

May 2025 IWC—More Easily Joining Small Web Communities

2026-06-05T18:35:37Z

Strategies to lower the barrier of entry for small web communities and the IndieWeb.

Pier 4, Ribersborg

2026-06-04T18:00:00Z

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.

Left aligned website

2026-06-03T11:10:56Z

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 https://www.awwwards.com/ only feature heavily animated and overblown SPA's.

Ariel Salminen website

2026-06-03T11:04:31Z

The attention to details and the simplicity and elegance is the signum of Ariel. Best webdesigner ever?

Despite being free I haven't used Affinity Studio that much

2026-06-03T11:00:16Z

Despite being free I haven’t used Affinity Studio that much. Mostly trying to get everything through open-source Penpot instead. Bold text?

I feel we should update the Tolstoy project's parent repo with a…

2026-06-03T10:55:49Z

I feel we should update the Tolstoy project’s parent repo with a contributing tab just like the SDG repo.

O Brother, Where Art Thou?

2026-06-03T00:00:00Z

Really funny and a great soundtrack.

Nils Holgerssons underbara resa genom Sverige

2026-06-03T00:00:00Z

Boiler Room: Tale Of Us in Berlin, Nov 5, 2015 (DJ Mix)

2026-06-03T00:00:00Z

Listening to more and more electronic dance music.

Bethink Yourselves!

2026-06-01T21:08:20Z

På sin tid suckade Jesus i förväntan och sade:

»Jag har kommit för att kasta eld öfver världen,
och jag trånar efter att den redan vore tänd.»

Det, som Jesus längtade efter, fullbordas nu: elden
håller på att tändas. Låtom oss då icke släcka den,
utan sprida och underhålla den!

A new note from Sparkles via the micropub standard

2026-05-31T18:51:24Z

A new note from Sparkles via the micropub standard.

Asturian valley

2026-05-22T16:30:00Z

Came across this hamlet on a walk through the hills — a handful of stone houses
holding their ground against the forest pressing in from every side.

3:10 to Yuma

2026-03-09T18:47:08Z

Good storytelling and cinematography.

Anna Karenina

2026-01-11T12:50:58Z

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…

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.

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.

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.

The Kingdom of God is Within You

2025-12-10T00:00:00Z

content text

Affinity Studio

2025-03-04T00:00:00Z

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.
https://matthiasott.com/notes/to-affinity-and-beyond

Post with an image

2025-01-09T00:00:00Z

Using the powerful Eleventy Image plugin, we have three ways to optimize images: HTML Transform, Markdown syntax, and Nunjucks shortcodes.

HTML Transform

Transforms any <img> or <picture> tags in HTML files as a post-processing step. Find the default settings directly in eleventy.config.js.

<img src="./co-located-image.jpg" alt="alt text">
<img src="/assets/images/absolute-path-image.jpg" alt="alt text">

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 loading="eager" and decoding="sync"on the <img> element.

Another thing to note is the widths: ['auto'] setting, which by default only includes the original size image. We can set the dedicated widths to be used by adding eleventy:widths="800,1200" on the element. For images with Markdown syntax, I set fixed widths so we don’t need to set a value on every instance.

sizes defaults to auto, which is applied to all lazy loading images. For eager-loading images, the value is equivalent to 100vw See: https://github.com/whatwg/html/pull/8008. We can still overwrite this, by setting the sizes attribute directly on the <img> element, with something specific like sizes="(max-width: 615px) 50vw, 100vw".

<img src="./co-located-image.jpg" alt="alt text" eleventy:widths="200,600" loading="eager" decoding="sync">

Extra benefit: we can use both relative and absolute image sources.
One downside is that it comes with a higher build cost due to the post-processing step.

More info: https://www.11ty.dev/docs/plugins/image/#html-transform

Markdown syntax

This also uses Image HTML Transform .
The markdown sytnax for images creates the <img> element the plugin is looking for, and then transforms it to the <picture> element (if more than one format is set).

In src/_config/plugins/markdown.js I customized the Markdown rendering for images slightly. What normally would become a title attribute is used to create the caption (<figcaption> within a <figure> element). Note that I set a fixed widths value instead of auto as the default.

![alt text](/path/to/image 'caption text')
![Close-up...](/assets/images/gallery/asturias-4.jpg) 'I used a portrait lens for this one'

Inside game screen-capture caption

We can also add custom attributes here (Kudos to Aleksandr), to overwrite the default widths, have the image eagerly loaded, or add a class attribute, etc.

A bear example for the named parameters shortcode.

![alt text](/path/to/image){attrs}
![Close-up...](/assets/images/gallery/asturias-2.jpg){loading="eager" decoding="sync" eleventy:widths="400" class="grayscale"}

Nunjucks shortcodes

Positional parameters Shortcode

The positional parameters shortcode is the legacy approach and requires the arguments to be passed in the correct order.

The most basic version contains only the path to the image.

{% image "path to image" %}

All skipped parameters are set to their default values: an empty string if no alt text is passed, loading = 'lazy', the <picture> element gets its set of images from the default widths=[650,960,1400] and compares to a condition of sizes="auto", formats are ['avif', 'webp', 'jpeg'].

We can pass in manually all the conditions, and add null to skip. The arguments include classes for the outer container ( <picture> or <figure> element), and for the <img> element.

{% image "path to image", "alt text", "caption text", "eager", "container class names", "img class names", [200, 400], "(min-width:30em) 50vw, 100vw", ['webp', 'jpeg'] %}
{% image "path to image", "alt text", null, "eager" %}

An example for the positional parameters shortcode.

Example: predefine widths and sizes using Nunjuck’s set tag or front matter fields, and dynamically get the image path, like I do in the “Built with” template.

{% set widths = [400, 520] %}
{% set sizes = '(max-width: 615px) 50vw, 100vw' %}

{% image "/assets/images/screenshots/" + site.filename + ".jpg", site.name, null, "lazy", null, null, widths, sizes %}

Named Parameters Shortcode

Remembering the order of the arguments is a bit of a pain, so I added a second shortcode: imageKeys.

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 JSON object with the key-value pairs.

{% imageKeys {
  "src": "/assets/images/gallery/asturias-3.jpg",
  "alt": "A traditional Asturian village with it's raised granaries, surrounded by lush green hills and mountains",
  "caption": "An example for the named parameters shortcode.",
  "loading": "lazy",
  "containerClass": "text-center",
  "imageClass": "grayscale",
  "widths": [200, 400],
  "sizes": "(min-width:30em) 50vw, 100vw",
  "formats": ["webp", "jpeg"]
} %}

An example for the named parameters shortcode.

Example: if we only need to customize alt text and sizes:

{% imageKeys {
  "sizes": '(min-width:30em) 50vw, 100vw',
  "alt": "A traditional Asturian village with it's raised granaries, surrounded by lush green hills and mountains",
  "src": "/assets/images/photo.jpg"
} %}

The shortcodes are defined in src/_config/shortcodes/image.js. They also set slot="image" on their container element, so they can be used with any WebC component that contains a <slot name="image"></slot>, see src/_includes/webc/custom-card.web for example.

Since we are using them alongside the Image HTML Transform method, the shortcodes add eleventy:ignore to the <img> attributes so the images aren’t processed twice.

Comparing Shortcode and HTML Transform

The shortcode can be much terser than the HTML syntax, while the HTML syntax is more readable and has a well known structure.

These two approaches produce (almost) the same output:

{% image image, alt or "", credit, "eager", "feature", "grayscale" %}

<figure class="feature">
  <img src="{{ image }}" alt="{{ alt or '' }}" loading="eager" decoding="sync" class="grayscale">
  {% if credit %}
    <figcaption>{{ credit }}</figcaption>
  {% endif %}
</figure>

Example image using the positional shortcode

Example image using the HTML syntax

BBC Live Session

2014-11-03T00:00:00Z

Take Me Somewhere Nice

2014-10-23T00:00:00Z

Freewheeling

2014-10-13T00:00:00Z

Rise & Shine

2014-10-08T00:00:00Z

With love to Anna Albertsen.

Russian Anthem

2014-10-06T00:00:00Z

Best anthem ever. Respect to the Russian people.

Passing Through

2014-09-26T00:00:00Z

Umeå (pop. 118,349): Refused, Meshuggah and Cult of Luna, among others. The comrades up north are leading the way.

I Know This Is No Place For You

2014-09-22T00:00:00Z

Crush Them All

2014-09-15T00:00:00Z

More blues from the abyss. The fascists got 13% in Sweden yesterday. This will not stand. ¡No Pasarán!

Step on it

2014-09-04T00:00:00Z

Homo Sum

2014-08-25T00:00:00Z

Joe Hill

2014-08-20T00:00:00Z

Elvis is dead, Joe Hill is alive. Workers of the World Unite.

One More Cup of Coffee

2014-08-19T00:00:00Z

Spiderland (Full Album)

2014-08-07T00:00:00Z

Kyoto

2014-07-31T00:00:00Z

Ortens favoriter

2014-07-25T00:00:00Z

Live on KEXP

2014-07-18T00:00:00Z

New Noise

2014-07-08T00:00:00Z

Balladen om Fredrik Åkare och den söta fröken Cecilia Lind

2014-07-08T00:00:00Z

Live from the The Bottom Of The Hill, San Francisco

2014-07-02T00:00:00Z

I was there!

Nöff Nöff

2014-06-23T00:00:00Z

This Charming Man

2014-06-17T00:00:00Z

The Smiths never sounded better.

Handsome Devil (Peel Session 1983)

2014-06-17T00:00:00Z

Why beat around the bush/reel around the fountain, John Peel was the man to bring out the full flavor from the Smiths.

Mattias Alkbergs Begravning

2014-06-05T00:00:00Z

Oxygen

2014-05-29T00:00:00Z

In The Meantime

2014-05-23T00:00:00Z

Son Of Mustang Ford

2014-05-19T00:00:00Z

#shoegaze #90s

Dracula Mountian

2014-05-10T00:00:00Z

Something In My Heart (feat. Jamie Irrepressible)

2014-05-06T00:00:00Z

Det var jag

2014-05-04T00:00:00Z

Plastic People

2014-05-01T00:00:00Z

Regression

2014-04-17T00:00:00Z

http://www.metalsucks.net/2014/04/15/free-download-listening-pleasure-nyc-sucks-volume-3-featuring-best-new-york-citys-metal-scene-re-post/

Possibility

2014-04-12T00:00:00Z

Possibility

2014-04-12T00:00:00Z

There is a possibilty There is a possibilty All that I have was all I’m gone get

Strawberry Wine

2014-04-06T00:00:00Z

Bent Nail

2014-04-03T00:00:00Z

Perhaps strange without the hint to Relapse Records: https://www.youtube.com/watch?v=QOexw4cXfoY

Handsome Devil

2014-03-11T00:00:00Z

#KämpaShowan

Didn't We Deserve a Look at You the Way You Really Are

2014-03-03T00:00:00Z

Waiting Room

2014-02-24T00:00:00Z

Cursed Sleep

2014-02-06T00:00:00Z

Dream House

2014-01-20T00:00:00Z

I See a Darkness

2014-01-10T00:00:00Z

Death Goes to the Winner

2014-01-03T00:00:00Z

The Messenger http://www.imdb.com/title/tt0790712/ #PTSD

Jon Johansson quartet live 196x

2013-12-27T00:00:00Z

Wilma's Rainbow

2013-12-23T00:00:00Z

Helmet was denounced by hardcore punks as fascist math metal and by metal heads as sloppy alternative rock. Nevertheless awesome.

Slave the Hive

2013-12-16T00:00:00Z

http://www.youtube.com/watch?v=1CCUO2HWs6k

Kärleken?

2013-12-14T00:00:00Z

We Are The Freaks

2013-11-26T00:00:00Z

Bring The Noize

2013-11-03T00:00:00Z

Heroin

2013-10-28T00:00:00Z

Staircase (live From the Basement)

2013-10-18T00:00:00Z

Easy to forget how good Radiohead is.

3

2013-10-11T00:00:00Z

Shady Lane

2013-10-07T00:00:00Z

Flera Meter Kort (feat. Mattias Alkberg)

2013-10-01T00:00:00Z

Blood Like Cream

2013-09-24T00:00:00Z

The Bronze

2013-09-13T00:00:00Z

Await Rescission

2013-09-06T00:00:00Z

Confronting Entropy

2013-08-26T00:00:00Z

That's a Plenty

2013-08-24T00:00:00Z

Saw The Great Gatsby yesterday and was mightily dissapointed, mostly by the music, but also by the dumbed down adaptation of a great novel.

Shackleton

2013-08-16T00:00:00Z

Sole Creation

2013-08-09T00:00:00Z

Circumambulation

2013-08-01T00:00:00Z

När solen går ner

2013-07-22T00:00:00Z

Wait Up

2013-07-18T00:00:00Z

Liberation Frequency

2013-07-05T00:00:00Z

Buried Death

2013-06-28T00:00:00Z

Vår betong

2013-06-02T00:00:00Z

Avalanche

2013-05-28T00:00:00Z

Super Rich Kids

2013-05-20T00:00:00Z

'Wakin On A Pretty Day' track set to moving images

2013-05-08T00:00:00Z

Bathyalpelagic III: Disequillibrated

2013-05-05T00:00:00Z

My God Is the Sun

2013-04-27T00:00:00Z

From …Like Clockwork. Out 6/4.

Månelyst

2013-04-02T00:00:00Z

Farewell Transmission

2013-03-19T00:00:00Z

RIP Jason Molina. http://www.spin.com/articles/jason-molina-songs-ohia-magnolia-electric-co-died

Lost Art Of Keeping A Secret

2013-03-16T00:00:00Z

Add it Up

2013-03-04T00:00:00Z

Brassneck

2013-02-25T00:00:00Z

The Wedding Present playing Bizarro @bottomofthehill a week ago. I feel at home.

she found now

2013-02-09T00:00:00Z

Full of Fire

2013-02-01T00:00:00Z

Live jazz baltica

2013-01-19T00:00:00Z

Get Got

2013-01-13T00:00:00Z

Rich Folks Hoax

2013-01-06T00:00:00Z

Thinking About You

2013-01-04T00:00:00Z

Returner

2012-12-28T00:00:00Z

Hard 'n Phirm

2012-12-20T00:00:00Z

Coalminers

2012-12-20T00:00:00Z

Misanthropic Generation

2012-12-15T00:00:00Z

d-beat ftw!

Unholy Water

2012-12-09T00:00:00Z

50ft Queenie

2012-12-03T00:00:00Z

Three White Horses

2012-11-27T00:00:00Z

Marquee Moon

2012-11-22T00:00:00Z

Epic Problem

2012-11-15T00:00:00Z

Waltz for Debby

2012-11-09T00:00:00Z

Cramm

2012-11-06T00:00:00Z

Cold Nites

2012-10-30T00:00:00Z

Where Do My Bluebird Fly

2012-10-24T00:00:00Z

I For An Eye

2012-10-18T00:00:00Z

Wires

2012-10-12T00:00:00Z

The Argument

2012-10-05T00:00:00Z

Dalliance

2012-09-29T00:00:00Z

Looking forward to Wedding Present playing Seamonsters tonight in Malmö. http://www.debaser.se/kalender/8317/

Visa från Utanmyra

2012-09-25T00:00:00Z

Pierce The Morning Rain

2012-09-18T00:00:00Z

A track from “You’re Living All Over Me” (1987)? 😉 No band should feel they have to reinvent themselves.

Vetande

2012-09-13T00:00:00Z

Radical reggea from now defunct Landskrona band. 62 character left…

I Wonder If I Care As Much

2012-09-07T00:00:00Z

Unkerich

2012-09-06T00:00:00Z

Don't Pretend You Didn't Know

2012-09-04T00:00:00Z

Compelled by Mediocrity

2012-09-04T00:00:00Z

http://bit.ly/R3xavX + if you like hard music, listen to the Gaza’s new “No Absolutes In Human Suffering”.

Aimless Arrow

2012-08-29T00:00:00Z

The Long Cut

2012-08-27T00:00:00Z

Just Got Paid

2012-08-27T00:00:00Z

Two nuns and pack mule is probably the best Albini record ever.

1.000.000 Nollor

2012-08-23T00:00:00Z

Nice reggae from my hometown Gothenburg.

Gethsemane

2012-08-21T00:00:00Z

Sometimes digital just isn’t enough. A good soudsystem + this track on vinyl = amazing.

Locked (TEXT011)

2012-08-19T00:00:00Z

Ahriman

2012-08-17T00:00:00Z

Sounds a bit like a psychedelic Slint with black metal growls.

No Future / No Past

2012-08-14T00:00:00Z