2 years ago · c90c334502
parent 3d5b6d60f8
commit c90c334502
2 changed files with 46 additions and 7 deletions
--- a/static/css/general.css
+++ b/static/css/general.css
@ -0,0 +1,39 @@
+html {
+    font-family: monospace;
+}
+
+header, footer {
+    text-align: center;
+    margin: 0;
+    border: 0;
+}
+
+.globalnav{
+    display: flex;
+    flex-direction: row;
+    border-collapse: collapse;
+}
+
+.globalnav-element {
+    display: inline-block;
+    border-width: 1px;
+    border-style: solid;
+    flex-grow: 1;
+}
+
+body.dark-theme a {
+    color: lightskyblue;
+}
+
+body.dark-theme .globalnav-element {
+    border-color: black;
+}
+
+body.light-theme .globalnav-element {
+    border-color: white;
+}
+
+pre, code {
+    background-blend-mode: darken;
+    color: lightgreen;
+}
--- a/templates/base.html
+++ b/templates/base.html
@ -3,6 +3,8 @@
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link type="text/css" rel="stylesheet" href="{{ get_url(path='css/general.css') }}" />
+        <meta name="color-scheme" content="dark light" />
        <link rel="canonical" href="{{ current_url }}" />
        <title>jotoho.de - A personal website</title>
        {% block metadata %} {% endblock %}
@ -10,14 +12,12 @@
    <body>
        <header>
            <div>
-                <a href="{{ config.base_url }}"><h2>jotoho.de - My personal website</h2></a>
+                <a href="{{ config.base_url }}"><h1>jotoho.de - My personal website</h1></a>
            </div>
-            <table>
-                <tr>
-                    <td><a href="{{ get_url(path="@/blog/_index.md") }}">Blog</a></td>
-                    <td><a href="{{ get_url(path="@/servers.md") }}">Servers</a></td>
-                </tr>
-            </table>
+            <nav class="globalnav">
+                <a class="globalnav-element" href="{{ get_url(path="@/blog/_index.md") }}">Blog</a>
+                <a class="globalnav-element" href="{{ get_url(path="@/servers.md") }}">Servers</a>
+            </nav>
            <hr/>
        </header>