make index.html use base.html

This commit is contained in:
2025-09-25 09:16:04 +02:00
parent 9e46f11793
commit 39c51c87f3

View File

@@ -1,19 +1,6 @@
<!doctype html> {% extends "base.html" %} {# # # # # # # # # # # # # # # # # # # # # # # # # #}
<html lang="pl"> {% block title %}gractwo.pl | Witamy!{% endblock %} {% block pagecontent %}
<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 <div
class="bg-radial from-stone-200 to-white flex flex-col items-center text-center w-full h-full flex-1 pb-48" class="bg-radial from-stone-200 to-white flex flex-col items-center text-center w-full h-full flex-1 pb-48"
> >
@@ -28,17 +15,15 @@
<p <p
class="text-xl font-light mt-8 text-neutral-600 text-balance max-w-[50ch]" class="text-xl font-light mt-8 text-neutral-600 text-balance max-w-[50ch]"
> >
Zakładamy okołogrowe, anime-informatyzacyjno Zakładamy okołogrowe, anime-informatyzacyjno konwentowo-hangoutowe
konwentowo-hangoutowe stowarzyszenie. Dołącz do nas! stowarzyszenie. Dołącz do nas!
</p> </p>
<div class="flex flex-row gap-4 mt-8"> <div class="flex flex-row gap-4 mt-8">
<a <a
href="/discord" 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" 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]" <span class="scale-[.75]">{% include "icons/users.svg" %}</span>
>{% include "icons/users.svg" %}</span
>
<span>Dołącz na serwer Discord</span> <span>Dołącz na serwer Discord</span>
<span class="scale-[.75]" <span class="scale-[.75]"
>{% include "icons/external-link.svg" %}</span >{% include "icons/external-link.svg" %}</span
@@ -49,32 +34,23 @@
<a <a
href="/github" href="/github"
class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition" class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
><span class="scale-[.75]" ><span class="scale-[.75]">{% include "icons/github.svg" %}</span>
>{% include "icons/github.svg" %}</span
>
GitHub</a GitHub</a
> >
<a <a
href="/bsky" href="/bsky"
class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition" class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
><span class="scale-[.75]" ><span class="scale-[.75]">{% include "icons/twitter.svg" %}</span>
>{% include "icons/twitter.svg" %}</span
>
Bluesky</a Bluesky</a
> >
<a <a
href="/youtube" href="/youtube"
class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition" class="flex gap-2 px-3 py-1 rounded-full hover:bg-neutral-300 hover:text-black transition"
><span class="scale-[.75]" ><span class="scale-[.75]">{% include "icons/youtube.svg" %}</span>
>{% include "icons/youtube.svg" %}</span
>
YouTube</a YouTube</a
> >
</div> </div>
</div> </div>
<!--<div class="w-full p-4">
<h1 class="text-center">W liczbach</h1> {% include "footer.html" %} {# # # # # # # # # # # # # # # # # # # # # # # # #}
</div>--> {% endblock %}
{% include "footer.html" %}
</body>
</html>