implemented darkmode

layouts/_default/baseof.html

@@ -11,9 +11,7 @@
     </div>
   </header>
   <main>
-    <div class="container">
-      {{ block "main" . }}{{ end }}
-    </div>
+    {{ block "main" . }}{{ end }}
   </main>
   <footer>
     <div class="container">

layouts/_default/single.html

@@ -1,5 +1,7 @@
 {{ define "main" }}
-  <div id="markdown">
-    {{ .Content }}
+  <div class="container">
+    <div id="markdown">
+      {{ .Content }}
+    </div>
   </div>
 {{ end }}

layouts/_partials/head/js.html

@@ -9,7 +9,7 @@
       <script src="{{ .RelPermalink }}"></script>
     {{- else }}
       {{- with . | fingerprint }}
-        <script src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous"></script>
+        <script src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" defer crossorigin="anonymous"></script>
       {{- end }}
     {{- end }}
   {{- end }}

layouts/_partials/hero.html

@@ -1,12 +1,12 @@
-<section class="py-5 bg-light hero-section">
+<section class="py-5 hero-section">
     <div class="container">
         <div class="row align-items-center">
             <div class="col-md-12 text-center mb-4 mb-md-0">
                 <h1 class="display-5 fw-bold text-center">Willkommen auf der Website des FSR Informatik</h1>
-                <p class="lead text-muted text-center">Gemeinsam stark im Studium – dein Fachschaftsrat steht für Austausch, Unterstützung und Mitgestaltung.</p>
+                <p class="lead text-center">Gemeinsam stark im Studium – dein Fachschaftsrat steht für Austausch, Unterstützung und Mitgestaltung.</p>
                 <div class="d-flex justify-content-center gap-4 mt-3">
-                    <a href="{{ "/about" | relURL }}" class="btn btn-primary-dark btn-lg">mehr erfahren</a>
-                    <a href="{{ "/kontakt" | relURL }}" class="btn btn-primary-light btn-lg">kontaktieren</a>
+                    <a href="{{ "/about" | relURL }}" class="btn btn-primary btn-lg">mehr erfahren</a>
+                    <a href="{{ "/kontakt" | relURL }}" class="btn btn-secondary btn-lg">kontaktieren</a>
                 </div>
             </div>
         </div>

layouts/_partials/nav.html

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
+<nav class="navbar navbar-expand-lg">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="{{ "/" | relURL }}">
             <img src="{{ "images/logo.svg" | relURL }}" alt="iFSR Logo" height="50" class="me-2">
@@ -37,5 +37,12 @@
                 {{ end }}
             </ul>
         </div>
+        <div class="d-none d-lg-flex ms-3">
+            <button id="theme-switch" class="btn btn-link nav-link">
+                <img id="light-icon" src="{{ "/icons/light.svg" | relURL }}" alt="Light Mode Icon" class="theme-icon">
+                <img id="dark-icon" src="{{ "/icons/dark.svg" | relURL }}" alt="Dark Mode Icon" class="theme-icon">
+            </button>
+        </div>
+
     </div>
 </nav>