diff --git a/fet2020/templates/base.html b/fet2020/templates/base.html
index e6949ccb..9a550cf6 100644
--- a/fet2020/templates/base.html
+++ b/fet2020/templates/base.html
@@ -44,7 +44,7 @@
     {% endblock %}
 </head>
 
-<body>
+<body x-data="{ showModal: false }" :class="{ 'overflow-y-hidden sm:overflow-y-auto': showModal }">
 	<!-- NAVBAR -->
 	<nav class="navbar" x-data="{ showNavBar: false }">
 		<div>
@@ -141,12 +141,32 @@
 		<p class="mt-4 uppercase text-center text-sm sm:text-base">© {% now 'Y' %} FET - Alle Rechte vorbehalten.</p>
 	</footer>
 	<div class="text-center p-2 bg-gray-800 text-gray-400 font-light" x-data="{ counter: 0 }">
-		<span :class="counter>=4 && 'text-purple-300'">Handcrafted </span><span :class="counter>=5 && 'text-green-400'">with </span><i class="fa-solid fa-heart" aria-label="love" @click="counter++" :class="counter>=2 ? 'text-proprietary hover:text-proprietary-dark' : 'text-red-600 hover:text-red-700'"></i><span :class="counter>=6 && 'text-pink-400'"> by</span><span class="font-normal" :class="counter>=3 && 'text-yellow-500'"> Matteo Duchscher</span>
+        <span :class="counter>=4 && 'text-purple-300'">Handcrafted </span>
+        <span :class="counter>=5 && 'text-green-400'">with </span>
+        <i class="fa-solid fa-heart" aria-label="love" @click="counter++" :class="counter>=2 ? 'text-proprietary hover:text-proprietary-dark' : 'text-red-600 hover:text-red-700'"></i>
+        <span :class="counter>=6 && 'text-pink-400'"> by</span>
+        <span class="font-normal" :class="counter>=3 && 'text-yellow-500'"> Matteo Duchscher</span>
 	</div>
   
-    <script async src="{% static 'js/alpinejs@3.2.2.js' %}" defer></script>
+    <script src="{% static 'js/gumshoe@5.1.1.js' %}"></script>
+    <script src="{% static 'js/smooth-scroll@16.1.2.js' %}"></script>
     <script src="{% static 'js/toolkit-screen@1.0.0.js' %}" defer></script>
-   
+	<script defer src="{% static 'js/alpinejs@3.2.2.js' %}"></script>
     <script async="async" src="{% static 'js/scripts.js' %}"></script>
+
+	<script>
+		var spy = new Gumshoe('#scrollspy-subNav a', {
+			/***** Scrollspy *****/ // Active classes
+			navClass: 'active', // applied to the nav list item
+		});
+
+		/***** SmoothScroll *****/ // All animations will take exactly 500ms
+		var scroll = new SmoothScroll('a[href*="#"]', {
+			speed: 750,
+			speedAsDuration: true,
+			easing: 'easeInOutQuad'
+		});
+    </script>
+
 </body>
 </html>
\ No newline at end of file
