add browser specific optimizations

- firefox has a problem with flashes of unstyled content - chrome only supports mask-image without -webkit prefix very recently
2024-09-13 16:40:49 +02:00
parent 42ba20a075
commit c96af40b2d
2 changed files with 6 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -9,6 +9,10 @@

    <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
    <link href="index.css" rel="stylesheet"/>
+    <script>
+        /*to prevent Firefox FOUC, this must be here*/
+        let FF_FOUC_FIX;
+    </script>
 </head>
 <body>
 <main class="content">