diff --git a/static/css/general.css b/static/css/general.css index 46bf5ff..73bcbec 100644 --- a/static/css/general.css +++ b/static/css/general.css @@ -1,32 +1,62 @@ +* { + padding: 0; + margin: 0; + border: none; + border-collapse: collapse; + box-sizing: border-box; +} + html { font-family: monospace; } header, footer { text-align: center; - margin: 0; - border: 0; + padding: 2em 0; } .globalnav{ display: flex; + flex-wrap: wrap; flex-direction: row; - border: none; + border-collapse: collapse; + text-align: center; } .globalnav-element { - display: inline-block; + display: block; + border: 1px solid white; + border-collapse: collapse; + flex-basis: 0; flex-grow: 1; + min-width: fit-content; + min-height: fit-content; padding: 0.5em 0; - margin: 0 1px; } code { display: inline-block; - background-color: lightgray; 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) { html { background-color: black; @@ -35,10 +65,10 @@ code { .globalnav-element { background-color: #222; + border-color: black; } code { - background-color: #444; color: lawngreen; } @@ -54,7 +84,7 @@ code { } .globalnav-element { - background-color: #ddd; + border-color: white; } code { diff --git a/templates/base.html b/templates/base.html index 08f7602..6d14aa3 100644 --- a/templates/base.html +++ b/templates/base.html @@ -14,17 +14,19 @@

jotoho.de - My personal website

- -
+ +
- {% block content %} {% endblock %} +
+ {% block content %} {% endblock %} +
+