Add Liberapay

This commit is contained in:
2026-01-18 02:41:13 +01:00
parent 4b88a3da90
commit 6246ff06ef
3 changed files with 304 additions and 193 deletions

View File

@@ -1,134 +1,219 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<title>Krzak.org - Recommended Applications</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<head> <!-- Favicons -->
<title>Krzak.org - Recommended Applications</title> <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
<meta charset="utf-8" /> <link
<meta name="viewport" content="width=device-width, initial-scale=1" /> 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" />
<!-- Favicons --> <!-- PWA -->
<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" /> <link rel="manifest" href="/manifest.json" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" /> <meta name="theme-color" content="#2a1a5e" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" /> <link rel="stylesheet" href="/styles.css" />
<link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png" /> </head>
<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" />
<!-- PWA --> <body>
<link rel="manifest" href="/manifest.json" /> <div class="container fade-in">
<meta name="theme-color" content="#2a1a5e" /> <h1 class="slide-down">
<link rel="stylesheet" href="/styles.css" /> <span class="icon">
</head> <img src="/icon.svg" alt="krzak.org" />
</span>
Recommended Apps
</h1>
<p class="slide-down" style="animation-delay: 0.5s">
If you know of better applications, let me know!
</p>
<body> <div class="slide-up" style="animation-delay: 1s">
<div class="container fade-in"> <h2>Fediverse</h2>
<h1 class="slide-down"> <div class="app-gallery">
<span class="icon"> <!-- Aria -->
<img src="/icon.svg" alt="krzak.org" /> <div class="app-card highlighted">
</span> <img
Recommended Apps src="https://raw.githubusercontent.com/poppingmoon/aria/main/assets/icons/aria.png"
</h1> alt="Aria icon"
<p class="slide-down" style="animation-delay: 0.5s"> class="app-icon"
If you know of better applications, let me know! />
</p> <div>
<h4>Aria</h4>
<div class="slide-up" style="animation-delay: 1.0s"> <p>Better integration with Misskey/Sharkey.</p>
<h2>Fediverse</h2> <div class="app-platforms">
<div class="app-gallery"> <a
<!-- Aria --> href="https://apps.apple.com/app/aria-for-misskey/id6499410880"
<div class="app-card highlighted"> target="_blank"
<img src="https://raw.githubusercontent.com/poppingmoon/aria/main/assets/icons/aria.png" >iOS</a
alt="Aria icon" class="app-icon" /> >
<div> <a
<h4>Aria</h4> href="https://play.google.com/store/apps/details?id=com.poppingmoon.aria"
<p>Better integration with Misskey/Sharkey.</p> target="_blank"
<div class="app-platforms"> >Android</a
<a href="https://apps.apple.com/app/aria-for-misskey/id6499410880" target="_blank">iOS</a> >
<a href="https://play.google.com/store/apps/details?id=com.poppingmoon.aria" <a
target="_blank">Android</a> href="https://github.com/poppingmoon/aria/releases/latest"
<a href="https://github.com/poppingmoon/aria/releases/latest" target="_blank">Desktop</a> target="_blank"
>Desktop</a
>
</div>
</div> </div>
</div> </div>
</div> <!-- Ice Cubes -->
<!-- Ice Cubes --> <div class="app-card">
<div class="app-card"> <img
<img src="https://raw.githubusercontent.com/Dimillian/IceCubesApp/refs/heads/main/Images/AppIcon.png" src="https://raw.githubusercontent.com/Dimillian/IceCubesApp/refs/heads/main/Images/AppIcon.png"
alt="Ice Cubes icon" class="app-icon" /> alt="Ice Cubes icon"
<div> class="app-icon"
<h4>Ice Cubes</h4> />
<p>Native UI.</p> <div>
<div class="app-platforms"> <h4>Ice Cubes</h4>
<a href="https://apps.apple.com/pl/app/ice-cubes-for-mastodon/id6444915884" <p>Native UI.</p>
target="_blank">iOS</a> <div class="app-platforms">
<a
href="https://apps.apple.com/pl/app/ice-cubes-for-mastodon/id6444915884"
target="_blank"
>iOS</a
>
</div>
</div> </div>
</div> </div>
</div> <!-- Mastodon -->
<!-- Mastodon --> <div class="app-card">
<div class="app-card"> <img
<img src="https://joinmastodon.org/logos/logo-purple.svg" alt="Mastodon icon" class="app-icon" /> src="https://joinmastodon.org/logos/logo-purple.svg"
<div> alt="Mastodon icon"
<h4>Mastodon</h4> class="app-icon"
<p>Native UI.</p> />
<div class="app-platforms"> <div>
<a href="https://play.google.com/store/apps/details?id=org.joinmastodon.android&hl=en" <h4>Mastodon</h4>
target="_blank">Android</a> <p>Native UI.</p>
<div class="app-platforms">
<a
href="https://play.google.com/store/apps/details?id=org.joinmastodon.android&hl=en"
target="_blank"
>Android</a
>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="slide-up" style="animation-delay: 1.5s"> <div class="slide-up" style="animation-delay: 1.5s">
<h2>Music</h2> <h2>Music</h2>
<div class="app-gallery"> <div class="app-gallery">
<!-- Finamp --> <!-- Finamp -->
<div class="app-card highlighted"> <div class="app-card highlighted">
<img src="https://raw.githubusercontent.com/jmshrv/finamp/54a1a24b8b501423a0c4b3a58e5748583d99a7f8/assets/icon/icon_foreground.svg" <img
alt="Finamp icon" class="app-icon" /> src="https://raw.githubusercontent.com/jmshrv/finamp/54a1a24b8b501423a0c4b3a58e5748583d99a7f8/assets/icon/icon_foreground.svg"
<div> alt="Finamp icon"
<h4>Finamp</h4> class="app-icon"
<p>Cross-platform client, just make sure to download the beta to have get the lyrics working</p> />
<div class="app-platforms"> <div>
<a href="https://github.com/jmshrv/finamp" <h4>Finamp</h4>
target="_blank">Everything</a> <p>
Cross-platform client, just make sure to
download the beta to have get the lyrics working
</p>
<div class="app-platforms">
<a
href="https://github.com/jmshrv/finamp"
target="_blank"
>Everything</a
>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<br /> <br />
<ul> <ul>
<li class="slide-up" style="animation-delay: 2.0s"> <li class="slide-up" style="animation-delay: 2s">
<a href="/"> <a href="/">
<strong>Back</strong> <strong>Back</strong>
</a>
</li>
</ul>
<div class="librecounter fade-in" style="animation-delay: 2.5s">
<span class="librecounter-text">
Indexed by
<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"
/>
</a> </a>
</li> </div>
</ul>
<div class="librecounter fade-in" style="animation-delay: 2.5s">
<span class="librecounter-text">
Indexed by
<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" />
</a>
</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" id="back-to-top"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> class="back-to-top"
<polyline points="18 15 12 9 6 15"></polyline> aria-label="Back to top"
</svg> title="Back to top"
</button> >
<svg
<script src="/refresh.js"></script> xmlns="http://www.w3.org/2000/svg"
<script src="/animations.js"></script> width="24"
</body> 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> </html>

