From bf01521ee4508192ff27c451600001ff7b37cad6 Mon Sep 17 00:00:00 2001
From: T <T>
Date: Mon, 9 Feb 2026 01:09:09 +0100
Subject: [PATCH] Cleanup CSS

---
 _includes/head.html   |  2 +-
 _includes/header.html |  2 +-
 _layouts/default.html | 21 ++++++++++++---------
 _sass/_base.scss      |  1 -
 _sass/_chaospott.scss | 20 ++------------------
 index.html            |  6 +++---
 6 files changed, 19 insertions(+), 33 deletions(-)
diff --git a/_includes/head.html b/_includes/head.html
index 80ce2ed..cd1110d 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -31,7 +31,7 @@
   <meta name="theme-color" content="#d2d4bc">
 
   <style>
-html, body {
+html {
     margin: 0;
     padding: 0;
     background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */
diff --git a/_includes/header.html b/_includes/header.html
index b45d389..25ae96e 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,7 +1,7 @@
 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
     <div class="container">
         <div class="navbar-header">
-            <a class="navbar-brand" href="https://chaospott.de">
+            <a class="navbar-brand" href="/">
                 chaospott
             </a>
             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
diff --git a/_layouts/default.html b/_layouts/default.html
index 1b28608..5dc79ca 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -2,19 +2,22 @@
 <html>
   {% include head.html %}
   <body>
-    {% include header.html %}
-    <div class="jumbotron">
+    <header>
+      {% include header.html %}
+    </header>
+    <main class="jumbotron">
       <div class="container-fluid large-header" id="large-header">
-
-	<div class="row row-centered">
-	  <div class="col-centered">
-	    <img src="{{ "/images/logo.svg" | prepend: site.baseurl }}" alt="Chaospott Logo" />
-	  </div>
-	</div>
+      <div class="row">
+        <div class="col text-center">
+          <img src="{{ "/images/logo.svg" | prepend: site.baseurl }}" alt="Chaospott Logo" />
+        </div>
+      </div>
       </div>
       {{ content }}
+    </main>
+    <footer>
       {% include footer.html %}
-    </div>
+    </footer>
     <script src="{{ "/js/TweenLite.min.js" | prepend: site.baseurl }}"></script>
     <script src="{{ "/js/EasePack.min.js" | prepend: site.baseurl }}"></script>
     <script src="{{ "/js/rAF.js" | prepend: site.baseurl }}"></script>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 2bd038a..8cf56de 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -2,7 +2,6 @@
  * Reset some basic elements
  */
 
-body,
 h1,
 h2,
 h3,
diff --git a/_sass/_chaospott.scss b/_sass/_chaospott.scss
index af6291d..5ebbac1 100644
--- a/_sass/_chaospott.scss
+++ b/_sass/_chaospott.scss
@@ -90,20 +90,11 @@ a {
   }
 }
 
-.row {
-  padding: 75px 0;
-
-  &-centered {
-    text-align: center;
-    margin: 0;
-  }
-}
-
 #large-header {
   background: #222 url('/images/logowall.svg') center top;
   background-size: 450px;
-  height: 300px;
-  margin: 0 0 100px 0;
+  height: 228px;
+  margin: 0 0 170px 0;
   padding: 0;
 
   img {
@@ -113,13 +104,6 @@ a {
   }
 }
 
-.col-centered {
-  display: inline-block;
-  float: none;
-  text-align: left;
-  margin-right: -4px;
-}
-
 ul.nav > li > a {
   color: $nav-link-color;
 }
diff --git a/index.html b/index.html
index abbf767..8a15952 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@ layout: default
 ---
 
 <div class="container" id="posts">
-  <div class="row" style="padding-bottom:0px;">
+  <div class="row">
     {% assign posts = site.posts | where:"type", "blog" %}
     {% for post in posts limit:3 %}
     <div class="col-md-4">
@@ -26,9 +26,9 @@ layout: default
     </div>
     {% endfor %}
   </div>
-<div class="row-centered align-text-top" style="padding-bottom:50px;"><p>Weitere Nachrichten finden sich <a href="https://chaospott.de/blog/">in unserem Logbuch.</a></p></div>
+<div class="row text-center"><p>Weitere Nachrichten finden sich <a href="https://chaospott.de/blog/">in unserem Logbuch.</a></p></div>
 </div>
-<hr>
+<hr style="margin-top: 80px; margin-bottom: 80px;">
 <div class="container" id="about">
   <div class="row">
     <div class="col-md-12">
