Merge branch 'website-redesign-using-css' (!15) into 'master'

This commit is contained in:
Jonas Tobias Hopusch 2021-07-18 22:19:50 +02:00
commit 2df3bde44b
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> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <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 }}" /> <link rel="canonical" href="{{ current_url }}" />
<title>jotoho.de - A personal website</title> <title>jotoho.de - A personal website</title>
{% block metadata %} {% endblock %} {% block metadata %} {% endblock %}
@ -10,14 +12,12 @@
<body> <body>
<header> <header>
<div> <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> </div>
<table> <nav class="globalnav">
<tr> <a class="globalnav-element" href="{{ get_url(path="@/blog/_index.md") }}">Blog</a>
<td><a href="{{ get_url(path="@/blog/_index.md") }}">Blog</a></td> <a class="globalnav-element" href="{{ get_url(path="@/servers.md") }}">Servers</a>
<td><a href="{{ get_url(path="@/servers.md") }}">Servers</a></td> </nav>
</tr>
</table>
<hr/> <hr/>
</header> </header>