Krzak/Krzak.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Kreatyw

Browse Source
This commit is contained in:
Krzak
2026-01-09 14:08:32 +01:00
parent 9be95cc4cc
commit 1b870bd509
9 changed files with 567 additions and 469 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
index.html
View File

@@ -1,6 +1,5 @@
<!doctype html>
<html lang="en">
<head>
<title>Krzak.org</title>
<meta charset="utf-8" />
@@ -8,17 +7,56 @@
<!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/favicon-180x180.png" />
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/favicons/favicon-16x16.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/favicons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="48x48"
href="/favicons/favicon-48x48.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="/favicons/favicon-96x96.png"
/>
<link
rel="icon"
type="image/png"
sizes="192x192"
href="/favicons/favicon-192x192.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/favicons/favicon-180x180.png"
/>
<link rel="shortcut icon" href="/favicons/favicon.ico" />
<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicons/favicon-512x512.png" />
<link
rel="icon"
type="image/png"
sizes="192x192"
href="/favicons/favicon-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="512x512"
href="/favicons/favicon-512x512.png"
/>
<!-- PWA -->
<link rel="manifest" href="/manifest.json" />
@@ -59,57 +97,83 @@
</a>
</li>
<li class="slide-up" style="animation-delay: 0.25s">
<a
href="https://kreatyw.krzak.org"
style="
background-color: #000;
border: 2px solid #27272a;
vertical-align: middle;
"
>
<strong
style="color: #fff"
style="vertical-align: middle"
style="font-size: 1.5rem"
>
<img
src="https://kreatyw.krzak.org/ui/icon.png"
width="32"
height="32"
style="vertical-align: middle"
/>
Kreatyw
</strong>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.3s">
<a href="https://mu.krzak.org">
<strong>Music Upload</strong>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.3s">
<li class="slide-up" style="animation-delay: 0.35s">
<a href="https://git.krzak.org">
<strong>Git</strong>
<span>Gitea</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.35s">
<li class="slide-up" style="animation-delay: 0.4s">
<a href="https://rss.krzak.org">
<strong>RSS</strong>
<span>Miniflux</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.4s">
<li class="slide-up" style="animation-delay: 0.45s">
<a href="https://paste.krzak.org">
<strong>Paste</strong>
<span>Opengist</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.45s">
<li class="slide-up" style="animation-delay: 0.5s">
<a href="https://share.krzak.org">
<strong>Share</strong>
<span>FilePizza</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.5s">
<li class="slide-up" style="animation-delay: 0.55s">
<a href="https://link.krzak.org">
<strong>Link Shortener</strong>
<span>Shlink</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.55s">
<a href="/mc">
<li class="slide-up" style="animation-delay: 0.6s">
<a href="/mc.html">
<strong>Minecraft Server</strong>
<span>Fabric 1.21.10</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.6s">
<a href="/applications">
<li class="slide-up" style="animation-delay: 0.65s">
<a href="/applications.html">
<strong>Recommended applications</strong>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.65s">
<li class="slide-up" style="animation-delay: 0.7s">
<a href="https://discord.gg/CY3Zr6baD7">
<strong>Discord server</strong>
</a>
<li class="slide-up" style="animation-delay: 0.7s">
<a href="/contact">
</li>
<li class="slide-up" style="animation-delay: 0.75s">
<a href="/contact.html">
<strong>Contact</strong>
</a>
</li>
@@ -122,18 +186,40 @@
<div class="librecounter fade-in" style="animation-delay: 0.75s">
<span class="librecounter-text">
Indexed by
<a href="https://librecounter.org/referer/show" target="_blank">LibreCounter</a>
<a
href="https://librecounter.org/referer/show"
target="_blank"
>LibreCounter</a
>
</span>
<a href="https://librecounter.org/referer/show" target="_blank">
<img src="https://librecounter.org/counter.svg" referrerpolicy="unsafe-url" alt="LibreCounter" />
<img
src="https://librecounter.org/counter.svg"
referrerpolicy="unsafe-url"
alt="LibreCounter"
/>
</a>
</div>
</div>
<!-- Back to top button -->
<button id="back-to-top" class="back-to-top" aria-label="Back to top" title="Back to top">
<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">
<button
id="back-to-top"
class="back-to-top"
aria-label="Back to top"
title="Back to top"
>
<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"
>
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</button>
@@ -141,5 +227,4 @@
<script src="/refresh.js"></script>
<script src="/animations.js"></script>
</body>
</html>

6
sitemap.xml
View File

@@ -5,15 +5,15 @@
<lastmod>2025-11-19</lastmod>
</url>
<url>
<loc>https://krzak.org/applications</loc>
<loc>https://krzak.org/applications.html</loc>
<lastmod>2025-11-19</lastmod>
</url>
<url>
<loc>https://krzak.org/contact</loc>
<loc>https://krzak.org/contact.html</loc>
<lastmod>2025-11-19</lastmod>
</url>
<url>
<loc>https://krzak.org/mc</loc>
<loc>https://krzak.org/mc.html</loc>
<lastmod>2025-11-19</lastmod>
</url>
</urlset>

35
styles.css
View File

@@ -22,12 +22,16 @@ html {
}
body {
background: linear-gradient(var(--bg-gradient-1),
background: linear-gradient(
var(--bg-gradient-1),
var(--bg-gradient-2),
var(--bg-gradient-3)) no-repeat fixed;
var(--bg-gradient-3)
)
no-repeat fixed;
color: var(--text-color);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
Arial, sans-serif;
margin: 0;
padding: 16px;
min-height: 100vh;
@@ -48,9 +52,11 @@ body::before {
pointer-events: none;
z-index: 0;
transition: 0.5s ease;
background: radial-gradient(circle at 20% 50%,
background: radial-gradient(
circle at 20% 50%,
rgba(255, 255, 255, 0.08) 0%,
transparent 50%);
transparent 50%
);
}
.container {
@@ -152,10 +158,12 @@ li a::before {
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
background: linear-gradient(
90deg,
transparent,
rgba(244, 162, 97, 0.1),
transparent);
transparent
);
transition: left 0.5s ease;
}
@@ -218,7 +226,9 @@ br {
.librecounter a {
display: inline-block;
transition: transform 0.2s ease, opacity 0.2s ease;
transition:
transform 0.2s ease,
opacity 0.2s ease;
flex-shrink: 0;
line-height: 0;
}
@@ -480,7 +490,9 @@ br {
font-weight: 500;
padding: 6px 12px;
border-radius: 12px;
transition: transform 0.2s ease, background-color 0.2s ease;
transition:
transform 0.2s ease,
background-color 0.2s ease;
display: inline-block;
}
@@ -491,6 +503,7 @@ br {
.app-card.highlighted {
border-color: var(--glow-color);
box-shadow: 0 0 12px 2px var(--glow-color),
box-shadow:
0 0 12px 2px var(--glow-color),
inset 0 0 15px -5px var(--glow-color);
}