Improved HTML W3C compatibility

12 files changed, 26 insertions, 40 deletions

diff --git a/content/faq.md b/content/faq.md
index a17ce68..183e3df 100644
--- a/content/faq.md
+++ b/content/faq.md
@@ -6,19 +6,19 @@ title = "Frequently asked questions"
 slogan = "Trivial facts about me and my website"
 +++
 
-#	My nickname
+## My nickname
 
-##	How to pronounce my nickname?
+### How to pronounce my nickname?
 
 *el-si-eich 361*.
 
-##	How to mention me?
+### How to mention me?
 
 Use my full nickname <span class=author>lch361</span> if you want to reference
 me as an author on the Internet, but in conversations,
 <span class=author>Lich</span> is more preferred.
 
-##	What is the backstory behind my nickname?
+### What is the backstory behind my nickname?
 
 Unfortunately, the story of how combination of letters and numbers
 <span class=author>"lch361"</span> was formed had been forgotten.
@@ -32,9 +32,9 @@ Furthermore, I noticed an interesting thing: Li, C and H are all elements in
 the [periodic table], with atomic numbers 3, 6 and 1 correspondingly. This is
 why 361 is my favourite number to this day.
 
-#	My technological experience and preferences
+## My technological experience and preferences
 
-##	What is my favourite OS?
+### What is my favourite OS?
 
 [Linux].
 
@@ -44,7 +44,7 @@ best OS to provide both of them on a good level.
 All of my projects are developed to primarily support Linux; other OS are an
 afterthougt.
 
-##	All the Linux distributions I have ever tried?
+### All the Linux distributions I have ever tried?
 
 1.	[Linux Mint] (1 month)
 
@@ -73,7 +73,7 @@ afterthougt.
 	If I ever write packages for my own projects, Gentoo ebuilds will be the
 	first format that I would use.
 
-##	All the programming languages that I had experience with?
+### All the programming languages that I had experience with?
 
 Low--level languages (in the learning order): [C++], [C], [Rust], [Zig].
 High--level languages: [Python], [Bash], [Lua], [Fish].
diff --git a/static/style.css b/static/style.css
index 3186573..4b1b49a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -676,16 +676,16 @@ article.page-widget.article h3 a::after {
 	background-image: url("/link/article-heading.svg");
 }
 
