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

41
web/footer.html Normal file
View File

@@ -0,0 +1,41 @@
<footer
class="w-full h-full border-t border-neutral-300 bg-neutral-100 p-4 flex flex-col"
>
<div class="flex flex-col sm:grid sm:grid-cols-3 gap-8 mx-auto">
<section class="max-w-sm w-full">
<div class="flex gap-2 pb-4">
<div class="size-8">{% include "gractwo.svg" %}</div>
<h1
class="font-semibold text-xl px-2 bg-gradient-to-r from-gractwo-red-semidark to-gractwo-blu-semidark from-30% to-70% bg-clip-text text-transparent"
>
Gractwo
</h1>
</div>
<p class="text-neutral-500 text-sm">
Poznańskie stowarzyszenie okołogrowe, anime-informatyzacyjno
konwentowo-hangoutowe.
</p>
</section>
<section class="max-w-sm w-full">
<h1 class="font-medium text-lg text-neutral-500 pb-4">
Informacje prawne
</h1>
<p class="text-sm text-neutral-500 mb-2">
Stowarzyszenie niezawiązane.
</p>
</section>
<section class="max-w-sm w-full">
<h1 class="font-medium text-lg text-neutral-500 pb-4">Kontakt</h1>
<p class="text-sm text-neutral-500 mb-2">
Kontakt poprzez Discorda.
</p>
<p class="text-sm text-neutral-500">Poznań, Polska</p>
</section>
</div>
<!--<hr class="mt-4 border-neutral-300" />-->
<p
class="text-center py-2 text-neutral-500 text-sm border-t border-neutral-300 mt-12 h-fit"
>
&copy; 2020-2025 Gractwo. Wszystkie prawa zastrzeżone.
</p>
</footer>

28
web/gractwo.svg Normal file
View File

