new rivet, better style

src/_header.html

@@ -1,15 +1,10 @@
-<link rel="stylesheet" href="//alemauri.eu/styles.css">
+<div id="thumb-container">
-<link rel="icon" type="image/png" href="//alemauri.eu/favicon.png">
-
-<div class="header">
-	<div id="thumb-container">
 	<img src="//alemauri.eu/img/me.jpg" alt="me" id="thumb">
-	</div>
+</div>
-	<div id="links">
+<div id="links">
 	<a href="//alemauri.eu/index.html">Home</a>
 	<a href="https://git.alemauri.eu/alema">Gitea</a>
 	<a href="https://github.com/gunboy001">Github</a>
 	<a href="https://liberapay.com/alemauri/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a>
 	<a href="//alemauri.eu/atom.xml">Atom feed</a>
-	</div>
 </div>

src/_metadata.html

@@ -0,0 +1,2 @@
+<link rel="stylesheet" href="//alemauri.eu/styles.css">
+<link rel="icon" type="image/png" href="//alemauri.eu/favicon.png">

src/styles.css

@@ -23,6 +23,11 @@ html {
 	scroll-behavior: smooth;
 }
 
+article {
+	padding-bottom: 2rem;
+	border-bottom: 1px solid var(--fg);
+}
+
 /* TABLES */
 table, th, td {
 	border-collapse: collapse;
@@ -109,6 +114,7 @@ a {
 /* FOOTER */
 footer {
 	border: 1px solid var(--fg);
+	margin-top: 5rem;
 }
 
 footer p {
@@ -156,7 +162,7 @@ footer p {
 	padding-right: 10px;
 }
 
-.header {
+header {
 	border: 1px solid var(--fg);
 	font-size: medium;
 	height: 80px;