html & sass compression configuration, hide unstyled site until css loads with visibility

2026-01-31 10:26:38 -06:00 · 2020-12-11 16:27:11 -06:00
parent 480ee566ab
commit 516f3714ad
4 changed files with 26 additions and 3 deletions
@@ -1,3 +1,6 @@
+---
+layout: compress
+---
 <!doctype html>
 <html lang="en">
 <head>
@@ -33,6 +36,11 @@
    <meta name="twitter:card" content="summary">
    {%- endif -%}
    {%- endif %}
+    <style>
+        html, body {
+            visibility: hidden;
+        }
+    </style>
 </head>
 <body>
 <header>Ryan Walters</header>
@@ -41,7 +49,6 @@
    <a href="/about/">~/about/</a> :
    <a href="/projects/">~/projects/</a>
 </nav>
-
 {% if page.title %}
    {% if page.date %}
        {% if page._link %}