add legal notice

4 months ago · 96420688e8
parent 52bfc290f7
commit 96420688e8
3 changed files with 51 additions and 2 deletions
--- a/impressum.html
+++ b/impressum.html
@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="theme-color" content="black">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>jonahbauer.eu</title>
+
+    <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
+    <link href="index.css" rel="stylesheet"/>
+    <script>
+        /*to prevent Firefox FOUC, this must be here*/
+        let FF_FOUC_FIX;
+    </script>
+</head>
+<body>
+<div class="spacer-top"></div>
+<main class="content">
+    <h1 class="title">Impressum</h1>
+    <div class="impressum">
+        Jonah Bauer<br>
+        Bucher Straße 43<br>
+        90419 Nürnberg
+        <p>
+        info@jonahbauer.eu
+    </div>
+</main>
+<div class="spacer-bottom"></div>
+<footer class="footer">
+    <a href="./">Startseite</a>
+</footer>
+</body>
+</html>
--- a/index.css
+++ b/index.css
@ -39,12 +39,12 @@ body {
    flex-direction: column;
 }

-body::before {
+.spacer-top {
    content: '';
    flex-grow: 4;
 }

-body::after {
+.spacer-bottom {
    content: '';
    flex-grow: 5;
 }
@ -117,3 +117,13 @@ body::after {
    width: 1.5rem;
    margin-right: 0.5rem;
 }
+
+.footer {
+    align-self: end;
+    padding: 0.5rem;
+}
+
+.footer a {
+    color: var(--foreground);
+    text-decoration: none;
+}
--- a/index.html
+++ b/index.html
@ -15,6 +15,7 @@
    </script>
 </head>
 <body>
+<div class="spacer-top"></div>
 <main class="content">
    <h1 class="title">jonahbauer.eu</h1>
    <ul class="links">
@ -62,5 +63,9 @@
        </li>
    </ul>
 </main>
+<div class="spacer-bottom"></div>
+<footer class="footer">
+    <a href="impressum.html">Impressum</a>
+</footer>
 </body>
 </html>