From 428bdaecd9602e49f1c7aedf7995303b7c14d9ae Mon Sep 17 00:00:00 2001
From: N0VA <n0va@krzak.org>
Date: Thu, 19 Feb 2026 12:26:37 +0100
Subject: [PATCH] Matrix

---
 applications.html    |  68 ++++++++++++-----------
 community/index.html | 126 +++++++++++++++++++++++++++++++++++++++++++
 dc.html              |  95 ++------------------------------
 discord.html         |  34 ++++++++----
 index.html           |   4 +-
 sitemap.xml          |   8 +++
 styles.css           |  40 ++++++++++++++
 7 files changed, 241 insertions(+), 134 deletions(-)
 create mode 100644 community/index.html

diff --git a/applications.html b/applications.html
index 32f9a34..23e63cd 100644
--- a/applications.html
+++ b/applications.html
@@ -66,7 +66,11 @@
                 <h2>Fediverse</h2>
                 <div class="app-gallery">
                     <!-- Aria -->
-                    <div class="app-card highlighted">
+                    <a
+                        href="https://github.com/poppingmoon/aria/"
+                        target="_blank"
+                        class="app-card highlighted"
+                    >
                         <img
                             src="https://raw.githubusercontent.com/poppingmoon/aria/main/assets/icons/aria.png"
                             alt="Aria icon"
@@ -75,33 +79,40 @@
                         <div>
                             <h4>Aria</h4>
                             <p>Better integration with Misskey/Sharkey.</p>
-                            <div class="app-platforms">
-                                <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"
-                                    target="_blank"
-                                    >Android</a
-                                >
-                                <a
-                                    href="https://github.com/poppingmoon/aria/releases/latest"
-                                    target="_blank"
-                                    >Desktop</a
-                                >
-                            </div>
-                        </div>                    
-                    </div>
+                        </div>
+                    </a>
                 </div>
             </div>
 
             <div class="slide-up" style="animation-delay: 1.5s">
+                <h2>Matrix</h2>
+                <div class="app-gallery">
+                    <a
+                        href="https://schildi.chat/legacy/"
+                        target="_blank"
+                        class="app-card highlighted"
+                    >
+                        <img
+                            src="https://f-droid.org/repo/de.spiritcroc.riotx/en-US/icon_akVffL81xWJAdB-zqATjtVRqaem6WJRxtXcm4O5BADw=.png"
+                            alt="SchildiChat Legacy icon"
+                            class="app-icon"
+                        />
+                        <div>
+                            <h4>SchildiChat Legacy</h4>
+                        </div>
+                    </a>
+                </div>
+            </div>
+
+            <div class="slide-up" style="animation-delay: 2s">
                 <h2>Music</h2>
                 <div class="app-gallery">
                     <!-- Finamp -->
-                    <div class="app-card highlighted">
+                    <a
+                        href="https://github.com/jmshrv/finamp"
+                        target="_blank"
+                        class="app-card highlighted"
+                    >
                         <img
                             src="https://raw.githubusercontent.com/jmshrv/finamp/54a1a24b8b501423a0c4b3a58e5748583d99a7f8/assets/icon/icon_foreground.svg"
                             alt="Finamp icon"
@@ -111,30 +122,23 @@
                             <h4>Finamp</h4>
                             <p>
                                 Cross-platform client, just make sure to
-                                download the beta to have get the lyrics working
+                                download the beta to have the lyrics working
                             </p>
-                            <div class="app-platforms">
-                                <a
-                                    href="https://github.com/jmshrv/finamp"
-                                    target="_blank"
-                                    >Everything</a
-                                >
-                            </div>
                         </div>
-                    </div>
+                    </a>
                 </div>
             </div>
 
             <br />
             <ul>
-                <li class="slide-up" style="animation-delay: 2s">
+                <li class="slide-up" style="animation-delay: 2.5s">
                     <a href="/">
                         <strong>Back</strong>
                     </a>
                 </li>
             </ul>
 
