Very far-reaching formatting and structure changes to website

This commit is contained in:
Jonas Tobias Hopusch 2021-07-28 18:23:57 +02:00
parent 27e8d8ad6f
commit df87565e42
Failed to generate hash of commit
5 changed files with 74 additions and 47 deletions

View File

@ -1,32 +1,62 @@
* {
padding: 0;
margin: 0;
border: none;
border-collapse: collapse;
box-sizing: border-box;
}
html { html {
font-family: monospace; font-family: monospace;
} }
header, footer { header, footer {
text-align: center; text-align: center;
margin: 0; padding: 2em 0;
border: 0;
} }
.globalnav{ .globalnav{
display: flex; display: flex;
flex-wrap: wrap;
flex-direction: row; flex-direction: row;
border: none; border-collapse: collapse;
text-align: center;
} }
.globalnav-element { .globalnav-element {
display: inline-block; display: block;
border: 1px solid white;
border-collapse: collapse;
flex-basis: 0;
flex-grow: 1; flex-grow: 1;
min-width: fit-content;
min-height: fit-content;
padding: 0.5em 0; padding: 0.5em 0;
margin: 0 1px;
} }
code { code {
display: inline-block; display: inline-block;
background-color: lightgray;
color: green; color: green;
} }
p {
padding: 0.5em;
}
article {
padding: 0.5em;
}
li, ul, ol {
margin: 1em;
}
hr {
border-style: inset;
border-width: 1px;
margin: 0.5em 0;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
background-color: black; background-color: black;
@ -35,10 +65,10 @@ code {
.globalnav-element { .globalnav-element {
background-color: #222; background-color: #222;
border-color: black;
} }
code { code {
background-color: #444;
color: lawngreen; color: lawngreen;
} }
@ -54,7 +84,7 @@ code {
} }
.globalnav-element { .globalnav-element {
background-color: #ddd; border-color: white;
} }
code { code {

View File

@ -14,17 +14,19 @@
<div> <div>
<a href="{{ config.base_url }}"><h1>jotoho.de - My personal website</h1></a> <a href="{{ config.base_url }}"><h1>jotoho.de - My personal website</h1></a>
</div> </div>
<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> </header>
<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 />
{% block content %} {% endblock %} <article>
{% block content %} {% endblock %}
</article>
<hr />
<footer> <footer>
<hr />
<p> <p>
Copyright {{ now() | date(format="%Y", timezone="Europe/Berlin") }} Jonas Tobias Hopusch (<a Copyright {{ now() | date(format="%Y", timezone="Europe/Berlin") }} Jonas Tobias Hopusch (<a
rel="noreferer" href="https://gitlab.com/jotoho" rel="noreferer" href="https://gitlab.com/jotoho"

View File

@ -1,12 +1,5 @@
{% extends "base.html" %} {% block content %} {% extends "base.html" %} {% block content %}
<article> <p>
<p lang="en"> This is some placeholder text because I don't know what to put here, yet.
This page is a placeholder for this domain, as I am not sure </p>
what to put here yet.
</p>
<p lang="de">
Diese Seite ist ein Platzhalter für diese Domäne, weil ich noch
nicht weiß, was ich hier hin packen will.
</p>
</article>
{% endblock content %} {% endblock content %}

View File

@ -7,16 +7,20 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h2>{{ page.title }}</h2> <h2>
<article> {{ page.title }}
{% if page.date and page.date is defined %} </h2>
<p>Published on: {{ page.date }}</p> {% if page.date and page.date is defined %}
{% endif %} <p>
{% if page.updated and page.updated != page.date %} <em><strong>Published on</strong>: {{ page.date }}</em>
<p>Last updated on: {{ page.updated }}</p> </p>
{% endif %} {% endif %}
<div> {% if page.updated and page.updated != page.date %}
{{ page.content | safe }} <p>
</div> <em><strong>Last updated on</strong>: {{ page.updated }}</em>
</article> </p>
{% endif %}
<div>
{{ page.content | safe }}
</div>
{% endblock content %} {% endblock content %}

View File

@ -1,13 +1,11 @@
{% extends "base.html" %} {% block content %} {% extends "base.html" %} {% block content %}
<h2>{{ section.title }}</h2> <h2>{{ section.title }}</h2>
<article> <ul>
<ul> {% for page in section.pages %}
{% for page in section.pages %} <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
<li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li> {% endfor %}
{% endfor %} </ul>
</ul> <div>
<div> {{ section.content | safe }}
{{ section.content | safe }} </div>
</div>
</article>
{% endblock content %} {% endblock content %}