inst

static/index.html

@@ -20,6 +20,11 @@
       <h1>Chattz</h1>
       <p>Sign in to open your servers.</p>
       <button id="login-btn">Login with Authentik</button>
+      <div class="auth-downloads">
+        <span>Desktop downloads:</span>
+        <a href="/static/installers/chattz-windows.exe">Windows</a>
+        <a href="/static/installers/chattz-linux.rpm">Linux (RPM)</a>
+      </div>
       <p id="status" class="status-line"></p>
     </div>
   </div>
@@ -263,4 +268,4 @@
   <script src="/static/app.js" defer></script>
 </body>
 
-</html>
+</html>

static/styles.css

@@ -190,6 +190,27 @@ select {
   transform: translateY(0);
 }
 
+.auth-downloads {
+  margin: 14px 0 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  flex-wrap: wrap;
+  font-size: 13px;
+  color: var(--text-muted);
+}
+
+.auth-downloads a {
+  color: var(--text-link);
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.auth-downloads a:hover {
+  text-decoration: underline;
+}
+
 /* ═══════════════════════════════════════════════════════════ */
 /*  Main Layout                                               */
 /* ═══════════════════════════════════════════════════════════ */
@@ -1526,4 +1547,4 @@ select {
   .chat-header {
     padding: 0 8px;
   }
-}
+}