Reworked how elements used by scripts are hidden when javascript is not enabled

1 files changed, 5 insertions, 3 deletions

diff --git a/src/_header.html b/src/_header.html
index ee295c2..4b45a0c 100644
--- a/src/_header.html
+++ b/src/_header.html
@@ -11,6 +11,8 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="/styles.css">
 	<link rel="stylesheet" href="/darkmode.css">
+	<link rel="stylesheet" href="/hide-js-styling.css">
+	<script type="text/javascript" src="/scripts/js-styling-preload.js" integrity="sha512-W9vmlFJBKooI1qrJQ9gop+t2As9YkQ+CRaxML2XFWNVJx7bSR3sUxi8i+W+Pnh45BY6NSqS77M1DE3+ST93Ltw==" crossorigin="anonymous"></script>
 	<script type="text/javascript" src="/scripts/theme-changer-preload.js" integrity="sha512-x1W8CvHGWZh1WcCWqXLMRbABh951y7a7tU+nNt0Goz42rR7ZrfAE+IOE/IDRpdAPc1CJtxUoZ8G/zxreGa+KCg==" crossorigin="anonymous"></script>
 	<meta name="description" content="[DESCRIPTION]">
 	<meta property="og:type" content="website">
@@ -32,10 +34,10 @@
 		</span>
 		<span>
 			<a href="/blog" class="link-tab">Blog</a>
-			<a href="/tutorials" class="link-tab">Tutorials</a> ||
+			<a href="/tutorials" class="link-tab">Tutorials</a>
 		</span>
-		<span>
-			<img id="changeThemeBtn" class="link-tab unzoomable btn" src="/img/sun-tabler.svg" alt="Light">
+		<span id="settingsWrapper">
+			|| <img id="changeThemeBtn" class="link-tab unzoomable btn" src="/img/sun-tabler.svg" alt="Light">
 			<script type="text/javascript" src="/scripts/theme-changer.js" integrity="sha512-ZmN9dZP4m7fv3W3DHbA9pnK3Y44LnD4Be1Pn8Wdu4wFutZZSfZ1vNoIKNZ2J7QK9NHImYPjyNPxN2/l6y9P7pA==" crossorigin="anonymous"></script>
 		</span>
 	</nav>