From 966b87d2242253a932beb87c2aeb964e29eb6259 Mon Sep 17 00:00:00 2001
From: Anton Potapov <47938145+Flagro@users.noreply.github.com>
Date: Tue, 9 Jan 2024 03:01:35 +0100
Subject: [PATCH] blog in progress sign

---
 src/routes/+page.svelte | 41 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5982b0a..fac7e85 100644
--- 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>
+