From ac812207a03c3762eb6ec1ab82b102a2ab29a02d Mon Sep 17 00:00:00 2001
From: Thomas Oltmann <thomas.oltmann.hhg@gmail.com>
Date: Wed, 24 Sep 2025 21:18:57 +0200
Subject: [PATCH] Committing some stale changes

---
 src/assets/arobas.png     | Bin 0 -> 2007 bytes
 src/assets/style.css      |  41 +++++++++++++++++++++++---------------
 src/new-landing-page.html |  38 +++++++++++++++++++----------------
 3 files changed, 46 insertions(+), 33 deletions(-)
 create mode 100644 src/assets/arobas.png

diff --git a/src/assets/arobas.png b/src/assets/arobas.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6f143d9b0af794a6ed5054890c4d29a00f06c80
GIT binary patch
literal 2007
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

literal 0
HcmV?d00001

diff --git a/src/assets/style.css b/src/assets/style.css
index ec3ebaf..146661d 100644
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -6,39 +6,42 @@ body {
     width: 100%;
     padding: 0;
     margin: 0;
+
 	font-family: Tahoma, Verdana, Arial, sans-serif;
     font-size: 20px;
 }
-.header {
-    padding-top: 1em;
-    padding-bottom: 1em;
+a {
+    color: rgb(0, 150, 110);
+}
+.navbar {
+    width: 100%;
+    padding-top: 0.6em;
+    padding-bottom: 0.6em;
     background-color: black;
+
     position: sticky;
     top: 0;
-    width: 100%;
+    
     display: inline-flex;
     flex-direction: row;
 }
-.button {
-    flex-grow: 1;
+.navbutton {
     width: 100%;
+    flex-grow: 1;
     text-align: center;
 }
 .footer {
     width: 100%;
     text-align: center;
-    background-color: #111111;
     padding-top: 1em;
     padding-bottom: 2em;
+    background-color: #222222;
 }
 .content {
-	max-width: 35em;
-	margin: auto;
+	max-width: 40em;
+    margin: auto;
+
 	line-height: 2;
-    padding-top: 4em;
-    padding-bottom: 4em;
-    padding-left: 2em;
-    padding-right: 2em;
     text-align: justify;
     text-justify: inter-word;
 }
@@ -46,8 +49,11 @@ body {
     width: 100%;
     padding-top: 5em;
     padding-bottom: 5em;
+    margin-bottom: 4em;
+
     color: white;
     text-align: center;
+
     background-image: url("banner.jpg");
     background-attachment: fixed;
     background-position: center;
@@ -69,17 +75,20 @@ h2 {
 }
 .softpage {
     display: block;
-    height: 80vh;
-    min-height: 10em;
+    min-height: 80vmin;
     padding-bottom: 4em;
 }
 .logo {
     max-width: 1.2em;
     max-height: 1.2em;
     display: inline-block;
-    vertical-align: bottom;
+    vertical-align: text-bottom;
 }
 .logo img {
     width: 100%;
     height: 100%;
 }
+.impressum {
+    text-align: center;
+    font-size: 14px;
+}
diff --git a/src/new-landing-page.html b/src/new-landing-page.html
index c7f8c7d..37f2306 100644
--- a/src/new-landing-page.html
+++ b/src/new-landing-page.html
@@ -6,19 +6,19 @@
 <link rel="icon" type="image/x-icon" href="assets/favicon.ico"/>
 </head>
 <body>
-<div class="header">
-    <div class="button">
+<div class="navbar">
+    <div class="navbutton">
         <div class="logo">
             <img src="assets/logo.png" alt="logo"/>
         </div>
         Karl<strong>OS</strong>
     </div>
     
-    <div class="button">
+    <div class="navbutton">
         <a href="#contact">Contact</a>
     </div>
 
-    <div class="button">
+    <div class="navbutton">
         <a href="/code/">Code</a>
     </div>
 </div>
@@ -34,24 +34,28 @@
     </div>
     <div class="softpage">
         <h2>Current Goals</h2>
+        <i>More information coming soon</i>
     </div>
-    <div class="softpage">
-        <a id="contact"></a>
+    <div class="softpage" id="contact">
         <h2>Contact us</h2>
-        <p>Angaben gemäß § 5 DDG</p>
-        <p>
-        Lennart Friebel<br> 
-        Kapellenstraße 70<br> 
-        76131 Karlsruhe<br> 
-        </p>
-        <p>
-        <strong>Kontakt:</strong><br>
-        E-Mail: <span>kontakt<span>@<span>karlsruhe-os.de</span></span></span></br>
-        </p>
+        <strong>E-Mail:</strong>&emsp;
+        <span>
+            kontakt
+            <div class="logo">
+                <img src="assets/arobas.png" alt="at"/>
+            </div>
+            karlsruhe-os.de
+        </span>
     </div>
 </div>
 <div class="footer">
-    Copyright 2024-2025
+    <pre class="impressum">
+        <b>Impressum</b>
+        Angaben gemäß § 5 DDG
+        Lennart Friebel
+        Kapellenstraße 70
+        76131 Karlsruhe
+    </pre>
 </div>
 </body>
 </html>