fix FOUC

2024-01-30 00:22:06 -05:00 · 2024-01-30 00:22:06 -05:00 · 141788714b
parent 0e431a1283
commit 141788714b
2 changed files with 16 additions and 12 deletions
--- 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>
--- a/src/style.css
+++ b/src/style.css
@ -6,6 +6,6 @@
  display: flex;
 }

-.hidden {
-  display: none;
+body {
+  transition: opacity 1s ease-in-out;
 }