diff --git a/web/index.html b/web/index.html
index b2b9102..106732a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,80 +1,56 @@
-<!doctype html>
-<html lang="pl">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>gractwo.pl | Witamy!</title>
-        <link href="styles.css" rel="stylesheet" />
-        <link rel="icon" type="image/svg+xml" href="favicon.svg" />
-        <link
-            rel="icon"
-            type="image/png"
-            sizes="64x64"
-            href="favicon-x64.png"
-        />
-    </head>
-    <body class="min-h-screen flex flex-col">
-        <div
-            class="bg-radial from-stone-200 to-white flex flex-col items-center text-center w-full h-full flex-1 pb-48"
+{% extends "base.html" %} {# # # # # # # # # # # # # # # # # # # # # # # # # #}
+{% block title %}gractwo.pl | Witamy!{% endblock %} {% block pagecontent %}
+
+<div
+    class="bg-radial from-stone-200 to-white flex flex-col items-center text-center w-full h-full flex-1 pb-48"
+>
+    <div class="mt-16 md:mt-60 mx-auto size-24">
+        {% include "gractwo.svg" %}
+    </div>
+    <h1
+        class="text-7xl font-semibold bg-gradient-to-r from-gractwo-red-semidark to-gractwo-blu-semidark from-30% to-70% text-transparent bg-clip-text"
+    >
+        Gractwo
+    </h1>
+    <p
+        class="text-xl font-light mt-8 text-neutral-600 text-balance max-w-[50ch]"
+    >
+        Zakładamy okołogrowe, anime-informatyzacyjno konwentowo-hangoutowe
+        stowarzyszenie. Dołącz do nas!
+    </p>
+    <div class="flex flex-row gap-4 mt-8">
+        <a
+            href="/discord"
+            class="flex gap-4 px-4 py-3 rounded text-neutral-100 hover:text-white font-semibold bg-gradient-to-r from-gractwo-red-semidark to-gractwo-red [text-rendering:geometricPrecision] hover:scale-[1.02] hover:-translate-y-[2px] hover:shadow-lg transition-all"
         >
-            <div class="mt-16 md:mt-60 mx-auto size-24">
-                {% include "gractwo.svg" %}
-            </div>
-            <h1
-                class="text-7xl font-semibold bg-gradient-to-r from-gractwo-red-semidark to-gractwo-blu-semidark from-30% to-70% text-transparent bg-clip-text"
+            <span class="scale-[.75]">{% include "icons/users.svg" %}</span>
+            <span>Dołącz na serwer Discord</span>
+            <span class="scale-[.75]"
+                >{% include "icons/external-link.svg" %}</span
             >
-                Gractwo
-            </h1>
-            <p
-                class="text-xl font-light mt-8 text-neutral-600 text-balance max-w-[50ch]"
-            >
-                Zakładamy okołogrowe, anime-informatyzacyjno
-                konwentowo-hangoutowe stowarzyszenie. Dołącz do nas!
-            </p>
-            <div class="flex flex-row gap-4 mt-8">
-                <a
-                    href="/discord"
-                    class="flex gap-4 px-4 py-3 rounded text-neutral-100 hover:text-white font-semibold bg-gradient-to-r from-gractwo-red-semidark to-gractwo-red [text-rendering:geometricPrecision] hover:scale-[1.02] hover:-translate-y-[2px] hover:shadow-lg transition-all"
-                >
-                    <span class="scale-[.75]"
-                        >{% include "icons/users.svg" %}</span
-                    >
-                    <span>Dołącz na serwer Discord</span>
-                    <span class="scale-[.75]"
-                        >{% include "icons/external-link.svg" %}</span
-                    >
-                </a>
-            </div>
-            <div class="flex flex-col sm:flex-row gap-2 mt-4 text-neutral-500">
-                <a
-                    href="/github"
-                    class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
-                    ><span class="scale-[.75]"
-                        >{% include "icons/github.svg" %}</span
-                    >
-                    GitHub</a
-                >
-                <a
-                    href="/bsky"
-                    class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
-                    ><span class="scale-[.75]"
-                        >{% include "icons/twitter.svg" %}</span
-                    >
-                    Bluesky</a
-                >
-                <a
-                    href="/youtube"
-                    class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
-                    ><span class="scale-[.75]"
-                        >{% include "icons/youtube.svg" %}</span
-                    >
-                    YouTube</a
-                >
-            </div>
-        </div>
-        <!--<div class="w-full p-4">
-            <h1 class="text-center">W liczbach</h1>
-        </div>-->
-        {% include "footer.html" %}
-    </body>
-</html>
+        </a>
+    </div>
+    <div class="flex flex-col sm:flex-row gap-2 mt-4 text-neutral-500">
+        <a
+            href="/github"
+            class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
+            ><span class="scale-[.75]">{% include "icons/github.svg" %}</span>
+            GitHub</a
+        >
+        <a
+            href="/bsky"
+            class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
+            ><span class="scale-[.75]">{% include "icons/twitter.svg" %}</span>
+            Bluesky</a
+        >
+        <a
+            href="/youtube"
+            class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
+            ><span class="scale-[.75]">{% include "icons/youtube.svg" %}</span>
+            YouTube</a
+        >
+    </div>
+</div>
+
+{% include "footer.html" %} {# # # # # # # # # # # # # # # # # # # # # # # # #}
+{% endblock %}
