blog in progress sign

Flagro · Jan 9, 2024 · 966b87d · 966b87d
1 parent 1907f26
commit 966b87d
Showing 1 changed file with 39 additions and 2 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,2 +1,39 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<script>
+    import { onMount } from 'svelte';
+
+    let randomEmoji = '';
+
+    const getRandomEmoji = () => {
+        const emojis = ['🔥', '💡', '🚀', '🎉', '🔨'];
+        const randomIndex = Math.floor(Math.random() * emojis.length);
+        randomEmoji = emojis[randomIndex];
+    };
+
+    onMount(() => {
+        getRandomEmoji();
+    });
+</script>
+
+<style>
+    .container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100vh;
+        background-color: black;
+    }
+
+    .sign {
+        font-size: 48px;
+        font-weight: bold;
+        color: white;
+        background-color: rgba(0, 0, 0, 0.5);
+        padding: 20px;
+    }
+</style>
+
+<div class="container">
+    <div class="sign">{randomEmoji} BLOG IN PROGRESS {randomEmoji}</div>
+</div>
+