Merge branch 'website-redesign-using-css' (!15) into 'master'
This commit is contained in:
commit
2df3bde44b
2 changed files with 46 additions and 7 deletions
39
static/css/general.css
Normal file
39
static/css/general.css
Normal 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;
|
||||||
|
}
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue