Dark mode

This commit is contained in:
FliegendeWurst 2023-09-08 13:37:36 +02:00
parent 2427b1ebd7
commit e83c61bf18
5 changed files with 39 additions and 5 deletions

View File

@ -5,6 +5,8 @@
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
<body>
<main>
<h1 id="header"><img src="favicon.ico" id="favicon">FliegendeWurst's corner of the WWW</h1> <h1 id="header"><img src="favicon.ico" id="favicon">FliegendeWurst's corner of the WWW</h1>
<span>Interesting tidbits</span> <span>Interesting tidbits</span>
@ -42,10 +44,12 @@ Old projects:
<li> <a href="https://github.com/FliegendeWurst/bwinf.35.1">bwinf.35.1</a>, my solutions to a computer science contest </li> <li> <a href="https://github.com/FliegendeWurst/bwinf.35.1">bwinf.35.1</a>, my solutions to a computer science contest </li>
</ul> </ul>
Links: <a href="https://github.com/FliegendeWurst">Github profile</a>, <a href="https://gitlab.com/arnekeller">Gitlab profile</a>, <a href="https://www.boincstats.com/stats/-5/user/detail/86482458946/overview">BOINC contributions</a>. Links: <a href="https://github.com/FliegendeWurst">GitHub profile</a>, <a href="https://gitlab.com/arnekeller">GitLab profile</a>, <a href="https://git.fliegendewurst.eu/explore/repos" rel="nofollow">Gitea instance</a>, <a href="https://www.boincstats.com/stats/-5/user/detail/86482458946/overview">BOINC contributions</a>.
<br> <br>
<!-- <!--
<img src="https://www.boincstats.com/signature/-5/user/86482458946/project/sig.png" alt="BOINC profile"> <img src="https://www.boincstats.com/signature/-5/user/86482458946/project/sig.png" alt="BOINC profile">
--> -->
</main>
</body>

View File

@ -1,7 +1,3 @@
body {
background-color: #d6cebf;
}
#favicon { #favicon {
width: 2.5em; width: 2.5em;
height: 2.5em; height: 2.5em;
@ -18,6 +14,16 @@ article {
max-width: 45em; max-width: 45em;
} }
main {
max-width: 60em;
margin-left: auto;
margin-right: auto;
background-color: #d6cebf;
border: 0.3em outset gold;
border-radius: 1em;
padding: 1em;
}
#hero-img { #hero-img {
width: 30em; width: 30em;
padding: 3em; padding: 3em;
@ -38,3 +44,19 @@ article {
background-color: white; background-color: white;
} }
} }
@media (prefers-color-scheme: dark) {
html {
color: #fff;
background-color: #000;
}
a {
color: #aaf;
}
a:visited {
color: #faf;
}
main {
background-color: #222;
}
}

View File

@ -8,6 +8,7 @@
</head> </head>
<body> <body>
<main>
<h1 id="header"><img src="favicon.ico" id="favicon"/><a href="/">FliegendeWurst's corner of the WWW</a></h1> <h1 id="header"><img src="favicon.ico" id="favicon"/><a href="/">FliegendeWurst's corner of the WWW</a></h1>
<h2>Raspberry Pi 0 W + sensors + OLED display = temperature monitoring and calendar</h2> <h2>Raspberry Pi 0 W + sensors + OLED display = temperature monitoring and calendar</h2>
@ -113,3 +114,5 @@ sudo mv nix /
<div class="entry-footer">Posted 5th October 2022</div> <div class="entry-footer">Posted 5th October 2022</div>
</article> </article>
</main>
</body>

View File

@ -9,6 +9,7 @@
</head> </head>
<body> <body>
<main>
<h1 id="header"><img src="favicon.ico" id="favicon"/><a href="/">FliegendeWurst's corner of the WWW</a></h1> <h1 id="header"><img src="favicon.ico" id="favicon"/><a href="/">FliegendeWurst's corner of the WWW</a></h1>
<h2>Fixing the position of TST's new tab button</h2> <h2>Fixing the position of TST's new tab button</h2>
@ -40,5 +41,6 @@ Simply add the CSS code below to TST's custom style option ("Advanced" > "Extra
</pre> </pre>
</article> </article>
</main>
</body> </body>
</html> </html>

View File

@ -8,6 +8,7 @@
</head> </head>
<body> <body>
<main>
<h1 id="header"><img src="favicon.ico" id="favicon"/><a href="/">FliegendeWurst's corner of the WWW</a></h1> <h1 id="header"><img src="favicon.ico" id="favicon"/><a href="/">FliegendeWurst's corner of the WWW</a></h1>
<h2>Solving a logic puzzle using an SMT solver</h2> <h2>Solving a logic puzzle using an SMT solver</h2>
@ -259,3 +260,5 @@ while True:
<div class="entry-footer">Posted 30th November 2022</div> <div class="entry-footer">Posted 30th November 2022</div>
</article> </article>
</main>
</body>