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>