make website 90s styled

This commit is contained in:
Never Gude 2025-12-14 16:42:40 +01:00
parent 49d8df688e
commit 4b76432d73
8 changed files with 39 additions and 13 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 KiB

View file

@ -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);
}

View file

@ -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$

View file

@ -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>