View File

@@ -1,81 +1,101 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Krzak.org - Contact</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<head> <body>
<meta charset="utf-8" /> <div class="container fade-in">
<meta name="viewport" content="width=device-width, initial-scale=1" /> <h1 class="slide-down">
<title>Krzak.org - Contact</title> <span class="icon">
<link rel="stylesheet" href="/styles.css" /> <img src="/icon.svg" alt="krzak.org" />
</head> </span>
Krzak.org
</h1>
<p class="slide-down">Contact:</p>
<ul>
<li class="slide-up" style="animation-delay: 0.1s">
<a href="https://fedi.krzak.org/@krzak">
<strong>Fediverse</strong>
<span>@krzak@fedi.krzak.org</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.15s">
<a href="mailto:admin@krzak.org">
<strong>Mail</strong>
<span>admin@krzak.org</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.2s">
<a href="">
<strong>Discord</strong>
<span>n0va_bot</span>
</a>
</li>
</ul>
<p class="fade-in" style="animation-delay: 0.25s">Support:</p>
<ul>
<li class="slide-up" style="animation-delay: 0.3s">
<a href="https://liberapay.com/krzak">
<strong>Support</strong>
<span>Liberapay</span>
</a>
</li>
</ul>
<br />
<ul>
<li class="slide-up" style="animation-delay: 0.35s">
<a href="/">
<strong>Back</strong>
</a>
</li>
</ul>
<body> <div class="librecounter fade-in" style="animation-delay: 0.4s">
<div class="container fade-in"> <span class="librecounter-text">
<h1 class="slide-down"> Indexed by
<span class="icon"> <a
<img src="/icon.svg" alt="krzak.org" /> href="https://librecounter.org/referer/show"
</span> target="_blank"
Krzak.org >LibreCounter</a
</h1> >
<p class="slide-down">Contact:</p> </span>
<ul> <a href="https://librecounter.org/referer/show" target="_blank">
<li class="slide-up" style="animation-delay: 0.1s"> <img
<a href="https://fedi.krzak.org/@krzak"> src="https://librecounter.org/counter.svg"
<strong>Fediverse</strong> referrerpolicy="unsafe-url"
<span>@krzak@fedi.krzak.org</span> alt="LibreCounter"
</a> />
</li> </a>
<li class="slide-up" style="animation-delay: 0.15s"> </div>
<a href="mailto:admin@krzak.org"> </div>
<strong>Mail</strong>
<span>admin@krzak.org</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.2s">
<a href="">
<strong>Discord</strong>
<span>n0va_bot</span>
</a>
</li>
</ul>
<p class="fade-in" style="animation-delay: 0.25s">Support:</p>
<ul>
<li class="slide-up" style="animation-delay: 0.3s">
<a href="">
<strong>Blik</strong>
<span>+48 536 605 450</span>
</a>
</li>
</ul>
<br />
<ul>
<li class="slide-up" style="animation-delay: 0.35s">
<a href="/">
<strong>Back</strong>
</a>
</li>
</ul>
<div class="librecounter fade-in" style="animation-delay: 0.4s"> <!-- Back to top button -->
<span class="librecounter-text"> <button
Indexed by id="back-to-top"
<a href="https://librecounter.org/referer/show" target="_blank">LibreCounter</a> class="back-to-top"
</span> aria-label="Back to top"
<a href="https://librecounter.org/referer/show" target="_blank"> title="Back to top"
<img src="https://librecounter.org/counter.svg" referrerpolicy="unsafe-url" alt="LibreCounter" /> >
</a> <svg
</div> xmlns="http://www.w3.org/2000/svg"
</div> width="24"
height="24"
<!-- Back to top button --> viewBox="0 0 24 24"
<button id="back-to-top" class="back-to-top" aria-label="Back to top" title="Back to top"> fill="none"
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> stroke-width="2"
<polyline points="18 15 12 9 6 15"></polyline> stroke-linecap="round"
</svg> stroke-linejoin="round"
</button> >
<polyline points="18 15 12 9 6 15"></polyline>
<script src="/refresh.js"></script> </svg>
<script src="/animations.js"></script> </button>
</body>
<script src="/refresh.js"></script>
<script src="/animations.js"></script>
</body>
</html> </html>

