Remove inline styles

package.json

@@ -1,6 +1,6 @@
 {
     "name": "doomsday",
-    "version": "1.3.15",
+    "version": "1.3.16",
     "description": "Test your mastery of Conway's Doomsday rule.",
     "author": "Felix W. Dekker",
     "browser": "dist/bundle.js",
@@ -16,7 +16,7 @@
         "deploy": "grunt deploy"
     },
     "devDependencies": {
-        "grunt": "^1.3.0",
+        "grunt": "^1.4.0",
         "grunt-cli": "^1.4.2",
         "grunt-contrib-clean": "^2.0.0",
         "grunt-contrib-copy": "^1.0.0",
@@ -24,7 +24,7 @@
         "grunt-focus": "^1.0.0",
         "grunt-text-replace": "^0.4.0",
         "grunt-webpack": "^4.0.3",
-        "webpack": "^5.33.2",
+        "webpack": "^5.36.0",
         "webpack-cli": "^4.6.0"
     }
 }

src/main/css/main.css

@@ -17,6 +17,10 @@ label, summary b {
     cursor: pointer;
 }
 
+#day-title-label {
+    margin-left: 17px;
+}
+
 
 .success-message {
     color: var(--success-color);

src/main/index.html

@@ -21,13 +21,13 @@
 <noscript>
     <img src="https://stats.fwdekker.com/count?p=/tools/doomsday/" alt="Counting pixel" />
 
-    <p style="color: red; font-weight: bold;">
+    <p>
         This website does not function if JavaScript is disabled.
         Please check the <a href="https://www.enable-javascript.com/">
         instructions on how to enable JavaScript in your web browser</a>.
     </p>
 </noscript>
-<main style="display: none;">
+<main class="hidden">
     <div id="nav"></div>
     <div id="contents">
         <div id="header"></div>
@@ -62,7 +62,7 @@
                 </details>
 
                 <div>
-                    <label for="day-input" id="day-title-label" style="margin-left: 17px;">Day</label>
+                    <label for="day-input" id="day-title-label">Day</label>
                     <div class="row">
                         <div class="column column-90">
                             <input type="text" id="day-input" autocomplete="off" />

src/main/js/main.js

@@ -1,4 +1,5 @@
-const {$, doAfterLoad, footer, header, nav, showPage} = window.fwdekker;
+// noinspection JSUnresolvedVariable
+const {$, doAfterLoad, footer, header, nav} = window.fwdekker;
 
 
 /**
@@ -362,7 +363,7 @@ doAfterLoad(() => {
         vcsURL: "https://git.fwdekker.com/FWDekker/doomsday/",
         version: "v%%VERSION_NUMBER%%"
     }));
-    showPage();
+    $("main").classList.remove("hidden");
 
 
     // Initialize quiz