Better CSS

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>