From a82c43e86f7005298d1dcbe814fb3e019bb9ef32 Mon Sep 17 00:00:00 2001
From: "Felix W. Dekker" <felix@fwdekker.com>
Date: Sat, 24 Apr 2021 18:07:54 +0200
Subject: [PATCH] Add general-purpose .hidden CSS class

---
 package.json                     | 2 +-
 src/main/css/snippets/common.css | 6 +++---
 src/main/js/main.js              | 2 +-
 src/test/index.html              | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 148acbc..e2ae4cd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "2.2.0",
+    "version": "2.2.1",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Felix W. Dekker",
     "license": "MIT",
diff --git a/src/main/css/snippets/common.css b/src/main/css/snippets/common.css
index 5a96446..304b0d4 100644
--- a/src/main/css/snippets/common.css
+++ b/src/main/css/snippets/common.css
@@ -19,12 +19,12 @@ noscript p {
     font-weight: bold;
 }
 
-
-/* Main element display state */
-main.pageHidden {
+.hidden {
     display: none;
 }
 
+
+/* Main element display state */
 main.pageVisible {
     display: flex;
     flex-direction: column;
diff --git a/src/main/js/main.js b/src/main/js/main.js
index 706c792..59f6800 100644
--- a/src/main/js/main.js
+++ b/src/main/js/main.js
@@ -199,7 +199,7 @@ const showPage = function() {
     main.style.display = "flex";
     main.style.flexDirection = "column";
     main.style.minHeight = "100%";
-    main.classList.remove("pageHidden");
+    main.classList.remove("hidden");
     main.classList.add("pageVisible");
 
     // TODO: Remove .style commands once all pages are migrated
diff --git a/src/test/index.html b/src/test/index.html
index 9e20d16..13bab6b 100644
--- a/src/test/index.html
+++ b/src/test/index.html
@@ -22,7 +22,7 @@
         instructions on how to enable JavaScript in your web browser</a>.
     </p>
 </noscript>
-<main class="pageHidden">
+<main class="hidden">
     <div id="nav"></div>
     <div id="contents">
         <div id="header"></div>