From ac205bab1e1ae8bb4a5857a91b684cc9d71f07f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Erbsh=C3=A4u=C3=9Fer?= <tobias@tesoft.dev>
Date: Sun, 24 May 2026 09:23:12 +0200
Subject: [PATCH] hide content until components are loaded
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>
---
 frontend/src/layouts/main.njk | 2 +-
 frontend/src/scripts/about.ts | 4 ++++
 frontend/src/scripts/index.ts | 4 ++++
 frontend/src/scripts/main.ts  | 1 +
 4 files changed, 10 insertions(+), 1 deletion(-)
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();
     }
 
