From 141788714be940187133fcd8c99ad0a35a1a13a6 Mon Sep 17 00:00:00 2001
From: Silas <me@silentsilas.com>
Date: Tue, 30 Jan 2024 00:22:06 -0500
Subject: [PATCH] fix FOUC

---
 index.html    |  6 +++++-
 src/style.css | 22 +++++++++++-----------
 2 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/index.html b/index.html
index 2b8e90e..9ecce41 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,10 @@
   <script type="module">
     document.documentElement.classList.remove("no-js");
     document.documentElement.classList.add("js");
+
+    window.onload = function () {
+      document.body.style.opacity = "1";
+    }
   </script>
 
   <meta name="description" content="Securely request information via SURE links" />
@@ -37,7 +41,7 @@
   <meta name="msapplication-starturl" content="/" />
 </head>
 
-<body>
+<body style="opacity: 0; background-color: #11191f;">
   <header class="container">
     <hgroup>
       <h1>
diff --git a/src/style.css b/src/style.css
index 2bbafba..58868e7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,11 +1,11 @@
-.js-warning {
-  display: none;
-}
-
-.no-js .js-warning {
-  display: flex;
-}
-
-.hidden {
-  display: none;
-}
+.js-warning {
+  display: none;
+}
+
+.no-js .js-warning {
+  display: flex;
+}
+
+body {
+  transition: opacity 1s ease-in-out;
+}