-            <div class="librecounter fade-in" style="animation-delay: 2.5s">
+            <div class="librecounter fade-in" style="animation-delay: 3s">
                 <span class="librecounter-text">
                     Indexed by
                     <a
diff --git a/community/index.html b/community/index.html
new file mode 100644
index 0000000..d8296ed
--- /dev/null
+++ b/community/index.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <title>Community | 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" />
+
+        <!-- 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"
+        />
+
+        <!-- PWA -->
+        <link rel="manifest" href="/manifest.json" />
+        <meta name="theme-color" content="#2a1a5e" />
+
+        <link rel="stylesheet" href="/styles.css" />
+    </head>
+
+    <body>
+        <div class="container fade-in">
+            <h1 class="slide-down">
+                <span class="icon">
+                    <img src="/icon.svg" alt="krzak.org" />
+                </span>
+                Krzak.org
+            </h1>
+            <p class="slide-down">Join the community on Discord or Matrix</p>
+            <ul>
+                <li class="slide-up" style="animation-delay: 0.1s">
+                    <a
+                        href="https://matrix.to/#/!FQlmqHwYODiSahGeim:krzak.org?via=krzak.org"
+                        class="matrix-link"
+                    >
+                        <strong>chat.krzak.org (Matrix)</strong>
+                        <span>#krzak.org</span>
+                    </a>
+                </li>
+                <li class="slide-up" style="animation-delay: 0.15s">
+                    <a href="https://discord.gg/CY3Zr6baD7" class="discord-link">
+                        <strong>Discord</strong>
+                        <span>discord.gg/CY3Zr6baD7</span>
+                    </a>
+                </li>
+                <li class="slide-up" style="animation-delay: 0.2s">
+                    <a href="/">
+                        <strong>Back</strong>
+                    </a>
+                </li>
+            </ul>
+
+            <!-- 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>
+        </div>
+    </body>
+</html>
diff --git a/dc.html b/dc.html
index 705ea95..24668f3 100644
--- a/dc.html
+++ b/dc.html
@@ -1,74 +1,12 @@
 <!doctype html>
 <html lang="en">
     <head>
-        <title>Redirecting to Discord | Krzak.org</title>
+        <title>Community | Krzak.org</title>
         <meta charset="utf-8" />
-        <meta
-            http-equiv="refresh"
-            content="0; url=https://discord.gg/CY3Zr6baD7"
-        />
+        <meta http-equiv="refresh" content="0; url=/community/" />
         <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" />
-
-        <!-- 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"
-        />
-
-        <!-- PWA -->
-        <link rel="manifest" href="/manifest.json" />
-        <meta name="theme-color" content="#2a1a5e" />
-
         <link rel="stylesheet" href="/styles.css" />
     </head>
-
     <body>
         <div class="container fade-in">
             <h1 class="slide-down">
@@ -77,34 +15,11 @@
                 </span>
                 Krzak.org
             </h1>
-            <p class="slide-down">Redirecting to the Discord server...</p>
+            <p class="slide-down">Redirecting to the community page...</p>
             <p class="fade-in" style="animation-delay: 0.1s">
-                If you are not redirected automatically, follow this
-                <a href="https://discord.gg/CY3Zr6baD7">link to Discord</a>.
+                If you are not redirected automatically, open
+                <a href="/community/">/community/</a>.
             </p>
-
-            <!-- 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>
         </div>
diff --git a/discord.html b/discord.html
index 705ea95..d8296ed 100644
--- a/discord.html
+++ b/discord.html
@@ -1,12 +1,8 @@
 <!doctype html>
 <html lang="en">
     <head>
-        <title>Redirecting to Discord | Krzak.org</title>
+        <title>Community | Krzak.org</title>
         <meta charset="utf-8" />
-        <meta
-            http-equiv="refresh"
-            content="0; url=https://discord.gg/CY3Zr6baD7"
-        />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
 
         <!-- Favicons -->
@@ -77,11 +73,29 @@
                 </span>
                 Krzak.org
             </h1>
