From 3d13e30e008bda9cc35016b7b82d1e10742c42d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl=20R=C3=A4fting?=
 <121248+carlrafting@users.noreply.github.com>
Date: Fri, 7 Feb 2025 19:42:24 +0100
Subject: [PATCH] various small fixes

---
 src/_includes/intro.md         |  4 ++--
 src/_includes/layouts/post.vto |  5 ++++-
 src/css/global/all.css         | 18 ++++++++++++++----
 src/css/global/print.css       |  5 +++++
 src/css/page/layout.css        |  6 ++++++
 src/index.vto                  |  4 +---
 6 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/_includes/intro.md b/src/_includes/intro.md
index b8d2239..4984029 100644
--- a/src/_includes/intro.md
+++ b/src/_includes/intro.md
@@ -1,5 +1,5 @@
 # Welcome dear web-traveler!
 
 You have reached the home of Carl Räfting on the _World Wide Web_ 🌐. If you
-want, [find out more about this website](/about/), or read some of my blog posts
-down below.
+want, [find out more about this website](/about/), or read some of my written
+pieces below.
diff --git a/src/_includes/layouts/post.vto b/src/_includes/layouts/post.vto
index 30a5afc..bd67a7e 100644
--- a/src/_includes/layouts/post.vto
+++ b/src/_includes/layouts/post.vto
@@ -1,9 +1,11 @@
 ---
 layout: ./page.vto
 ---
-<article {{ if lang }}lang="{{ lang }}"{{ /if }}>
+<article {{ if lang }} lang="{{ lang }}" {{ /if }}>
+<header>
 <h1>{{ title }}</h1>
 <time datetime="{{ date.toISOString() }}">{{ date |> date('HUMAN_DATE', lang) }}</time>
+<span class="symbol">⁕</span>
 <a href="{{ url |> url(true) }}">
     {{ if lang == 'en' }}
     Permalink
@@ -11,6 +13,7 @@ layout: ./page.vto
     Permanentlänk
     {{ /if }}
 </a>
+</header>
 {{ content }}
 <footer>
 {{ set post = search.previousPage(url, 'type=post') }}
diff --git a/src/css/global/all.css b/src/css/global/all.css
index 60d24a7..a24e460 100644
--- a/src/css/global/all.css
+++ b/src/css/global/all.css
@@ -33,12 +33,16 @@ legend {
     margin-block-end: 1rem;
 }
 
+iframe {
+    border: 0;
+}
+
 svg,
 img {
     display: block;
     width: auto;
     height: auto;
-    max-width: 100%;
+    max-inline-size: 100%;
 }
 
 figure {
@@ -92,7 +96,6 @@ h1,
 h2,
 h3 {
     line-height: 1.1875;
-    max-inline-size: 40ch;
     text-wrap: balance;
 }
 
@@ -144,14 +147,21 @@ blockquote {
     &::before {
         content: "»";
         font-size: 2rem;
-        line-height: 1;
         position: absolute;
         top: 0;
         left: 0;
-        translate: .5rem;
+        translate: .75rem .5rem;
     }
 }
 
+figure {
+    margin-block-end: 1rem;
+}
+
+.symbol {
+    opacity: 50%;
+}
+
 .text-italic {
     font-style: italic;
 }
diff --git a/src/css/global/print.css b/src/css/global/print.css
index 1d25ce7..8bfcb6b 100644
--- a/src/css/global/print.css
+++ b/src/css/global/print.css
@@ -4,3 +4,8 @@ a[href] {
         content: " (" attr(href) ") ";
     }
 }
+
+
+nav {
+    display: none;
+}
diff --git a/src/css/page/layout.css b/src/css/page/layout.css
index 0b526f6..15ff386 100644
--- a/src/css/page/layout.css
+++ b/src/css/page/layout.css
@@ -127,3 +127,9 @@
         }
     }
 }
+
+@layer article {
+    article>header {
+        margin-block-end: 1rem;
+    }
+}
diff --git a/src/index.vto b/src/index.vto
index 2d796ab..0c5e374 100644
--- a/src/index.vto
+++ b/src/index.vto
@@ -5,8 +5,6 @@ layout: layouts/page.vto
 
 {{ include 'intro.md' |> md }}
 
-<h1>Blog Posts</h1>
-
 <div class="posts">
 {{ set current_year = null }}
 {{ set current_month = null }}
@@ -21,7 +19,7 @@ layout: layouts/page.vto
         {{ set current_month = month }}
         <h3>{{ post.date |> date('MMMM') }}</h3>
     {{ /if }}
-    <article>
+    <article {{ if post.lang }} lang="{{ post.lang }}" {{ /if }}>
         <time datetime="{{ post.date.toISOString() }}">{{ post.date |> date('dd') }}</time>
         <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
     </article>