Redo website styling

2025-11-09 20:06:24 +01:00
parent 202b607fa5
commit 4633c08da8
36 changed files with 639 additions and 496 deletions
@@ -8,24 +8,33 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="/favico.ico">
 </head>
-<body class="body">
-  <header>
-    <a href="/">
-      <img src="/img/logo.png">
+<body>
+  <nav>
+    <a href="/" class="header-logo">
+      <img src="/img/header-logo.webp" alt="logo">
    </a>
-    <a href="/about/">About</a>
-    <a href="/blog/">Blog</a>
-    <a href="/contact/">Contact</a>
-  </header>
+    <span class="header-text">Johannes Olzem</span>
+    <ul>
+      <li>
+        <a href="/about/">About</a>
+      </li>
+      <li>
+        <a href="/blog/">Blog</a>
+      </li>
+      <li>
+        <a href="/contact/">Contact</a>
+      </li>
+    </ul>
+  </nav>
  <main>
-    <h1>Johannes Olzem</h1>
-    <blockquote>Less is more</blockquote>
-    <h2>Title</h2>
-    <h3>Problem</h3>
-    <p>Fix</p>
-    <h3>Explanation</h3>
+    <h1>Quick fix</h1>
+    <h2>::Title::</h2>
    <p>
-      Explanation
+      ::Solution
+    </p>
+    <h2>Explanation</h2>
+    <p>
+      ::Explanation
    </p>
  </main>
  <footer>