Attempt to fix flash of unstyled content

jeremyjung · Dec 13, 2019 · 1b0f2da · 1b0f2da
1 parent f44ac20
commit 1b0f2da
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/sass/style.scss b/sass/style.scss
@@ -128,10 +128,12 @@ hr {
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }
 
-/* If you don't add this, the body of the page will shrink if there's y-scrollable area */
 html {
+  /* If you don't add this, the body of the page will shrink if there's y-scrollable area */
   overflow-y: scroll;
   line-height: 1.65;
+  visibility: visible;
+  opacity: 1; 
 }
 
 body {

diff --git a/templates/index.html b/templates/index.html
@@ -34,8 +34,7 @@
 
 	  {% endblock meta %}
 
-
-
+	  <style>html { visibility: hidden; opacity: 0; }</style>
 		<link rel="stylesheet" href="{{ get_url(path='style.css') }}">
 		<title>{% block title %}{{ config.title }}{% endblock title %}</title>
 	</head>