From 12f23bf579f266ef94c00633ff090307150a2d41 Mon Sep 17 00:00:00 2001
From: Archos <archos@arch-linux.cz>
Date: Sat, 25 Apr 2026 10:42:54 +0200
Subject: [PATCH] feat(web): redesign landing page with logo and grouped
 buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- add OSCloud logo above title
- shorten intro text
- group buttons into 4 logical sections
- fix CSS link, footer, duplicate header bugs
- add Návody, #podpora:mxchat.cz, Mastodon links
---
 index.html | 59 +++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 21 deletions(-)
diff --git a/index.html b/index.html
index 17bce71..ef735a1 100755
--- a/index.html
+++ b/index.html
@@ -22,9 +22,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Mxchat Cz</title>
+    <title>Mxchat CZ — komunitní šifrovaný chat</title>
+    <meta name="description" content="Mxchat.cz je komunitní šifrovaný chat postavený na protokolu Matrix. Provozuje OSCloud kolektiv." />
     <script defer src="https://analytics.oscloud.cz/script.js" data-website-id="d11917fd-7d35-485d-b288-d71eaf85a56d"></script>
     <link rel="stylesheet" type="text/css" href="./style/alt.style.css" />
+    <link rel="icon" type="image/x-icon" href="./res/site/icons/favicon.ico" />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
@@ -32,39 +34,54 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
       crossorigin="anonymous"
     />
   </head>
-
   <body>
     <header class="page-header" role="banner">
+      <img src="./index/img/logo_oscloud.png" alt="OSCloud"
+        style="max-width: 150px; height: auto; display: block; margin: 0 auto -0.5em auto;" />
       <h1 class="project-name">Mxchat CZ</h1>
-      <h2 class="project-tagline">Mxchat je platforma postavená na protokolu Matrix, která poskytuje bezpečnou a decentralizovanou komunikaci. Mxchat je open-source přemosťovací řešení pro messaging aplikace, které klade důraz na bezpečnost a soukromí. MXchat podporuje sliding sync</h2>
-    </header>
-    <h2 class="project-tagline">Umožňuje vám psát na klienty jako Discord, WhatsApp, Telegram, Signal, Facebook Messenger, Google Chat a Google Messages z jednoho místa. S Mxchat máte jistotu, že vaše komunikace je bezpečná a šifrovaná.</h2>
+      <h2 class="project-tagline">
+        Komunitní šifrovaný chat postavený na protokolu Matrix.
+        Provozuje kolektiv OSCloud.
+      </h2>
     </header>
+
     <div class="spacer"></div>
 
     <div class="main-content">
+
       <nav>
-        <a href="/index/news/news.html" class="btn">Novinky na Mxchatu</a>
-      </nav>
-      <nav>
-        <a href="/index/about/index.html" class="btn">O Mxchat</a>
-        <a href="/index/Bridges/index.html" class="btn">Bridges</a>
         <a href="/index/registrace/registrace.html" class="btn">Registrace</a>
-      </nav>
-      <nav>
-        <a href="/index/privacy-policy/index.html" class="btn">Privacy Policy</a>
-        <a href="/index/podminky/index.html" class="btn">Podmínky služby</a>
-        <a href="/index/Pravidla/index.html" class="btn">Pravidla</a>
-        <a href="/index/podpora/index.html" class="btn">Jak podpořit Mxchat</a>
-      </nav>
-      <nav>
-        <a href="/index/kontakty/index.html" class="btn">Kontakty</a>
+        <a href="/index/navody/index.html" class="btn">Návody</a>
         <a href="/index/FAQ/FAQ.html" class="btn">FAQ</a>
       </nav>
+
+      <nav>
+        <a href="/index/about/index.html" class="btn">O Mxchat</a>
+        <a href="/index/Bridges/index.html" class="btn">Mosty</a>
+        <a href="/index/news/news.html" class="btn">Novinky</a>
+        <a href="/index/podpora/index.html" class="btn">Podpořit</a>
+      </nav>
+
+      <nav>
+        <a href="/index/kontakty/index.html" class="btn">Kontakty</a>
+        <a href="https://matrix.to/#/#podpora:mxchat.cz" class="btn" target="_blank" rel="noopener">#podpora:mxchat.cz</a>
+        <a href="https://mamutovo.cz/@mxchatcz" class="btn" target="_blank" rel="noopener">Mastodon</a>
+      </nav>
+
+      <nav>
+        <a href="/index/Pravidla/index.html" class="btn">Pravidla</a>
+        <a href="/index/podminky/index.html" class="btn">Podmínky služby</a>
+        <a href="/index/privacy-policy/index.html" class="btn">Privacy Policy</a>
+      </nav>
+
     </div>
+
     <footer class="site-footer">
-        <p>Copyright &copy; 2024-2026 Oscloud <a href="https://git.arch-linux.cz/Oscloud/web-mxchat" class="" target="_blank"
-          ><i class="fa fa-gitea"></i> Gitea</</p>
+      <p>Copyright &copy; 2024-2026 Oscloud
+        <a href="https://git.arch-linux.cz/Oscloud/web-mxchat" target="_blank" rel="noopener">
+          <i class="fa fa-gitea"></i> Gitea
+        </a>
+      </p>
     </footer>
   </body>
 </html>
