diff --git a/frontend/src/layouts/main.njk b/frontend/src/layouts/main.njk
index c82fe22..b151baa 100644
--- a/frontend/src/layouts/main.njk
+++ b/frontend/src/layouts/main.njk
@@ -15,7 +15,7 @@
     {% endblock %}
 </head>
 <body>
-<div>
+<div class="hidden">
     <tesoft-nav>
         {% for item in [{title: "Home", href: "/"}, {title: "Blog", href: "/blog"}, {title: "About me", href: "/about"}] %}
             <tesoft-button transparent href="{{ item.href }}" {% if item.title == title %}selected{% endif %}>
diff --git a/frontend/src/scripts/about.ts b/frontend/src/scripts/about.ts
index e69de29..25900d2 100644
--- a/frontend/src/scripts/about.ts
+++ b/frontend/src/scripts/about.ts
@@ -0,0 +1,4 @@
+import {onReady} from "./main.ts";
+
+onReady(() => {
+});
diff --git a/frontend/src/scripts/index.ts b/frontend/src/scripts/index.ts
index e69de29..25900d2 100644
--- a/frontend/src/scripts/index.ts
+++ b/frontend/src/scripts/index.ts
@@ -0,0 +1,4 @@
+import {onReady} from "./main.ts";
+
+onReady(() => {
+});
diff --git a/frontend/src/scripts/main.ts b/frontend/src/scripts/main.ts
index e296a91..9ae6316 100644
--- a/frontend/src/scripts/main.ts
+++ b/frontend/src/scripts/main.ts
@@ -73,6 +73,7 @@ export function onReady(callback: () => void, ...components: TesoftComponent[])
         }
 
         await Promise.all(promises);
+        document.querySelector("body > div")!.classList.remove("hidden");
         callback();
     }
 
