fix header

src/modules/headerHertzblatt.ts

@@ -6,7 +6,7 @@ export default function HeaderHertzschlag() {
     <h1>hertz heute / HertzBLATT Archiv</h1>
   </a>
   <nav>
-    <a href="#" style="margin-left: 25px">HertzSCHLAG</a>
+    <a href="#" style="margin-left: 25px">HertzSCHLAG Archiv</a>
   </nav>
   `;
 

src/modules/headerHertzschlag.ts

@@ -6,7 +6,7 @@ export default function HeaderHertzschlag() {
     <h1>HertzSCHLAG Archiv</h1>
   </a>
   <nav>
-    <a href="#hertzblatt" style="margin-left: 25px">HertzBLATT</a>
+    <a href="#hertzblatt" style="margin-left: 25px">HertzBLATT Archiv</a>
     <a href="#hertzschlag/liste" style="margin-left: 25px">Alle Ausgaben</a>
   </nav>
   `;

src/modules/liste.ts

@@ -9,13 +9,13 @@ export default function Liste() {
   json.hertzschlag.forEach((i) => {
     listehtml =
       listehtml +
-      "<tr onclick='window.location=\"#ausgabe/" +
+      "<tr onclick='window.location=\"#hertzschlag/" +
       i["Ausgabe"] +
-      "\"'><td><a href='#ausgabe/" +
+      "\"'><td><a href='#hertzschlag/" +
       i["Ausgabe"] +
       "'>" +
       i["Ausgabe"] +
-      "</a></td><td><a href='#ausgabe/" +
+      "</a></td><td><a href='#hertzschlag/" +
       i["Ausgabe"] +
       "'>" +
       i["Thema"] +

src/modules/router.ts

@@ -44,11 +44,9 @@ export default class Router {
         }
 
         if (rigthRoute) {
-          if (
+          const routeName = routeSplit[0] == "hertzschlag" ? "" : routeSplit[0];
-            this.el.getAttribute("currentroute") != routeSplit[0] ||
+          if (this.el.getAttribute("currentroute") != routeName || !this.lazy) {
-            !this.lazy
+            this.el.setAttribute("currentroute", routeName);
-          ) {
-            this.el.setAttribute("currentroute", routeSplit[0]);
             let neww = this.routes[route](params);
             this.el.innerHTML = "";
             this.el.appendChild(neww);

src/script.ts

@@ -28,6 +28,7 @@ new Router(
   document.querySelector("#home"),
   {
     "": Home,
+    hertzschlag: Home,
     "hertzschlag/::": Home,
     hertzblatt: HomeHertzblatt,
     "hertzblatt/::": HomeHertzblatt,
@@ -46,6 +47,7 @@ new Router(
   document.querySelector("#innerHeader"),
   {
     "": HeaderHertzschlag,
+    hertzschlag: HeaderHertzschlag,
     "hertzschlag/::": HeaderHertzschlag,
     hertzblatt: HeaderHertzblatt,
     "hertzblatt/::": HeaderHertzblatt,

src/style.css

@@ -84,12 +84,12 @@ body {
   font-weight: 400 !important;
   font-size: 20px;
   margin-left: 15px;
-  transition: transform 0.2s ease;
+  transition: color 0.2s ease;
-  transform: translateY(0);
+  color: rgba(255, 255, 255, 1);
 }
 
 #header nav a:hover {
-  transform: translateY(-2px);
+  color: rgba(255, 255, 255, 0.8);
 }
 
 .welle-l {
@@ -122,7 +122,8 @@ body {
   overflow-x: hidden;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   grid-gap: 0;
-  height: 100%;
+  height: calc(100% - 5em);
+  padding-top: 5em;
 }
 
 .module {
@@ -377,7 +378,6 @@ i {
 
 #home {
   position: fixed;
-  padding-top: 5em;
   top: 0;
   bottom: 0;
   left: 0;