From cd6433e74a8599e4038171fe0dd4fa03b5fdfad5 Mon Sep 17 00:00:00 2001
From: b12f <git@benjaminbaedorf.eu>
Date: Thu, 3 Oct 2024 19:05:17 +0200
Subject: [PATCH] Update contents and email address

---
 index.html | 66 +++++++++++++++++++++++-------------------------------
 1 file changed, 28 insertions(+), 38 deletions(-)
diff --git a/index.html b/index.html
index 93f75da..3605d23 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Momo eG</title>
+    <title>Momo IT</title>
 
     <style>
       * {
@@ -9,14 +9,20 @@
       }
 
       html {
-        font-size: 3vh;
-        font-weight: 800;
-        font-style: italic;
+        font-size: 24px;
+        font-weight: 400;
+        line-height: 1.4;
       }
 
-      @media (min-width: 800px) {
+      @media (min-width: 1000px) {
         html {
-          font-size: 4vh;
+          font-size: 36px;
+        }
+      }
+
+      @media (min-width: 1800px) {
+        html {
+          font-size: 48px;
         }
       }
 
@@ -40,56 +46,41 @@
       }
 
       .logo {
-        text-align: right;
+        font-weight: 800;
+        font-style: italic;
       }
 
       .realness {
         display: block;
         margin-left: 2rem;
-      }
-
-      @media (min-width: 800px) {
-        .realness {
-          display: inline;
-          margin-left: 0rem;
-        }
+        font-style: italic;
       }
 
       h1 {
         font-size: 2rem;
-        line-height: 1;
         font-weight: 800;
         font-style: normal;
+        line-height: 1.25;
       }
 
-      @media (min-width: 800px) {
+      @media (min-width: 1000px) {
         h1 {
           margin-bottom: 2rem;
         }
       }
 
-      @media (min-width: 800px) {
-        p {
-          max-width: 1200px;
-          margin-top: 0;
-        }
-      }
-
       footer {
-        margin-top: auto;
-      }
-
-      @media (min-width: 800px) {
-        footer {
-          margin-top: 1rem;
-        }
+        margin-top: 1rem;
+        font-weight: 600;
       }
 
       a {
+        display: inline-block;
         word-wrap: break-word;
         line-break: normal;
         color: white;
         text-decoration: none;
+        margin-left: 2rem;
       }
 
       a:hover {
@@ -108,18 +99,17 @@
   <body>
     <main>
       <div class="logo">
-        Momo eG
+        Momo IT
       </div>
-      <h1>&lt;&gt; <span class="realness">IT ain't easy</span> &lt;/&gt;</h1>
+      <h1>&lt;&gt; <span class="realness">We engineer and operate.</span> &lt;/&gt;</h1>
       <p>
-        We are a collective of professionals from around the field of IT. We are currently in the process of founding a German cooperative (e.G.).
-      </p>
-      <p>
-        We are here to help you plan, design, develop, and operate solutions in the information technology space.
+        We have experience running large-scale, performant, linux-based infrastructures,
+        and follow projects from planning to development into operations.
       </p>
       <footer>
         <p>
-          <a href="mailto:everyone@list.momo.koeln">
+          Find us in Cologne, Germany.
+          <a href="mailto:mail@momo.koeln">
             <svg
               xmlns="http://www.w3.org/2000/svg"
               viewBox="0 0 24 24"
@@ -132,7 +122,7 @@
             >
               <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
               <polyline points="22,6 12,13 2,6"></polyline>
-            </svg>everyone@list.momo.koeln
+            </svg>mail@momo.koeln
           </a>
         </p>
       </footer>
