Personal site built with Go and deployed to Cloudflare Pages.
Posts live in views/posts/<slug>/index.html. Each file has two sections: a <head> with metadata and a <body> with the content.
<head>
<title>Post title</title>
<meta name="date" content="2026-05-14">
<meta name="author" content="Vilhelm Sjölund">
<meta name="tags" content="skrivande, språk">
<meta name="description" content="Short summary shown in previews.">
</head><body>
<h1>Main title</h1>
<p class="byline">Vilhelm Sjölund | 14 maj 2026</p>
<p>Opening paragraph...</p>
<h2>Section heading</h2>
<h3>Sub-section heading</h3>
</body><blockquote>
<p>The quoted text goes here.</p>
<cite>— Author Name, <em>Book Title</em></cite>
</blockquote>The <cite> line is optional. Omit it if there is no clear attribution.
Place a superscript next to the sentence being cited. The data-ref attribute must match the id of the corresponding list item in the references section.
<p>Some claim supported by research.<sup class="ref" data-ref="mueller2014"></sup></p>At the bottom of the post, list all sources in an ordered list. Each <li> gets an id that matches the data-ref values used above.
<h2>Referenser</h2>
<ol class="references" id="references">
<li id="mueller2014">Mueller, P. A. (2014). Title. <em>Journal</em>, 25(6), 1159–1168.
<a href="https://doi.org/...">doi:...</a>
</li>
<li id="fadiman1998">Fadiman, A. (1998). <em>Ex Libris</em>. Publisher.
<a href="https://...">Förlagets sida</a>
</li>
</ol>The JavaScript in layout.html (or a post script) reads the data-ref attributes and automatically numbers the superscripts to match their position in this list.
<em>italic text</em>
<strong>bold text</strong><ul>
<li>First point</li>
<li>Second point</li>
</ul>layout.html is the shared shell. It wraps every page with the <nav>, <main>, and a small scroll-detection script. Two placeholders are replaced at build time:
{{HEAD}}— injected from the post's<head>block{{BODY}}— injected from the post's<body>block{{GLOBALCSS}}— the hashed stylesheet<link>tag
Do not put full <html>, <head>, or <body> tags in post files — only their contents.
Comments are created as raw html and inserted from a database. See below for an example.
<div class="comment" id="c-abc123">
<div class="comment-meta">
<span class="comment-name">Erik Lindqvist</span>
<time>2026-05-17</time>
<button class="reply-btn" type="button">Svara</button>
</div>
<p>En riktigt välskriven text. Jag kände igen mig i det du skriver om att ha goda avsikter utan att verkligen följa igenom med dem. Det är lätt att lura sig själv om man inte är vaksam.</p>
<div class="comment-replies">
<div class="comment" id="c-def456">
<div class="comment-meta">
<span class="comment-name">Anna Bergström</span>
<time>2026-05-18</time>
<button class="reply-btn" type="button">Svara</button>
</div>
<p>Instämmer helt! Och ändå gör vi om samma misstag varje år. Det verkar nästan vara en del av det mänskliga tillståndet.</p>
</div>
</div>
</div>
<div class="comment" id="c-ghi789">
<div class="comment-meta">
<span class="comment-name">Maria Söderberg</span>
<time>2026-05-18</time>
<button class="reply-btn" type="button">Svara</button>
</div>
<p>Det finns något befriande i att erkänna att man misslyckas med sina föresatser. Tack för texten — den kom lägligt.</p>
</div>