Better handle page loading with dark mode

contact.html

@@ -87,6 +87,12 @@
 		</div>
 	</nav>
 
+	<!-- try to prevent flickering -->
+	<script>
+		checkTheme();
+	</script>
+
+
 	<!-- Main component for a primary marketing message or call to action -->
 	<div class="container">
 		<div class="jumbotron">
@@ -95,6 +101,11 @@
 			<div id="successAlert" class="alert alert-success" role="alert" style="display: none;">Message sent successfully!</div>
 			<div id="errorAlert" class="alert alert-danger" role="alert" style="display: none"></div>
 
+			<!-- try to prevent flickering -->
+			<script>
+				checkTheme();
+			</script>
+
 			<form id="contactForm">
 				<div class="form-group">
 					<label for="nameField">Name
@@ -123,6 +134,11 @@
 				</div>
 				<button id="contactSubmit" type="submit" class="btn btn-primary">Submit</button>
 			</form>
+
+			<!-- try to prevent flickering -->
+			<script>
+				checkTheme();
+			</script>
 		</div>
 	</div>
 

links.html

@@ -87,6 +87,11 @@
 		</div>
 	</nav>
 
+	<!-- try to prevent flickering -->
+	<script>
+		checkTheme();
+	</script>
+
 
 	<div class="container">
 		<div class="jumbotron">
@@ -96,6 +101,11 @@
 			</p>
 		</div>
 
+		<!-- try to prevent flickering -->
+		<script>
+			checkTheme();
+		</script>
+
 		<div class="row">
 			<div class="col-md-4 mb-3">
 				<div class="card full-height">
@@ -250,6 +260,11 @@
 		</div>
 	</div>
 
+	<!-- try to prevent flickering -->
+	<script>
+		checkTheme();
+	</script>
+
 
 	<!-- Bootstrap core JavaScript
 		================================================== -->

resume.html

@@ -88,6 +88,11 @@
 		</div>
 	</nav>
 
+	<!-- try to prevent flickering -->
+	<script>
+		checkTheme();
+	</script>
+
 	<!-- Main component for a primary marketing message or call to action -->
 	<div class="container">
 		<div class="jumbotron">
@@ -103,6 +108,11 @@
 		</div>
 	</div>
 
+	<!-- try to prevent flickering -->
+	<script>
+		checkTheme();
+	</script>
+
 	<div class="container">
 		<h2>Education</h2>
 		<p>