@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.2" baseProfile="tiny"
id="svg10" inkscape:version="1.0.2-2 (e86c870879, 2021-01-15)" sodipodi:docname="main-logo.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 192 192"
xml:space="preserve">
<title id="title931">Gractwo Main Logo</title>
<sodipodi:namedview bordercolor="#666666" borderopacity="1" gridtolerance="10" guidetolerance="10" id="namedview12" inkscape:current-layer="g18" inkscape:cx="90.847995" inkscape:cy="116.23609" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-height="1017" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-8" inkscape:window-y="105" inkscape:zoom="3.1304206" objecttolerance="10" pagecolor="#ffffff" showgrid="false">
</sodipodi:namedview>
<path id="path48" fill="none" stroke="#61F2EA" d="M0,0"/>
<path id="path879" fill="#FB636B" stroke="#FB636B" stroke-width="0.513" d="M29,146.3l-6-2.6l-0.1-0.5c0-0.3-0.4-6.5-0.9-13.7
l-0.8-13.2l9-29.7c5-16.3,9-29.8,9.1-29.9c0.1-0.1,1-1.3,2.1-2.7l2-2.4h3.1c1.7,0,5.3,0,8.1,0.1l4.9,0.1l1.2,1.4
c0.9,1.1,1.2,1.4,1.5,1.4c0.2,0,5.3,0.1,11.4,0.2l11,0.1l1.4-0.9c1.3-0.8,1.5-0.9,2-0.9c0.4,0,7,0.4,7.1,0.4c0,0,1.6,6.9,3.5,15.4
l3.5,15.4l-4.7,16.3l-4.7,16.3l-11.8,2.9l-11.8,2.9l-11.3,11.2l-11.3,11.2l-5.5,1.9c-3,1.1-5.6,2-5.7,2C35,148.9,32.9,148,29,146.3z
M39.2,142c3.6-1.1,3.6-1.1,4.1-1.6c0.2-0.3,5.1-5.3,10.7-11.2c8.7-9,10.4-10.7,10.7-10.8c0.2-0.1,5.4-1.4,11.4-3
c6-1.6,11-2.9,11-2.9c0,0,1.5-5.6,3.3-12.3c2.7-10.3,3.2-12.3,3.1-12.5c-0.1-0.1-1.6-2-3.3-4.3l-3.2-4l-0.7,0.1
c-0.4,0-3.2,0.3-6.3,0.5s-5.6,0.5-5.7,0.5c0,0-1.1,2.1-2.2,4.7l-2.2,4.6L67.7,92c-1.3,1.2-2.7,2.5-3,2.9L64,95.5l-4.1,0.8L55.8,97
l-4.2-0.7l-4.2-0.7L41.8,92c-3.1-2-5.6-3.6-5.6-3.7c0,0-2.1,6-4.6,13.3L27.1,115l0.2,12.9c0.1,7.1,0.2,12.9,0.3,12.9
c0.4,0.2,7.7,2.4,7.9,2.4C35.5,143.2,37.2,142.6,39.2,142L39.2,142z"/>
<path id="path929" fill="#61F2EA" stroke="#61F2EA" stroke-width="0.36" d="M157.9,136.2l-3.9-1.8l-7.5-6.9
c-5.2-4.8-7.6-6.9-7.9-6.9c-0.2,0-8,0.4-17.3,1l-16.9,0.9l-3.4-2.7c-2.3-1.8-3.4-2.7-3.4-2.9c0-0.1,2.2-5.6,4.9-12.1l4.8-11.8
l-1.6-14.2l-1.6-14.2l2-3.7c1.1-2.1,2-3.8,2-3.8c0,0,5.4-0.3,12.1-0.7l12.1-0.6l5-3.4l5-3.4h5.5h5.5l7.6,10.1l7.6,10.1l0.3,7.3
L169,84l2.8,6.3l2.8,6.3l0.8,11.3c0.4,6.2,0.8,11.5,0.8,11.8c0,0.3-1.1,3.9-2.4,8l-2.4,7.4l-4.8,1.4l-4.8,1.4L157.9,136.2z
M164.3,132.1c1.1-0.5,2.1-0.9,2.1-0.9c0,0,0.9-2.6,1.9-5.7l1.8-5.7l-1.3-11.4c-0.7-6.3-1.3-11.5-1.3-11.6c0-0.1-1-1.5-2.2-3.2
c-1.5-2.2-2.2-3-2.4-3c-0.1,0-1.4,0.4-2.7,0.8l-2.5,0.8l-2.5-0.2l-2.5-0.2l-3.5-1.9c-3.1-1.7-3.9-2.2-6.4-4.2
c-1.6-1.3-3-2.3-3.1-2.3s-4,0.2-8.6,0.5l-8.3,0.5l-2.2,2.1c-1.2,1.2-3.3,3.2-4.6,4.4l-2.4,2.3l-1.3,11.6c-0.7,6.4-1.3,11.6-1.3,11.6
c0.1,0.1,27.2-0.9,29.3-1l1.2-0.1l8,7.9l8,7.9l2,0.9c1.1,0.5,2.1,0.9,2.3,0.9C162.1,133,163.1,132.6,164.3,132.1L164.3,132.1z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

1
web/icons/external-link.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link-icon lucide-external-link"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 362 B

1
web/icons/github.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github-icon lucide-github"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 529 B

1
web/icons/twitter.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter-icon lucide-twitter"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 385 B

1
web/icons/users.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users-icon lucide-users"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><path d="M16 3.128a4 4 0 0 1 0 7.744"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><circle cx="9" cy="7" r="4"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 393 B

1
web/icons/youtube.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube-icon lucide-youtube"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"/><path d="m10 15 5-3-5-3z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 450 B

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>

9
web/input.css
View File

@@ -1 +1,10 @@
@import "tailwindcss";
@theme {
--color-gractwo-red: #fb636b;
--color-gractwo-red-semidark: #cc4f55;
--color-gractwo-red-dark: #b2454b;
--color-gractwo-blu: #61f2ea;
--color-gractwo-blu-semidark: #47b2ad;
--color-gractwo-blu-dark: #3d9994;
}

2
web/styles.css
View File

File diff suppressed because one or more lines are too long