gractwo/arche
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make index.html use base.html

Browse Source
This commit is contained in:
Jakub Mańczak
2025-09-25 09:16:04 +02:00
parent 9e46f11793
commit 39c51c87f3
1 changed files with 54 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
web/index.html
View File

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