feat: add footer, header and improve layout

2024-03-01 11:55:17 +01:00 · 2024-03-01 11:55:17 +01:00 · 6fd74833a3
commit 6fd74833a3
parent 72bf6bffb8
17 changed files with 305 additions and 30 deletions
--- a/iamkonstantin_web/static/css/iamkonstantin_web.css
+++ b/iamkonstantin_web/static/css/iamkonstantin_web.css
@ -0,0 +1,45 @@
+*,
+::before,
+::after {
+    box-sizing: border-box;
+}
+
+html {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, Apple Color Emoji, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+body {
+    min-height: 100vh;
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 10px;
+    display: grid;
+    gap: 3vw;
+    grid-template-rows: min-content 1fr min-content;
+}
+
+a {
+    color: currentColor;
+}
+
+footer {
+    border-top: 2px dotted;
+    text-align: center;
+}
+
+header {
+    border-bottom: 2px dotted;
+}
+
+.template-homepage main {
+    text-align: center;
+}
+
+.skip-link {
+    position: absolute;
+    top: -30px;
+}
+
+.skip-link:focus-visible {
+    top: 5px;
+}