From 6a0b7f5afd3d54d2c78fcca0bbad9ef5c2bf36a7 Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Mon, 28 Nov 2022 15:11:08 +0100
Subject: [PATCH] More HTML5-compliant semantic layout

---
 sass/style.scss      | 14 +++++++-------
 templates/index.html | 10 +++++-----
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/sass/style.scss b/sass/style.scss
index 232a613..3d35a05 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -41,7 +41,7 @@
 	/* Do not let wide blocks, such as pre, expand the column and overflow */
 	&>*{ min-width: 0 }
 
-	& aside>*:first-child,
+	& nav>*:first-child,
 	& main>*:first-child,
 	& main>article:first-child h2
 	{ padding-top: 0; margin-top: 0; }
@@ -73,10 +73,10 @@ header {
 	.title { font-size: 1.5em; }
 	.title:hover { text-decoration: none }
 
-	nav { font-size: 1rem }
+	.links { font-size: 1rem }
 }
 
-aside {
+nav {
 	margin-bottom: 4rem;
 
 	span.title {
@@ -200,9 +200,9 @@ a {
 
 	.grid { grid-template-columns: auto }
 
-	aside {
+	nav {
 		ul { display: none }
-		ul.nav {
+		ul.main {
 			display: flex;
 			justify-content: center;
 			flex-wrap: wrap;
@@ -211,7 +211,7 @@ a {
 		span.title { display: none }
 	}
 
-	header, aside { margin-bottom: 3rem }
+	header, nav { margin-bottom: 3rem }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -225,7 +225,7 @@ a {
 		color: inherit;
 	}
 
-	aside ul li a {
+	nav ul li a {
 		color: inherit;
 
 		&:hover {
diff --git a/templates/index.html b/templates/index.html
index 23edb2b..39e3367 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,18 +12,18 @@
 	<header>
 		<div class="wrap">
 			<a href="{{ config.base_url }}" class="title">{{ config.title }}</a>
-			<nav>
+			<div class="links">
 				{% if config.extra.repository_url %}
 					<a href="{{ config.extra.repository_url }}">Source</a>,
 				{% endif %}
 				<a href="{{ get_url(path="/posts/atom.xml", trailing_slash=false) }}">RSS/Atom</a>
-			</nav>
+			</div>
 		</div>
 	</header>
 	<div class="wrap grid">
-		<aside>
+		<nav>
 			<span class="title">Navigation</span>
-			<ul class="nav">
+			<ul class="main">
 				{% for item in config.extra.nav %}
 					<li
 						{% if item.mobile_only %}
@@ -34,7 +34,7 @@
 			</ul>
 			<span class="title">Categories</span>
 			{{ macros::list_taxonomy(kind="categories") }}
-		</aside>
+		</nav>
 		<main>
 			{% block content %}
 				{{ macros::list_posts(section="posts", count=config.extra.latest_posts_count) }}