-article.page-widget main {
+article.page-widget .about {
 	padding: 0.1px 1em;
 	background-color: var(--color-black);
 }
 
-article.page-widget main .icons img {
+article.page-widget .about .icons img {
 	height: 2.5em;
 }
 
-article.page-widget main ul.horizontal.icons {
+article.page-widget .about ul.horizontal.icons {
 	gap: 0.5em;
 }
 
diff --git a/templates/article-taxonomy-base.html b/templates/article-taxonomy-base.html
index 184a64b..4131253 100644
--- a/templates/article-taxonomy-base.html
+++ b/templates/article-taxonomy-base.html
@@ -17,10 +17,3 @@
 {% endblock %}
 
 {% block body_class %}page-style-articles{% endblock body_class %}
-
-{% block main %}
-<article>
-{{ article_section.content | safe }}
-{% block articles %}{% endblock %}
-</article>
-{% endblock %}
diff --git a/templates/article.html b/templates/article.html
index ee56b79..d9a09f2 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -43,11 +43,9 @@
 {% endblock %}
 
 {% block main %}
-<article>
 {% if page.toc %}{{ macros::table_of_contents(toc=page.toc) }}{% endif %}
 {{ page.content
  | replace(from='<a href="/projects', to='<a class="projects" href="/projects')
  | replace(from='<a href="/articles', to='<a class="articles" href="/articles')
  | safe }}
-</article>
 {% endblock %}
diff --git a/templates/articles/list.html b/templates/articles/list.html
index 4eeb2a8..9a234e6 100644
--- a/templates/articles/list.html
+++ b/templates/articles/list.html
@@ -7,7 +7,8 @@
 <p>{{ article_section.description }}</p>
 {% endblock %}
 
-{% block articles %}
+{% block main %}
+<h2 id="all-posts">All posts</h2>
 {% for article in article_section.pages %}
 	{{ macros::article_widget(page=article) }}
 {% endfor %}
diff --git a/templates/articles/single.html b/templates/articles/single.html
index 6408801..7da7c36 100644
--- a/templates/articles/single.html
+++ b/templates/articles/single.html
@@ -1,7 +1,8 @@
 {% extends "article-taxonomy-base.html" %}
 {% import "macros.html" as macros %}
 
-{% block articles %}
+{% block main %}
+<h2 id="{{ term.name | slugify }}">{{ term.name }}</h2>
 {% for article in term.pages | sort(attribute="date") | reverse %}
 	{{ macros::article_widget(page=article) }}
 {% endfor %}
diff --git a/templates/base.html b/templates/base.html
index 2a4dae7..59d2fcc 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -35,7 +35,7 @@
 					<p>This page is also available as an
 					<a class="external" href="https://www.rssboard.org/rss-specification">RSS</a> feed:
 					<a class="button" href="{{ rss_url }}">
-						<img style="display: block; width: 1em; height: 1em" src="/rss.svg">
+						<img alt="RSS feed" style="display: block; width: 1em; height: 1em" src="/rss.svg">
 					</a>
 					</p>
 					{%- endif -%}
diff --git a/templates/macros.html b/templates/macros.html
index 63c7ad4..f03a485 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -4,7 +4,7 @@
 		<aside><p><time>{{ page.date }}</time></p></aside>
 		<h3><a href="{{ page.path }}">{{ page.title }}</a></h3>
 	</header>
-	<main>
+	<div class="about">
 		<p>{{ page.description }}</p>
 		<ul class="horizontal buttons">
 			{% for term in page.taxonomies.articles %}
@@ -12,7 +12,7 @@
 				<li><a class="button" href="{{ term_url }}">{{ term }}</a></li>
 			{% endfor %}
 		</ul>
-	</main>
+	</div>
 </article>
 {% endmacro %}
 
@@ -22,13 +22,13 @@
 		<aside><p><time>{{ page.date }}</time></p></aside>
 		<h3><a href="{{ page.path }}">{{ page.title }}</a></h3>
 	</header>
-	<main>
+	<div class="about">
 		<ul class="horizontal buttons icons">
 		{% for field in ["homepage", "releases", "repository", "documentation"] %}
 			{% if page.extra[field] %}
-			<a href="{{ page.extra[field] }}">
+			<li><a href="{{ page.extra[field] }}">
 				<img src="/projects/{{ field }}.svg" alt="{{ field | title }}">
-			</a>
+			</a></li>
 			{% endif %}
 		{% endfor %}
 		</ul>
@@ -39,7 +39,7 @@
 				<li><a class="button" href="{{ term_url }}">{{ term }}</a></li>
 			{% endfor %}
 		</ul>
-	</main>
+	</div>
 </article>
 {% endmacro %}
 
diff --git a/templates/project-taxonomy-base.html b/templates/project-taxonomy-base.html
index b93ad59..996834b 100644
--- a/templates/project-taxonomy-base.html
+++ b/templates/project-taxonomy-base.html
@@ -17,10 +17,3 @@
 	<p>{{ project_section.extra.slogan }}</p>
 </hgroup>
 {% endblock %}
-
-{% block main %}
-<article>
-{{ project_section.content | safe }}
-{% block projects %}{% endblock %}
-</article>
-{% endblock %}
diff --git a/templates/project.html b/templates/project.html
index 34823d2..ada15fc 100644
--- a/templates/project.html
+++ b/templates/project.html
@@ -54,7 +54,6 @@
 {% block body_class %}page-style-projects{% endblock body_class %}
 
 {% block main %}
-<article>
 {% if page.toc and page.toc | length > 1 %}
 	{{ macros::table_of_contents(toc=page.toc) }}
 {% endif %}
@@ -62,5 +61,4 @@
  | replace(from='<a href="/projects', to='<a class="projects" href="/projects')
  | replace(from='<a href="/articles', to='<a class="articles" href="/articles')
  | safe }}
-</article>
 {% endblock %}
diff --git a/templates/projects/list.html b/templates/projects/list.html
index 46ea43d..0391f5a 100644
--- a/templates/projects/list.html
+++ b/templates/projects/list.html
@@ -7,7 +7,8 @@
 <p>{{ project_section.description }}</p>
 {% endblock %}
 
-{% block projects %}
+{% block main %}
+<h2 id="all-posts">All posts</h2>
 {% for project in project_section.pages %}
 	{{ macros::project_widget(page=project) }}
 {% endfor %}
diff --git a/templates/projects/single.html b/templates/projects/single.html
index aeeef3a..dee72a2 100644
--- a/templates/projects/single.html
+++ b/templates/projects/single.html
@@ -1,7 +1,8 @@
 {% extends "project-taxonomy-base.html" %}
 {% import "macros.html" as macros %}
 
-{% block projects %}
+{% block main %}
+<h2 id="{{ term.name | slugify }}">{{ term.name }}</h2>
 {% for project in term.pages | sort(attribute="date") | reverse %}
 	{{ macros::project_widget(page=project) }}
 {% endfor %}