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

animations

Browse Source
This commit is contained in:
N0\A
2025-10-30 08:41:03 +01:00
parent a3d382b1b7
commit eadbf18661
5 changed files with 385 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
index.html
View File

@@ -4,74 +4,140 @@
<title>Krzak.org</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- 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="shortcut icon" href="/favicons/favicon.ico">
<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="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">
<meta name="theme-color" content="#2a1a5e">
<link rel="stylesheet" href="/styles.css">
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#2a1a5e" />
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<div class="container">
<h1>
<div class="container fade-in">
<h1 class="slide-down">
<span class="icon">
<img src="/icon.svg" alt="krzak.org" />
</span>
Krzak.org
</h1>
<p>Hi, welcome to krzak.org</p>
<p class="slide-down">Hi, welcome to krzak.org</p>
<ul>
<li>
<li class="slide-up" style="animation-delay: 0.1s">
<a href="https://fedi.krzak.org">
<strong>Fediverse</strong>
<span>Sharkey</span>
</a>
</li>
<li>
<li class="slide-up" style="animation-delay: 0.15s">
<a href="https://mail.krzak.org">
<strong>Mail</strong>
<span>Mailu</span>
</a>
</li>
<li>
<li class="slide-up" style="animation-delay: 0.2s">
<a href="https://music.krzak.org">
<strong>Music</strong>
<span>Navidrome</span>
</a>
</li>
<li>
<li class="slide-up" style="animation-delay: 0.25s">
<a href="https://mu.krzak.org">
<strong>Music Upload</strong>
</a>
</li>
<li>
<li class="slide-up" style="animation-delay: 0.3s">
<a href="https://git.krzak.org">
<strong>Git</strong>
<span>Gitea</span>
</a>
</li>
<li>
<li class="slide-up" style="animation-delay: 0.35s">
<a href="/contact.html">
<strong>Contact</strong>
</a>
</li>
</ul>
<p>If you want an account on any of these, want to suggest something new or get a subdomain, just message me</p>
<p class="fade-in" style="animation-delay: 0.4s">
If you want an account on any of these, want to suggest something new or
get a subdomain, just message me
</p>
</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"
>
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</button>
<script src="/refresh.js"></script>
<script src="/animations.js"></script>
</body>
</html>