First historical article

include/article-header.html

@@ -5,7 +5,7 @@
 <!--# endif -->
 
 <!--# if expr="$title" -->
-<h2><!--# echo var="title" --></h3>
+<h2><!--# echo var="title" --></h2>
 <!--# endif -->
 
 <hr>

include/bottom.html

@@ -1,5 +1,9 @@
 <!--# include file="article-footer.html" -->
+
+<!--# if expr="$title" -->
 </article>
+<!--# endif -->
+
 </main>
 <!--# include file="page-footer.html" -->
 </body>

include/page-head.html

@@ -3,7 +3,7 @@
 	<meta charset="UTF-8">
 	<meta name="theme-color" content="#000000">
 	<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
-	<style type="text/css">
+	<style>
 	<!--# include file="style.css" -->
 	</style>
 	<title><!--# echo var="title" default="where the flamingcow roams" --></title>

include/style.css

@@ -52,13 +52,14 @@ h2 {
 	font-size: 16px;
 	font-weight: bold;
 	text-transform: uppercase;
-	margin-block-start: 0.5em;
-	margin-block-end: 0.5em;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
 }
 
 h3 {
 	font-size: 16px;
 	font-weight: bold;
+	margin-top: 2em;
 }
 
 h4 {
@@ -74,3 +75,21 @@ h4 {
 ul li {
 	margin-bottom: 10px;
 }
+
+code {
+	display: block;
+	white-space: pre;
+
+	font-family: Monospace, Courier;
+	font-size: 16px;
+
+	background-color: #e8e8e8;
+	color: black;
+
+	border: 1px solid black; 
+
+	padding: 1ch;
+	margin: 1ch;
+
+	overflow: scroll;
+}

include/top.html

@@ -5,5 +5,9 @@
 <!--# include file="page-header.html" -->
 
 <main>
+
+<!--# if expr="$title" -->
 <article>
+<!--# endif -->
+
 <!--# include file="article-header.html" -->