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,28 +1,56 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head>
<title>Krzak.org - Recommended Applications</title> <title>Krzak.org - Recommended Applications</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" />
<!-- PWA --> <!-- PWA -->
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#2a1a5e" /> <meta name="theme-color" content="#2a1a5e" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
</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">
@@ -34,46 +62,73 @@
If you know of better applications, let me know! If you know of better applications, let me know!
</p> </p>
<div class="slide-up" style="animation-delay: 1.0s"> <div class="slide-up" style="animation-delay: 1s">
<h2>Fediverse</h2> <h2>Fediverse</h2>
<div class="app-gallery"> <div class="app-gallery">
<!-- Aria --> <!-- Aria -->
<div class="app-card highlighted"> <div class="app-card highlighted">
<img src="https://raw.githubusercontent.com/poppingmoon/aria/main/assets/icons/aria.png" <img
alt="Aria icon" class="app-icon" /> src="https://raw.githubusercontent.com/poppingmoon/aria/main/assets/icons/aria.png"
alt="Aria icon"
class="app-icon"
/>
<div> <div>
<h4>Aria</h4> <h4>Aria</h4>
<p>Better integration with Misskey/Sharkey.</p> <p>Better integration with Misskey/Sharkey.</p>
<div class="app-platforms"> <div class="app-platforms">
<a href="https://apps.apple.com/app/aria-for-misskey/id6499410880" target="_blank">iOS</a> <a
<a href="https://play.google.com/store/apps/details?id=com.poppingmoon.aria" href="https://apps.apple.com/app/aria-for-misskey/id6499410880"
target="_blank">Android</a> target="_blank"
<a href="https://github.com/poppingmoon/aria/releases/latest" target="_blank">Desktop</a> >iOS</a
>
<a
href="https://play.google.com/store/apps/details?id=com.poppingmoon.aria"
target="_blank"
>Android</a
>
<a
href="https://github.com/poppingmoon/aria/releases/latest"
target="_blank"
>Desktop</a
>
</div> </div>
</div> </div>
</div> </div>
<!-- Ice Cubes --> <!-- Ice Cubes -->
<div class="app-card"> <div class="app-card">
<img src="https://raw.githubusercontent.com/Dimillian/IceCubesApp/refs/heads/main/Images/AppIcon.png" <img
alt="Ice Cubes icon" class="app-icon" /> src="https://raw.githubusercontent.com/Dimillian/IceCubesApp/refs/heads/main/Images/AppIcon.png"
alt="Ice Cubes icon"
class="app-icon"
/>
<div> <div>
<h4>Ice Cubes</h4> <h4>Ice Cubes</h4>
<p>Native UI.</p> <p>Native UI.</p>
<div class="app-platforms"> <div class="app-platforms">
<a href="https://apps.apple.com/pl/app/ice-cubes-for-mastodon/id6444915884" <a
target="_blank">iOS</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 src="https://joinmastodon.org/logos/logo-purple.svg" alt="Mastodon icon" class="app-icon" /> <img
src="https://joinmastodon.org/logos/logo-purple.svg"
alt="Mastodon icon"
class="app-icon"
/>
<div> <div>
<h4>Mastodon</h4> <h4>Mastodon</h4>
<p>Native UI.</p> <p>Native UI.</p>
<div class="app-platforms"> <div class="app-platforms">
<a href="https://play.google.com/store/apps/details?id=org.joinmastodon.android&hl=en" <a
target="_blank">Android</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>
@@ -85,14 +140,23 @@
<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"
alt="Finamp icon"
class="app-icon"
/>
<div> <div>
<h4>Finamp</h4> <h4>Finamp</h4>
<p>Cross-platform client, just make sure to download the beta to have get the lyrics working</p> <p>
Cross-platform client, just make sure to
download the beta to have get the lyrics working
</p>
<div class="app-platforms"> <div class="app-platforms">
<a href="https://github.com/jmshrv/finamp" <a
target="_blank">Everything</a> href="https://github.com/jmshrv/finamp"
target="_blank"
>Everything</a
>
</div> </div>
</div> </div>
</div> </div>
@@ -101,7 +165,7 @@
<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> </a>
@@ -111,24 +175,45 @@
<div class="librecounter fade-in" style="animation-delay: 2.5s"> <div class="librecounter fade-in" style="animation-delay: 2.5s">
<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" id="back-to-top"
stroke="currentColor" 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>

View File

@@ -1,14 +1,13 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head>
<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" />
<title>Krzak.org - Contact</title> <title>Krzak.org - Contact</title>
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
</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">
@@ -40,9 +39,9 @@
<p class="fade-in" style="animation-delay: 0.25s">Support:</p> <p class="fade-in" style="animation-delay: 0.25s">Support:</p>
<ul> <ul>
<li class="slide-up" style="animation-delay: 0.3s"> <li class="slide-up" style="animation-delay: 0.3s">
<a href=""> <a href="https://liberapay.com/krzak">
<strong>Blik</strong> <strong>Support</strong>
<span>+48 536 605 450</span> <span>Liberapay</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -58,24 +57,45 @@
<div class="librecounter fade-in" style="animation-delay: 0.4s"> <div class="librecounter fade-in" style="animation-delay: 0.4s">
<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>

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