Adding shoutout for Lisa :)

index.html

@@ -6,8 +6,11 @@
 	<meta name="author" content="Patrick Müller">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" type="text/css" href="styles.css">
-	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
-	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+	      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+	        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+	        crossorigin="anonymous"></script>
 	<!--Font Awesome Icons-->
 	<script src="https://kit.fontawesome.com/f2c150d561.js"
 	        crossorigin="anonymous">
@@ -25,19 +28,27 @@
 			<div class="raplalinkcontainer--nav__text col-11">
 				RaPla Middleware Link Generator
 			</div>
-			<i class="raplalinkcontainer__header--button col-1 far fa-moon" id="colorModeToggleIcon" onclick="toggleDarkMode()">
+			<i class="raplalinkcontainer__header--button col-1 far fa-moon" id="colorModeToggleIcon"
+			   onclick="toggleDarkMode()">
 			</i>
 		</nav>
 		<!-- // HEADER -->
 		<!-- PREFACE -->
 		<div class="raplalinkcontainer__preface--row">
 			<div class="raplalinkcontainer__preface">
-		<p>This website generates a link based on your preferences to use the RaPla Middleware which filters unwanted events.</p>
+				<p>This website generates a link based on your preferences to use the RaPla Middleware which filters
-		<p>Please only select a Wahl- / Profilmodul if you are in the 5./6. Semester and have any of these as otherwise,
+					unwanted events.</p>
+				<p>Please only select a Wahl- / Profilmodul if you are in the 5./6. Semester and have any of these as
+					otherwise,
 					the middleware might not work as expected.</p>
-		<p>Of course, I try my best to only exclude the events you want to have removed, but of course I can't guarantee
+				<p>Of course, I try my best to only exclude the events you want to have removed, but of course I can't
-		that this tool works exactly as expected all the time. Please don't only rely on this tool working perfectly.</p>
+					guarantee
-		<p>If you have any questions or bugs, contact me via one of the options on <a href="https://www.p4ddy.com">p4ddy.com</a></p>
+					that this tool works exactly as expected all the time. Please don't only rely on this tool working
+					perfectly.</p>
+				<p>If you have any questions or bugs, contact me via one of the options on <a
+						href="https://www.p4ddy.com">p4ddy.com</a>.
+					Also huge thanks to <a href="https://www.li54.dev">Lisa</a> for the styling of this page :)
+				</p>
 			</div>
 		</div>
 		<!-- // PREFACE -->
@@ -70,7 +81,8 @@
 					<div class="input-group-prepend">
 						<label class="input-group-text" for="raplalink">Your RaPla Link</label>
 					</div>
-				<input class="form-control" id="raplalink"  name="raplalink" type="text" placeholder="Your RaPla Link">
+					<input class="form-control" id="raplalink" name="raplalink" type="text"
+					       placeholder="Your RaPla Link">
 				</div>
 
 				<!-- // CUSTOM RAPLALINK -->
@@ -124,7 +136,7 @@
 			<p>Here is the link that you can use for importing RaPla into your iCloud etc. calendar (click to copy):</p>
 			<p id="full-link"></p>
 		</div>
-</div>
+	</div>
 </div>
 </body>
 </html>