make website 90s styled

public_html/eh/eh/eh/eh-eh/about.html

@@ -28,13 +28,15 @@
 <ul>
 <li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
 </ul>
+<!--
 <ul>
 	<li>
 	<span id="dark-mode">
-		<input id="dark-mode-toggle" type="checkbox" checked><label for="dark-mode-toggle">Dark mode</label>
+		<input id="dark-mode-toggle" type="checkbox"><label for="dark-mode-toggle">Dark mode</label>
 	</span>
 	</li>
 </ul>
+-->
 </header>
 <header id="title-block-header">
 <h1 class="title">About</h1>

public_html/eh/eh/eh/eh-eh/article-1.html

@@ -93,13 +93,15 @@
 <ul>
 <li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
 </ul>
+<!--
 <ul>
 	<li>
 	<span id="dark-mode">
-		<input id="dark-mode-toggle" type="checkbox" checked><label for="dark-mode-toggle">Dark mode</label>
+		<input id="dark-mode-toggle" type="checkbox"><label for="dark-mode-toggle">Dark mode</label>
 	</span>
 	</li>
 </ul>
+-->
 </header>
 <header id="title-block-header">
 <h1 class="title">Article DSADASD</h1>

public_html/eh/eh/eh/eh-eh/article-2.html

@@ -93,13 +93,15 @@
 <ul>
 <li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
 </ul>
+<!--
 <ul>
 	<li>
 	<span id="dark-mode">
-		<input id="dark-mode-toggle" type="checkbox" checked><label for="dark-mode-toggle">Dark mode</label>
+		<input id="dark-mode-toggle" type="checkbox"><label for="dark-mode-toggle">Dark mode</label>
 	</span>
 	</li>
 </ul>
+-->
 </header>
 <header id="title-block-header">
 <h1 class="title">Article 1</h1>

public_html/eh/eh/eh/eh-eh/index.html

@@ -28,13 +28,15 @@
 <ul>
 <li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
 </ul>
+<!--
 <ul>
 	<li>
 	<span id="dark-mode">
-		<input id="dark-mode-toggle" type="checkbox" checked><label for="dark-mode-toggle">Dark mode</label>
+		<input id="dark-mode-toggle" type="checkbox"><label for="dark-mode-toggle">Dark mode</label>
 	</span>
 	</li>
 </ul>
+-->
 </header>
 <header id="title-block-header">
 <h1 class="title">Home</h1>

public_html/eh/eh/eh/eh-eh/pandoc/style.css

@@ -19,7 +19,7 @@
 
 html {
 	color: var(--foreground);
-	background-color: var(--background-html);
+	background: url("sand.png");
 	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 }
 
@@ -44,13 +44,24 @@ body {
 	flex-wrap: nowrap;
 	justify-content: space-between;
 	text-align: left;
-	border: 1pt solid var(--foreground);
+	border: 2pt ridge var(--border);
+	background-color: var(--background-html);
 }
 
 #page-header li {
 	list-style: none;
 	display: inline-block;
-	padding: 12pt;
+}
+
+#page-header a:active {
+	border: 2pt inset var(--border)
+}
+
+#page-header a {
+	margin: 4pt;
+	padding: 4pt;
+	border: 2pt outset var(--border);
+	background-color: var(--background-html)
 }
 
 #page-header ul,
@@ -89,12 +100,11 @@ body {
 	text-align: right;
 }
 
-a:not(:hover) {
+
-	text-decoration: none;
-}
 
 #page-footer {
-	border: 1pt solid var(--foreground);
+	border: 2pt ridge var(--border);
+	background-color: var(--background-html);
 }
 
 /*
@@ -169,6 +179,10 @@ a {
 	color: var(--foreground);
 }
 
+a:not(:hover) {
+	text-decoration: none;
+}
+
 a:visited {
 	color: var(--foreground);
 }

public_html/eh/eh/eh/eh-eh/pandoc/template.html

@@ -38,13 +38,15 @@ $endif$
 <ul>
 <li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
 </ul>
+<!--
 <ul>
 	<li>
 	<span id="dark-mode">
-		<input id="dark-mode-toggle" type="checkbox" checked><label for="dark-mode-toggle">Dark mode</label>
+		<input id="dark-mode-toggle" type="checkbox"><label for="dark-mode-toggle">Dark mode</label>
 	</span>
 	</li>
 </ul>
+-->
 </header>
 $for(include-before)$
 $include-before$

public_html/eh/eh/eh/eh-eh/random-linux-utils.html

@@ -93,13 +93,15 @@
 <ul>
 <li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
 </ul>
+<!--
 <ul>
 	<li>
 	<span id="dark-mode">
-		<input id="dark-mode-toggle" type="checkbox" checked><label for="dark-mode-toggle">Dark mode</label>
+		<input id="dark-mode-toggle" type="checkbox"><label for="dark-mode-toggle">Dark mode</label>
 	</span>
 	</li>
 </ul>
+-->
 </header>
 <header id="title-block-header">
 <h1 class="title">Random linux utilities</h1>