make website 90s styled
This commit is contained in:
parent
49d8df688e
commit
4b76432d73
8 changed files with 39 additions and 13 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
BIN
public_html/eh/eh/eh/eh-eh/pandoc/sand.png
Normal file
BIN
public_html/eh/eh/eh/eh-eh/pandoc/sand.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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$
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue