Massive redesign of the website

This commit is contained in:
Jonas Tobias Hopusch 2021-07-18 22:12:41 +02:00
parent 3d5b6d60f8
commit c90c334502
Failed to generate hash of commit
2 changed files with 46 additions and 7 deletions

39
static/css/general.css Normal file
View file

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

View file

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