diff --git a/styleguide/assets/style/styleguide.css b/styleguide/assets/style/styleguide.css
index 8e673f5..43d9d40 100644
--- a/styleguide/assets/style/styleguide.css
+++ b/styleguide/assets/style/styleguide.css
@@ -541,7 +541,7 @@ i[data-icon][data-icon=light]::before {
 body {
   margin: 0;
   height: 100vh;
-  width: 100vw;
+  width: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
@@ -564,6 +564,12 @@ body header .header-image {
   max-width: 100%;
   object-fit: contain;
 }
+body header #backToWiki > img {
+  transition: transform 200ms;
+}
+body header #backToWiki:hover > img {
+  transform: scale(1.05);
+}
 body > div {
   display: flex;
   gap: 1rem;
diff --git a/styleguide/assets/style/styleguide.css.map b/styleguide/assets/style/styleguide.css.map
index 7f7c516..d41b0fe 100644
--- a/styleguide/assets/style/styleguide.css.map
+++ b/styleguide/assets/style/styleguide.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["base.scss","icons.scss","styleguide.scss"],"names":[],"mappings":"AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAiEF;EA7DE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAA;;AAGA;EACE;;AAGF;EACE;;;AAuCJ;EAlCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAA;;AAGA;EACE;;AAGF;EACE;;;AAYJ;AAAA;EAtCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAA;;AAGA;AAAA;EACE;;AAGF;AAAA;EACE;;;AAiBJ;EA1EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAA;;AAGA;EACE;;AAGF;EACE;;;AAoDJ;EACE;IA/EA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;AAAA;;EAGA;IACE;;EAGF;IACE;;;AA4DJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;EACA;EACA;;;AAIA;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAGA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA,KAnZuB;EAoZvB;;AAEA;EALF;IAMI;;;AAGF;EACE;EACA;EACA;EACA;;AAMA;EACE;;AAGF;EACE;;;AAMR;EACE;EACA;;AAEA;EAGE;EACA;;AAGF;EACE;EACA;;AAEA;EAGE;EACA;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACteJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AC9CJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI,YFhBqB;;;AEmBvB;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QFhDqB;EEiDrB;;AAEA;EAdF;IAeI;IACA;IACA;IACA;IACA;;EAEA;IACE;;;AAIJ;EA1BF;IA2BI;;EAGE;IACE;;EAIJ;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EAIE;;AAIJ;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAIE;;AAIJ;EACE;EACA;;AAEA;EAIE;;AAON;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAMR;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;;AAQN;EAKE;EACA;;AAGF;EAEE;EACA;;AAGF;EAIE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EARF;IASI;;EAEA;IACE;;;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EARF;IASI;IACA;;EAEA;IACE;;;;AAOJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"styleguide.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["base.scss","icons.scss","styleguide.scss"],"names":[],"mappings":"AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAiEF;EA7DE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAA;;AAGA;EACE;;AAGF;EACE;;;AAuCJ;EAlCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAA;;AAGA;EACE;;AAGF;EACE;;;AAYJ;AAAA;EAtCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAA;;AAGA;AAAA;EACE;;AAGF;AAAA;EACE;;;AAiBJ;EA1EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAAA;;AAGA;EACE;;AAGF;EACE;;;AAoDJ;EACE;IA/EA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;AAAA;;EAGA;IACE;;EAGF;IACE;;;AA4DJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;EACA;EACA;;;AAIA;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAGA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA,KAnZuB;EAoZvB;;AAEA;EALF;IAMI;;;AAGF;EACE;EACA;EACA;EACA;;AAMA;EACE;;AAGF;EACE;;;AAMR;EACE;EACA;;AAEA;EAGE;EACA;;AAGF;EACE;EACA;;AAEA;EAGE;EACA;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACteJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AC9CJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI,YFhBqB;;;AEmBvB;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QFxDqB;EEyDrB;;AAEA;EAdF;IAeI;IACA;IACA;IACA;IACA;;EAEA;IACE;;;AAIJ;EA1BF;IA2BI;;EAGE;IACE;;EAIJ;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EAIE;;AAIJ;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAIE;;AAIJ;EACE;EACA;;AAEA;EAIE;;AAON;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAMR;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;;AAQN;EAKE;EACA;;AAGF;EAEE;EACA;;AAGF;EAIE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EARF;IASI;;EAEA;IACE;;;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EARF;IASI;IACA;;EAEA;IACE;;;;AAOJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"styleguide.css"}
\ No newline at end of file
diff --git a/styleguide/assets/style/styleguide.scss b/styleguide/assets/style/styleguide.scss
index 5261140..1e2c3c0 100644
--- a/styleguide/assets/style/styleguide.scss
+++ b/styleguide/assets/style/styleguide.scss
@@ -8,7 +8,7 @@
 body {
   margin: 0;
   height: 100vh;
-  width: 100vw;
+  width: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
@@ -30,6 +30,14 @@ body {
       max-width: 100%;
       object-fit: contain;
     }
+
+    #backToWiki > img {
+      transition: transform 200ms;
+    }
+
+    #backToWiki:hover > img {
+      transform: scale(1.05);
+    }
   }
 
   > div {
diff --git a/styleguide/colors/index.html b/styleguide/colors/index.html
index 6ad1d5d..6245c8d 100644
--- a/styleguide/colors/index.html
+++ b/styleguide/colors/index.html
@@ -10,12 +10,14 @@
 
 <body>
     <header>
-        <img src="../assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
+        <a href="/" id="backToWiki">
+            <img src="../assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
      The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink." />
-        <img src="../assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
+     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."/>
+            <img src="../assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
      The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink." />
+     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."/>
+        </a>
     </header>
     <div>
         <nav>
@@ -27,8 +29,10 @@
                 <li><a href="../typography"><i data-icon="info"></i>Typography</a></li>
                 <li><a href="../demopage"><i data-icon="info"></i>Demopage</a></li>
                 <li><a href="../generator"><i data-icon="info"></i>Image Generator</a></li>
-                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i data-icon="light" class="glow"></i></a></li>
-                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i data-icon="light" class="glow"></i></a></li>
+                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i
+                        data-icon="light" class="glow"></i></a></li>
+                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i
+                        data-icon="light" class="glow"></i></a></li>
             </ul>
         </nav>
         <main>
diff --git a/styleguide/demopage/index.html b/styleguide/demopage/index.html
index 74e6a0b..702b58e 100644
--- a/styleguide/demopage/index.html
+++ b/styleguide/demopage/index.html
@@ -10,12 +10,14 @@
 
 <body>
     <header>
-        <img src="../assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
+        <a href="/" id="backToWiki">
+            <img src="../assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
      The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink." />
-        <img src="../assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
+     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."/>
+            <img src="../assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
      The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink." />
+     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."/>
+        </a>
     </header>
     <div>
         <nav>
@@ -27,8 +29,10 @@
                 <li><a href="../typography"><i data-icon="info"></i>Typography</a></li>
                 <li class="active"><a href=""><i data-icon="info"></i>Demopage</a></li>
                 <li><a href="../generator"><i data-icon="info"></i>Image Generator</a></li>
-                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i data-icon="light" class="glow"></i></a></li>
-                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i data-icon="light" class="glow"></i></a></li>
+                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i
+                        data-icon="light" class="glow"></i></a></li>
+                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i
+                        data-icon="light" class="glow"></i></a></li>
             </ul>
         </nav>
         <main>
@@ -132,7 +136,7 @@
                 <figure>
                     <img src="../assets/image/example_cat.jpg" alt="Photograph of a young white-furred cat with blue eyes. It is leaning on its forelegs on some kind
                       of leopard-print fabric and looking at something behind the camera. The background is dark and
-                      plain." />
+                      plain."/>
                     <figcaption>Example image without any distortion applied.</figcaption>
                 </figure>
                 <p>
@@ -148,7 +152,7 @@
                     <img class="glitch" src="../assets/image/example_cat.jpg" alt="The same photograph as before, except with a glitchy filer applied. The first effect applies to
                       bright edges, which get surrounded by pink and blue to their left and right hand side. The second
                       one distorts the image by offsetting parts of the image horizontally by seemingly random yet
-                      somewhat osscilating amounts." />
+                      somewhat osscilating amounts."/>
                     <figcaption>Example image with visual glitches applied.</figcaption>
                 </figure>
             </section>
diff --git a/styleguide/generator/index.html b/styleguide/generator/index.html
index 26baf52..19ac626 100644
--- a/styleguide/generator/index.html
+++ b/styleguide/generator/index.html
@@ -10,12 +10,14 @@
 
 <body style="height: 100vh;">
     <header>
-        <img src="../assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
+        <a href="/" id="backToWiki">
+            <img src="../assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
      The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink." />
-        <img src="../assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
+     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."/>
+            <img src="../assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
      The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink." />
+     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."/>
+        </a>
     </header>
     <div>
         <nav>
@@ -27,8 +29,10 @@
                 <li><a href="../typography"><i data-icon="info"></i>Typography</a></li>
                 <li><a href="../demopage"><i data-icon="info"></i>Demopage</a></li>
                 <li class="active"><a href=""><i data-icon="info"></i>Image Generator</a></li>
-                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i data-icon="light" class="glow"></i></a></li>
-                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i data-icon="light" class="glow"></i></a></li>
+                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i
+                        data-icon="light" class="glow"></i></a></li>
+                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i
+                        data-icon="light" class="glow"></i></a></li>
             </ul>
         </nav>
         <main class="generator">
@@ -38,51 +42,51 @@
                     <input id="file_input" type="file" name="image" accept="image/*">
                 </div>
 
-                <img id="source_img" src="" />
+                <img id="source_img" src=""/>
                 <i data-icon="arrow-down"></i>
-                <img id="result_img" src="" />
+                <img id="result_img" src=""/>
 
                 <div style="display: none;">
                     <svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
                         <filter id="filter0" color-interpolation-filters="linearRGB" filterUnits="objectBoundingBox"
-                            primitiveUnits="objectBoundingBox">
-                            <feColorMatrix in="SourceGraphic" type="saturate" values="0" result="bw" />
-                            <feColorMatrix in="bw" type="luminanceToAlpha" result="ltoa" />
+                                primitiveUnits="objectBoundingBox">
+                            <feColorMatrix in="SourceGraphic" type="saturate" values="0" result="bw"/>
+                            <feColorMatrix in="bw" type="luminanceToAlpha" result="ltoa"/>
                             <feComponentTransfer in="ltoa" result="ltoa_inverse">
-                                <feFuncA type="table" tableValues="0 1" />
+                                <feFuncA type="table" tableValues="0 1"/>
                             </feComponentTransfer>
 
                             <feConvolveMatrix in="ltoa_inverse" result="pink_edges"
-                                kernelMatrix="-4 0 4 0 0 0 -4 0 4" />
+                                              kernelMatrix="-4 0 4 0 0 0 -4 0 4"/>
                             <feComponentTransfer in="pink_edges" result="pink">
-                                <feFuncR type="table" tableValues="0.7765 0" />
-                                <feFuncG type="table" tableValues="0.1451 0" />
-                                <feFuncB type="table" tableValues="0.4902 0" />
+                                <feFuncR type="table" tableValues="0.7765 0"/>
+                                <feFuncG type="table" tableValues="0.1451 0"/>
+                                <feFuncB type="table" tableValues="0.4902 0"/>
                             </feComponentTransfer>
-                            <feOffset in="pink" result="pink_shift" dx="-0.002" />
+                            <feOffset in="pink" result="pink_shift" dx="-0.002"/>
 
                             <feConvolveMatrix in="ltoa_inverse" result="cyan_edges"
-                                kernelMatrix="4 0 -4 0 0 0 4 0 -4" />
+                                              kernelMatrix="4 0 -4 0 0 0 4 0 -4"/>
                             <feComponentTransfer in="cyan_edges" result="cyan">
-                                <feFuncR type="table" tableValues="0.2941 0" />
-                                <feFuncG type="table" tableValues="0.6784 0" />
-                                <feFuncB type="table" tableValues="0.8471 0" />
+                                <feFuncR type="table" tableValues="0.2941 0"/>
+                                <feFuncG type="table" tableValues="0.6784 0"/>
+                                <feFuncB type="table" tableValues="0.8471 0"/>
                             </feComponentTransfer>
-                            <feOffset in="cyan" result="cyan_shift" dx="0.002" />
+                            <feOffset in="cyan" result="cyan_shift" dx="0.002"/>
 
                             <feMerge result="pink_cyan_shift">
-                                <feMergeNode in="SourceGraphic" />
-                                <feMergeNode in="pink_shift" />
-                                <feMergeNode in="cyan_shift" />
+                                <feMergeNode in="SourceGraphic"/>
+                                <feMergeNode in="pink_shift"/>
+                                <feMergeNode in="cyan_shift"/>
                             </feMerge>
 
-                            <feTurbulence type="fractalNoise" baseFrequency="0 0.2" numOctaves="1" result="noise" />
-                            <feDisplacementMap in="pink_cyan_shift" in2="noise" result="distorted_raw" scale="0.02" />
-                            <feOffset in="distorted_raw" result="distorted" />
+                            <feTurbulence type="fractalNoise" baseFrequency="0 0.2" numOctaves="1" result="noise"/>
+                            <feDisplacementMap in="pink_cyan_shift" in2="noise" result="distorted_raw" scale="0.02"/>
+                            <feOffset in="distorted_raw" result="distorted"/>
                         </filter>
 
                         <g filter="url(#filter0)">
-                            <image href="" width="100%" height="100%" />
+                            <image href="" width="100%" height="100%"/>
                         </g>
                     </svg>
                 </div>
diff --git a/styleguide/index.html b/styleguide/index.html
index d09ff8a..6e915a4 100644
--- a/styleguide/index.html
+++ b/styleguide/index.html
@@ -10,12 +10,14 @@
 
 <body>
     <header>
-        <img src="assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
+        <a href="/" id="backToWiki">
+            <img src="assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
          The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-         The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink." />
-        <img src="assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
+         The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."/>
+            <img src="assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
          The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-         The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink." />
+         The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."/>
+        </a>
     </header>
     <div>
         <nav>
@@ -27,8 +29,10 @@
                 <li><a href="typography"><i data-icon="info"></i>Typography</a></li>
                 <li><a href="demopage"><i data-icon="info"></i>Demopage</a></li>
                 <li><a href="generator"><i data-icon="info"></i>Image Generator</a></li>
-                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i data-icon="light" class="glow"></i></a></li>
-                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i data-icon="light" class="glow"></i></a></li>
+                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i
+                        data-icon="light" class="glow"></i></a></li>
+                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i
+                        data-icon="light" class="glow"></i></a></li>
             </ul>
         </nav>
         <main>
diff --git a/styleguide/typography/index.html b/styleguide/typography/index.html
index 1615d3a..2f7f2a4 100644
--- a/styleguide/typography/index.html
+++ b/styleguide/typography/index.html
@@ -10,12 +10,14 @@
 
 <body>
     <header>
-        <img src="../assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
+        <a href="/" id="backToWiki">
+            <img src="../assets/image/logo_eventname_glow.svg" class="header-image dark-only" alt="Logo of Easterhegg 2025. In the style of a neon sign:
      The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink." />
-        <img src="../assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
+     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."/>
+            <img src="../assets/image/logo_eventname_glow_off.svg" class="header-image light-only" alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
      The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
-     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink." />
+     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."/>
+        </a>
     </header>
     <div>
         <nav>
@@ -27,8 +29,10 @@
                 <li class="active"><a href=""><i data-icon="info"></i>Typography</a></li>
                 <li><a href="../demopage"><i data-icon="info"></i>Demopage</a></li>
                 <li><a href="../generator"><i data-icon="info"></i>Image Generator</a></li>
-                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i data-icon="light" class="glow"></i></a></li>
-                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i data-icon="light" class="glow"></i></a></li>
+                <li class="dark-only toggleTheme" data-theme="light"><a href="#" aria-label="switch to light theme"><i
+                        data-icon="light" class="glow"></i></a></li>
+                <li class="light-only toggleTheme" data-theme="dark"><a href="#" aria-label="switch to dark theme"><i
+                        data-icon="light" class="glow"></i></a></li>
             </ul>
         </nav>
         <main>