Declutter pages and add dark mode

This commit is contained in:
root 2024-03-14 00:10:16 +01:00
parent 7d75915f36
commit 6aeb71ac84
2 changed files with 9 additions and 2 deletions

View File

@ -22,6 +22,11 @@ progress {
width: 10ch; width: 10ch;
} }
/* dark mode, pls find a better solution */
html {
filter: invert(1) hue-rotate(180deg);
}
body { body {
background-color: $nicotine-light; background-color: $nicotine-light;
color: $fg-dark; color: $fg-dark;
@ -705,4 +710,4 @@ footer {
// The search results page is very confusing on text-based browsers, so we add a hr to separate the search results. This is // The search results page is very confusing on text-based browsers, so we add a hr to separate the search results. This is
// hidden on modern browsers via CSS. // hidden on modern browsers via CSS.
hr.w3m-helper { display: none; } hr.w3m-helper { display: none; }

View File

@ -1,4 +1,6 @@
<footer class="onlyscreen"> <footer class="onlyscreen">
<details>
<summary>Syntax & More Info</summary>
<section id="tips-syntax"> <section id="tips-syntax">
<h1>Syntax</h1> <h1>Syntax</h1>
This is a keyword-based search engine based on <a href="https://marginalia.nu">Marginalia</a>. When entering multiple search terms, the search engine will This is a keyword-based search engine based on <a href="https://marginalia.nu">Marginalia</a>. When entering multiple search terms, the search engine will
@ -117,7 +119,7 @@
under under
<a rel="external noopener nofollow" href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA&nbsp;4.0</a>. <a rel="external noopener nofollow" href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA&nbsp;4.0</a>.
</section> </section>
</details>
</footer> </footer>
<script src="/tts.js"></script> <script src="/tts.js"></script>