From 84ce257749d972ec1402cd2585429e139118fd8d Mon Sep 17 00:00:00 2001
From: Terence Eden <github.com@shkspr.mobi>
Date: Sun, 4 Dec 2022 08:05:03 +0000
Subject: [PATCH] Better CSS

---
 index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index dd6b7c4..c0b7b9c 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
 
 	html {
 		font-size: 1em;
-		font-family: "Extended-Hyperlegible", sans-serif;
+		font-family: "Extended-Hyperlegible", sans-serif !important;
 	}
 
 	a {color: #001aff; }
@@ -33,28 +33,28 @@
 	<header>
 		<h1>A collection of useful Mastodon Tools written in Python</h1>
 	</header>
-	<section>
+	<article>
 		<h2>On This Day</h2>
 		<p>This service shows all the posts you made on this day in previous years.</p>
 		<p><a href="https://shkspr.mobi/blog/2022/11/building-an-on-this-day-service-for-mastodon/">Read The Blog Post</a></p>
 		<h3>Usage:</h3>
 		<pre>python3 on_this_day.py</pre>
 		<a href="">Download on_this_day.py</a>
-	</section>
-	<section>
+	</article>
+	<article>
 		<h2>Thread Viewer</h2>
 		<p>This lets you visualise a conversation tree. Give it the URL of any post on your instance and it will get all the replies to it.</p>
 		<p>⚠ Note! Large conversations may take a long time to retrieve from the API.</p>
 		<h3>Usage:</h3>
 		<pre>python3 threads.py https://your_mastodon.instance/@username@their.instance/1234</pre>
 		<a href="">Download threads.py</a>
-	</section>
-	<section>
+	</article>
+	<article>
 		<h2>Status Info</h2>
 		<p>Pretty Prints (in colour!) all the data behind a status.</p>
 		<h3>Usage:</h3>
 		<pre>python3 status.py https://mastodon.social/@Edent/109358520333182101</pre>
 		<a href="">Download status.py</a>
-	</section>
+	</article>
 </body>
 </html>
\ No newline at end of file