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

make a first pass of a static gractwo.pl website

Browse Source
This commit is contained in:
Jakub Mańczak
2025-09-04 00:25:52 +02:00
parent 1b2e327088
commit bfaa18b07d
10 changed files with 145 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
web/index.html
View File

@@ -6,11 +6,66 @@
<title>gractwo.pl | Witamy!</title>
<link href="styles.css" rel="stylesheet" />
</head>
<body class="min-h-screen text-center flex items-center justify-center">
<p>
Witamy na gractwo.pl! Zapraszamy na nasz
<a href="/discord" class="underline text-blue-400">serwer Discord</a
>!
</p>
<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"
>
<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">
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-white font-semibold bg-gradient-to-r from-gractwo-red-semidark to-gractwo-red"
>
<span class="scale-[.75]"
>{% include "icons/users.svg" %}</span
>
Dołącz na serwer Discord
<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-200"
><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-200"
><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-200"
><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>