From 6cb600b5ed486be8a9d9285d353c9ec4015204fe Mon Sep 17 00:00:00 2001
From: Neil Brommer <neil@neilbrommer.com>
Date: Sat, 16 Dec 2017 12:58:42 -0800
Subject: [PATCH] Better handle page loading with dark mode

---
 contact.html | 16 ++++++++++++++++
 links.html   | 15 +++++++++++++++
 resume.html  | 10 ++++++++++
 3 files changed, 41 insertions(+)

diff --git a/contact.html b/contact.html
index f5dd84c..ff137af 100644
--- a/contact.html
+++ b/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>
 
diff --git a/links.html b/links.html
index 58ee3ff..1feeca2 100644
--- a/links.html
+++ b/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
 		================================================== -->
diff --git a/resume.html b/resume.html
index b54ee0d..a18c0c1 100644
--- a/resume.html
+++ b/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>