View File

@@ -121,58 +121,64 @@
</a> </a>
</li> </li>
<li class="slide-up" style="animation-delay: 0.4s"> <li class="slide-up" style="animation-delay: 0.4s">
<a href="https://liberapay.com/krzak">
<strong>Support</strong>
<span>Liberapay</span>
</a>
</li>
<li class="slide-up" style="animation-delay: 0.45s">
<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.45s"> <li class="slide-up" style="animation-delay: 0.5s">
<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.5s"> <li class="slide-up" style="animation-delay: 0.55s">
<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.55s"> <li class="slide-up" style="animation-delay: 0.6s">
<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.6s"> <li class="slide-up" style="animation-delay: 0.65s">
<a href="/mc.html"> <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.65s"> <li class="slide-up" style="animation-delay: 0.7s">
<a href="/applications.html"> <a href="/applications.html">
<strong>Recommended applications</strong> <strong>Recommended applications</strong>
</a> </a>
</li> </li>
<li class="slide-up" style="animation-delay: 0.7s"> <li class="slide-up" style="animation-delay: 0.75s">
<a href="https://discord.gg/CY3Zr6baD7"> <a href="https://discord.gg/CY3Zr6baD7">
<strong>Discord server</strong> <strong>Discord server</strong>
</a> </a>
</li> </li>
<li class="slide-up" style="animation-delay: 0.75s"> <li class="slide-up" style="animation-delay: 0.8s">
<a href="/contact.html"> <a href="/contact.html">
<strong>Contact</strong> <strong>Contact</strong>
</a> </a>
</li> </li>
</ul> </ul>
<p class="fade-in" style="animation-delay: 0.75s"> <p class="fade-in" style="animation-delay: 0.85s">
If you want an account on any of these, want to suggest If you want an account on any of these, want to suggest
something new or get a subdomain, just message me something new or get a subdomain, just message me
</p> </p>
<div class="librecounter fade-in" style="animation-delay: 0.75s"> <div class="librecounter fade-in" style="animation-delay: 0.9s">
<span class="librecounter-text"> <span class="librecounter-text">
Indexed by Indexed by
<a <a