diff --git a/landing/index.html b/landing/index.html index c2bf7de..87df2d9 100644 --- a/landing/index.html +++ b/landing/index.html @@ -150,9 +150,7 @@ transition: border-color 0.2s; } - .step-text a:hover { - border-bottom-color: #c44; - } + .step-text a:hover { border-bottom-color: #c44; } .or-divider { display: flex; @@ -255,57 +253,112 @@ .tag { font-size: 0.65rem; - background: rgba(255,255,255,0.15); + background: rgba(255,255,255,0.12); + border: 1px solid rgba(255,255,255,0.12); padding: 2px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.05em; - color: #eee; + color: #ccc; } .tag.voice { - background: rgba(0, 180, 120, 0.25); - border: 1px solid rgba(0, 180, 120, 0.4); + background: rgba(0, 180, 120, 0.2); + border-color: rgba(0, 180, 120, 0.4); color: #5effc4; } - .client-group { - margin-bottom: 14px; + .tag.beta { + background: rgba(255, 180, 0, 0.15); + border: 1px solid rgba(255, 180, 0, 0.3); + color: #ffcc55; } - .client-group-label { - font-size: 0.78rem; - color: #666; - margin-bottom: 8px; - line-height: 1.4; + .tag.rust { + background: rgba(80, 140, 255, 0.15); + border: 1px solid rgba(80, 140, 255, 0.3); + color: #88aaff; } - .client-links { + .tag.experimental { + background: rgba(255, 140, 0, 0.15); + border: 1px solid rgba(255, 140, 0, 0.3); + color: #ffaa44; + } + + .tag.platform { + background: rgba(255,255,255,0.06); + border: 1px solid rgba(255,255,255,0.1); + color: #888; + } + + /* Secondary client cards */ + .client-cards { display: flex; + flex-direction: column; + gap: 8px; + margin-bottom: 4px; + } + + .client-card { + display: flex; + flex-direction: column; + gap: 6px; + background: rgba(255,255,255,0.025); + border: 1px solid rgba(255,255,255,0.06); + border-radius: 10px; + padding: 12px 14px; + text-align: left; + transition: border-color 0.2s; + } + + .client-card:hover { border-color: rgba(152,0,0,0.3); } + + .client-card-top { + display: flex; + align-items: center; + justify-content: space-between; gap: 10px; - justify-content: center; flex-wrap: wrap; } - .client-links a { - display: inline-flex; - align-items: center; - gap: 6px; - background: rgba(152, 0, 0, 0.08); - border: 1px solid rgba(152, 0, 0, 0.2); - color: #ccc; + .client-card-name { + font-size: 0.95rem; + font-weight: 600; + color: #e0e0e0; text-decoration: none; - padding: 9px 16px; - border-radius: 8px; - font-size: 0.85rem; - transition: all 0.25s ease; + border-bottom: 1px solid rgba(204,68,68,0.25); + transition: color 0.2s, border-color 0.2s; } - .client-links a:hover { - background: rgba(152, 0, 0, 0.18); - border-color: rgba(152, 0, 0, 0.45); - color: #fff; - transform: translateY(-1px); + .client-card-name:hover { + color: #c44; + border-bottom-color: #c44; + } + + .client-card-tags { + display: flex; + gap: 5px; + flex-wrap: wrap; + } + + .client-card-desc { + font-size: 0.8rem; + color: #666; + line-height: 1.45; + } + + .client-group { + margin-bottom: 18px; + } + + .client-group-label { + font-size: 0.75rem; + color: #555; + text-transform: uppercase; + letter-spacing: 0.1em; + margin-bottom: 8px; + line-height: 1.4; } .space-join { @@ -339,6 +392,20 @@ color: #fff; } + .security-note { + margin-top: 14px; + padding: 10px 14px; + background: rgba(80, 140, 255, 0.04); + border: 1px solid rgba(80, 140, 255, 0.12); + border-radius: 8px; + font-size: 0.76rem; + color: #556; + line-height: 1.5; + text-align: left; + } + + .security-note strong { color: #88aaff; } + .all-clients { margin-top: 14px; } @@ -480,9 +547,8 @@ .logo { width: 110px; height: 110px; } h1 { font-size: 1.5rem; } .card { padding: 24px 18px; } - .client-links { flex-direction: column; } - .client-links a { justify-content: center; } .or-divider, .option-block { margin-left: 0; } + .client-card-top { flex-direction: column; align-items: flex-start; } } @@ -523,10 +589,11 @@
Lotus Guild Chat - Cinny — hosted for you, no setup required + Cinny v4.11.1 — hosted for you, no setup required - Desktop & Web - Voice & Video Calls + Desktop & Web + Voice & Video Rooms + Discord-like UI Recommended @@ -544,22 +611,88 @@

Mobile — iOS & Android

-
- Element X - FluffyChat - Commet Beta +
+
+
+ Element X +
+ iOS + Android + Rust SDK + Voice & Video +
+
+

Fastest Matrix client. Native MatrixRTC calls and screenshare. Modern Rust encryption (Vodozemac). Spaces and Threads in active development.

+
+
+
+ FluffyChat +
+ iOS + Android + Rust SDK + Calls Experimental +
+
+

Simple, cross-platform, beginner-friendly. Rust encryption (Vodozemac). Voice/video calls are experimental — call support depends on your homeserver.

+
-

Desktop alternatives

-
- Element - Commet Beta - SchildiChat +

Discord-like — Android, Windows & Linux

+
+
+
+ Commet +
+ Android + Windows + Linux + Beta + Voice & Video +
+
+

Closest Discord replacement. Multi-account, GIF search (privacy-respecting proxy), shared calendars and photo albums. No iOS or macOS yet.

+
+
+

Desktop — Windows, macOS & Linux

+
+
+
+ Element +
+ Windows + macOS + Linux + Web + Voice, Video & Screenshare +
+
+

Most feature-complete Matrix client. Every spec feature supported. Heavier on resources than alternatives.

+
+
+
+ Nheko +
+ Windows + macOS + Linux + Voice & Video +
+
+

Native C++/Qt client. Lightweight alternative to Electron-based apps. Recommended for Linux/KDE users who want low resource usage.

+
+
+
+ +
+ Encryption note: Element X, FluffyChat, and Commet use Vodozemac — the Rust implementation of Matrix encryption. Element Web/Desktop and Cinny use matrix-js-sdk, which is undergoing a migration to the Rust SDK. Rust-based clients have a stronger cryptographic track record. +
+

View all Matrix clients →

@@ -582,7 +715,7 @@
Media Retention
-
3 yr local · 1 yr remote
+
3 yr local · 1 yr remote
Federation
@@ -596,12 +729,12 @@
No ads or tracking No data sold - E2EE — server cannot read encrypted rooms + E2EE — server cannot read encrypted rooms
- This service is provided "as-is" with no uptime guarantee. Not for emergency use — do not use to contact emergency services (e.g. 911). Use is governed by our Terms of Service and Privacy Policy. Governing law: State of Ohio, United States. + This service is provided "as-is" with no uptime guarantee. Not for emergency use — do not use to contact emergency services (e.g. 911). Use is governed by our Terms of Service and Privacy Policy. Governing law: State of Ohio, United States.