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

147
index.html
View File

@@ -1,24 +1,62 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head>
<title>Krzak.org</title> <title>Krzak.org</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Favicons --> <!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" /> <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
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" /> rel="icon"
<link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png" /> type="image/png"
<link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png" /> sizes="16x16"
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png" /> href="/favicons/favicon-16x16.png"
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/favicon-180x180.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" /> <link rel="shortcut icon" href="/favicons/favicon.ico" />
<!-- Android Chrome --> <!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png" /> <link
<link rel="icon" type="image/png" sizes="512x512" href="/favicons/favicon-512x512.png" /> 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 --> <!-- PWA -->
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
@@ -28,9 +66,9 @@
<link href="https://fedi.krzak.org/@krzak" rel="me" /> <link href="https://fedi.krzak.org/@krzak" rel="me" />
<link href="https://fedi.krzak.org/@n0va" rel="me" /> <link href="https://fedi.krzak.org/@n0va" rel="me" />
</head> </head>
<body> <body>
<div class="container fade-in"> <div class="container fade-in">
<h1 class="slide-down"> <h1 class="slide-down">
<span class="icon"> <span class="icon">
@@ -59,57 +97,83 @@
</a> </a>
</li> </li>
<li class="slide-up" style="animation-delay: 0.25s"> <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"> <a href="https://mu.krzak.org">
<strong>Music Upload</strong> <strong>Music Upload</strong>
</a> </a>
</li> </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"> <a href="https://git.krzak.org">
<strong>Git</strong> <strong>Git</strong>
<span>Gitea</span> <span>Gitea</span>
</a> </a>
</li> </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"> <a href="https://rss.krzak.org">
<strong>RSS</strong> <strong>RSS</strong>
<span>Miniflux</span> <span>Miniflux</span>
</a> </a>
</li> </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"> <a href="https://paste.krzak.org">
<strong>Paste</strong> <strong>Paste</strong>
<span>Opengist</span> <span>Opengist</span>
</a> </a>
</li> </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"> <a href="https://share.krzak.org">
<strong>Share</strong> <strong>Share</strong>
<span>FilePizza</span> <span>FilePizza</span>
</a> </a>
</li> </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"> <a href="https://link.krzak.org">
<strong>Link Shortener</strong> <strong>Link Shortener</strong>
<span>Shlink</span> <span>Shlink</span>
</a> </a>
</li> </li>
<li class="slide-up" style="animation-delay: 0.55s"> <li class="slide-up" style="animation-delay: 0.6s">
<a href="/mc"> <a href="/mc.html">
<strong>Minecraft Server</strong> <strong>Minecraft Server</strong>
<span>Fabric 1.21.10</span> <span>Fabric 1.21.10</span>
</a> </a>
</li> </li>
<li class="slide-up" style="animation-delay: 0.6s"> <li class="slide-up" style="animation-delay: 0.65s">
<a href="/applications"> <a href="/applications.html">
<strong>Recommended applications</strong> <strong>Recommended applications</strong>
</a> </a>
</li> </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"> <a href="https://discord.gg/CY3Zr6baD7">
<strong>Discord server</strong> <strong>Discord server</strong>
</a> </a>
<li class="slide-up" style="animation-delay: 0.7s"> </li>
<a href="/contact">
<li class="slide-up" style="animation-delay: 0.75s">
<a href="/contact.html">
<strong>Contact</strong> <strong>Contact</strong>
</a> </a>
</li> </li>
@@ -122,24 +186,45 @@
<div class="librecounter fade-in" style="animation-delay: 0.75s"> <div class="librecounter fade-in" style="animation-delay: 0.75s">
<span class="librecounter-text"> <span class="librecounter-text">
Indexed by 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> </span>
<a href="https://librecounter.org/referer/show" target="_blank"> <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> </a>
</div> </div>
</div> </div>
<!-- Back to top button --> <!-- Back to top button -->
<button id="back-to-top" class="back-to-top" aria-label="Back to top" title="Back to top"> <button
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" id="back-to-top"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 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> <polyline points="18 15 12 9 6 15"></polyline>
</svg> </svg>
</button> </button>
<script src="/refresh.js"></script> <script src="/refresh.js"></script>
<script src="/animations.js"></script> <script src="/animations.js"></script>
</body> </body>
</html> </html>

6
sitemap.xml
View File

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

35
styles.css
View File

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