-            <p class="slide-down">Redirecting to the Discord server...</p>
-            <p class="fade-in" style="animation-delay: 0.1s">
-                If you are not redirected automatically, follow this
-                <a href="https://discord.gg/CY3Zr6baD7">link to Discord</a>.
-            </p>
+            <p class="slide-down">Join the community on Discord or Matrix</p>
+            <ul>
+                <li class="slide-up" style="animation-delay: 0.1s">
+                    <a
+                        href="https://matrix.to/#/!FQlmqHwYODiSahGeim:krzak.org?via=krzak.org"
+                        class="matrix-link"
+                    >
+                        <strong>chat.krzak.org (Matrix)</strong>
+                        <span>#krzak.org</span>
+                    </a>
+                </li>
+                <li class="slide-up" style="animation-delay: 0.15s">
+                    <a href="https://discord.gg/CY3Zr6baD7" class="discord-link">
+                        <strong>Discord</strong>
+                        <span>discord.gg/CY3Zr6baD7</span>
+                    </a>
+                </li>
+                <li class="slide-up" style="animation-delay: 0.2s">
+                    <a href="/">
+                        <strong>Back</strong>
+                    </a>
+                </li>
+            </ul>
 
             <!-- Back to top button -->
             <button
diff --git a/index.html b/index.html
index 2ee962d..778596b 100755
--- a/index.html
+++ b/index.html
@@ -115,8 +115,8 @@
                     </a>
                 </li>
                 <li class="slide-up" style="animation-delay: 0.35s">
-                    <a href="/discord.html" class="discord-link">
-                        <strong>Discord server</strong>
+                    <a href="/community/" class="matrix-link">
+                        <strong>Community (Discord + Matrix)</strong>
                     </a>
                 </li>
                 <li class="slide-up" style="animation-delay: 0.4s">
diff --git a/sitemap.xml b/sitemap.xml
index 3de74b2..8109338 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -12,6 +12,14 @@
         <loc>https://krzak.org/contact.html</loc>
         <lastmod>2025-11-19</lastmod>
     </url>
+    <url>
+        <loc>https://krzak.org/community/</loc>
+        <lastmod>2026-02-19</lastmod>
+    </url>
+    <url>
+        <loc>https://krzak.org/discord.html</loc>
+        <lastmod>2026-02-19</lastmod>
+    </url>
     <url>
         <loc>https://krzak.org/mc.html</loc>
         <lastmod>2025-11-19</lastmod>
diff --git a/styles.css b/styles.css
index 27f4286..3e38a5f 100644
--- a/styles.css
+++ b/styles.css
@@ -769,6 +769,46 @@ li a span {
     z-index: 1;
 }
 
+/* --- Matrix Link - Highlighted Primary --- */
+.matrix-link {
+    background: linear-gradient(
+        135deg,
+        rgba(76, 175, 80, 0.28) 0%,
+        rgba(139, 195, 74, 0.24) 100%
+    ) !important;
+    border: 2px solid rgba(139, 195, 74, 0.7) !important;
+    position: relative;
+    box-shadow: 0 0 25px rgba(139, 195, 74, 0.35) !important;
+}
+
+.matrix-link::after {
+    background: linear-gradient(
+        90deg,
+        transparent,
+        rgba(197, 225, 165, 0.4),
+        transparent
+    ) !important;
+}
+
+.matrix-link:hover {
+    border-color: rgba(197, 225, 165, 0.95) !important;
+    box-shadow: 0 0 36px rgba(139, 195, 74, 0.55) !important;
+    background: linear-gradient(
+        135deg,
+        rgba(76, 175, 80, 0.38) 0%,
+        rgba(139, 195, 74, 0.34) 100%
+    ) !important;
+}
+
+.matrix-link strong {
+    color: #dcedc8 !important;
+}
+
+.matrix-link span {
+    color: #f1f8e9 !important;
+    opacity: 0.95 !important;
+}
+
 /* --- Applications Link - App Grid Theme --- */
 .applications-link {
     background: linear-gradient(