dandri/simplex-chat
1
0
Fork 0
mirror of https://github.com/simplex-chat/simplex-chat.git synced 2026-10-20 14:32:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

website: update home page (#7724)

Browse Source 
* website: update home page

* update

---------

Co-authored-by: Evgeny @ SimpleX Chat <259188159+evgeny-simplex@users.noreply.github.com>
This commit is contained in:
Evgeny
2026-10-15 12:50:38 +01:00
committed by GitHub
co-authored by Evgeny @ SimpleX Chat
parent e8c98e8231
commit 41f0c429b3
23 changed files with 507 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/langs/ar.json
+8 -2
View File
@@ -261,7 +261,13 @@
"about-and-contact-us": "عن واتصل بنا",
"index-hero-h1": "كن<br>حراً",
"index-hero-h2": "في شبكتك",
"index-hero-p1": "أول شبكة بدون معرّفات مستخدمين.<br>أنت تملك جهات اتصالك ومجموعاتك وقنواتك.",
"index-hero-p1": "<span class=\"nowrap\">شبكة المراسلة الوحيدة</span> <span class=\"nowrap\">بدون أي معرّفات للمستخدمين.</span><br>أنت تملك جهات اتصالك ومجموعاتك وقنواتك.",
"index-hero-own-part": "امتلك جزءًا منها.",
"index-hero-invest": "استثمر في SimpleX Chat.",
"index-hero-downloads": "تنزيلات",
"index-hero-monthly-users": "مستخدمون شهريًا",
"index-hero-countdown-lead": "إطلاق نطاقات SimpleX",
"index-hero-countdown-done": "احصل على نطاق SimpleX",
"index-hero-download-desktop-btn-title": "نزّل تطبيق سطح مكتب SimpleX",
"index-testflight-title": "إصدار SimpleX التجريبي ل iOS على TestFlight",
"index-f-droid-title": "تطبيق SimpleX من خلال F-Droid",
@@ -296,7 +302,7 @@
"index-roadmap-3-title": "اجعل مجتمعاتك تنمو",
"index-roadmap-3-desc": "أدوات لتعزيز مجتمعاتك",
"index-directory-h2": "انضم إلى مجتمعات SimpleX",
"index-directory-p1": "أكثر من 2 مليون شخص قاموا بتنزيل تطبيقات SimpleX.",
"index-directory-p1": "أكثر من 3 ملايين شخص قاموا بتنزيل تطبيقات SimpleX.",
"index-directory-p2": "ابحث عن قنواتك ومجتمعاتك في الدليل وأنشئ قنواتك الخاصة!",
"index-directory-cta": "اعرض دليل SimpleX",
"index-directory-users-group-title": "مجموعة مستخدمي SimpleX",
website/langs/cs.json
+8 -2
View File
@@ -262,7 +262,13 @@
"navbar-token": "Token",
"index-hero-h1": "<div class=\"small\">Žijte<br>svobodně</dev>",
"index-hero-h2": "Ve Své Síti",
"index-hero-p1": "První síť bez uživatelských ID.<br>Vaše kontakty, skupiny a kanály patří vám.",
"index-hero-p1": "<span class=\"nowrap\">Jediná síť pro zasílání zpráv</span> <span class=\"nowrap\">bez jakýchkoli uživatelských identifikátorů.</span><br>Vaše kontakty, skupiny a kanály patří vám.",
"index-hero-own-part": "Vlastněte její část.",
"index-hero-invest": "Investujte do SimpleX Chat.",
"index-hero-downloads": "Stažení",
"index-hero-monthly-users": "Uživatelů měsíčně",
"index-hero-countdown-lead": "Spuštění domén SimpleX",
"index-hero-countdown-done": "Získejte doménu SimpleX",
"index-hero-download-desktop-btn-title": "Stáhněte si desktopovou aplikaci SimpleX",
"index-testflight-title": "Beta verze SimpleX pro iOS na TestFlight",
"index-f-droid-title": "Stáhnout aplikaci SimpleX přes F-Droid",
@@ -300,7 +306,7 @@
"index-roadmap-3-title": "Pomozte své komunitě růst",
"index-roadmap-3-desc": "Nástroje na podporu vašich komunit",
"index-directory-h2": "Zapojte se do komunit SimpleX",
"index-directory-p1": "Více než 2 miliony lidí si stáhly aplikace SimpleX.",
"index-directory-p1": "Více než 3 miliony lidí si stáhly aplikace SimpleX.",
"index-directory-p2": "Najděte své kanály a komunity v katalogu a vytvořte si vlastní!",
"index-directory-cta": "Zobrazit katalog SimpleX",
"index-directory-users-group-title": "Uživatelské skupiny SimpleX",
website/langs/de.json
+7 -2
View File
@@ -261,7 +261,12 @@
"directory": "Verzeichnis",
"index-hero-h1": "Sei<br>frei",
"index-hero-h2": "In Deinem Netzwerk",
"index-hero-p1": "Das erste Netzwerk ohne Benutzer-IDs.<br>Ihre Kontakte, Gruppen und Kanäle gehören Ihnen.",
"index-hero-p1": "<span class=\"nowrap\">Das einzige Messaging-Netzwerk</span> <span class=\"nowrap\">ohne jegliche Benutzerkennungen.</span><br>Ihre Kontakte, Gruppen und Kanäle gehören Ihnen.",
"index-hero-own-part": "Besitzen Sie einen Teil davon.",
"index-hero-downloads": "Downloads",
"index-hero-monthly-users": "Monatliche Nutzer",
"index-hero-countdown-lead": "Start der SimpleX-Domains",
"index-hero-countdown-done": "SimpleX-Domain sichern",
"index-hero-download-desktop-btn-title": "Download der SimpleX Desktop-App",
"index-testflight-title": "Öffentlicher iOS-Preview auf TestFlight",
"index-f-droid-title": "SimpleX-App über das F-Droid-Repository",
@@ -299,7 +304,7 @@
"index-roadmap-3-title": "Lassen Sie Ihre Communitys wachsen",
"index-roadmap-3-desc": "Tools zur Förderung Ihrer Communitys",
"index-directory-h2": "Treten Sie SimpleX-Communitys bei",
"index-directory-p1": "Mehr als 2 Millionen Nutzer haben schon SimpleX-Apps heruntergeladen.",
"index-directory-p1": "Mehr als 3 Millionen Nutzer haben schon SimpleX-Apps heruntergeladen.",
"index-directory-p2": "Finden Sie Kanäle und Communitys im Verzeichnis oder erstellen Sie Ihre Eigenen!",
"index-directory-cta": "SimpleX-Verzeichnis anzeigen",
"index-directory-users-group-title": "SimpleX-Nutzergruppe",
website/langs/en.json
+8 -2
View File
@@ -255,6 +255,7 @@
"stable-and-beta-versions-built-by-developers": "Stable and beta versions built by the developers",
"f-droid-page-simplex-chat-repo-section-text": "To add it to your F-Droid client, <span class=\"hide-on-mobile\">scan the QR code or</span> use this URL:",
"signing-key-fingerprint": "Signing key fingerprint (SHA-256)",
"f-droid-page-apk-text": "Or download the APK directly:",
"f-droid-org-repo": "F-Droid.org repo",
"stable-versions-built-by-f-droid-org": "Stable versions built by F-Droid.org",
"releases-to-this-repo-are-done-1-2-days-later": "The releases to this repo are done several days later",
@@ -264,9 +265,14 @@
"please-use-link-in-mobile-app": "Please use the link in the mobile app",
"index-hero-h1": "Be<br>Free",
"index-hero-h2": "In Your Network",
"index-hero-p1": "The first network without user IDs.<br>You own your contacts, groups and channels.",
"index-hero-p1": "<span class=\"nowrap\">The only messaging network</span> <span class=\"nowrap\">without any user identifiers.</span><br>You own your contacts, groups and channels.",
"index-hero-invest": "Invest in SimpleX Chat.",
"index-hero-invest-cta": "Learn more on Wefunder.",
"index-hero-own-part": "Own a part of it.",
"index-hero-downloads": "Downloads",
"index-hero-monthly-users": "Monthly users",
"index-hero-countdown-lead": "SimpleX domains launch",
"index-hero-countdown-done": "Get SimpleX domain",
"index-hero-download-desktop-btn-title": "Download SimpleX Desktop App",
"index-testflight-title": "SimpleX iOS beta-release on TestFlight",
"index-f-droid-title": "SimpleX app via F-Droid",
@@ -304,7 +310,7 @@
"index-roadmap-3-title": "Make Your Communities Grow",
"index-roadmap-3-desc": "Tools to promote your communities",
"index-directory-h2": "Join SimpleX Communities",
"index-directory-p1": "More than 2 million people downloaded SimpleX apps.",
"index-directory-p1": "More than 3 million people downloaded SimpleX apps.",
"index-directory-p2": "Find your channels and communities in directory and create your own!",
"index-directory-cta": "View SimpleX Directory",
"index-directory-users-group-title": "SimpleX users group",
website/langs/es.json
+7 -2
View File
@@ -261,7 +261,12 @@
"about-and-contact-us": "Quiénes somos & Contacto",
"index-hero-h1": "Sé<br>Libre",
"index-hero-h2": "En Tu Red",
"index-hero-p1": "La primera red sin IDs de usuario.<br>Tus contactos, grupos y canales te pertenecen.",
"index-hero-p1": "<span class=\"nowrap\">La única red de mensajería</span> <span class=\"nowrap\">sin ningún identificador de usuario.</span><br>Tus contactos, grupos y canales te pertenecen.",
"index-hero-own-part": "Hazte dueño de una parte.",
"index-hero-downloads": "Descargas",
"index-hero-monthly-users": "Usuarios mensuales",
"index-hero-countdown-lead": "Lanzamiento de dominios SimpleX",
"index-hero-countdown-done": "Obtén un dominio SimpleX",
"index-hero-download-desktop-btn-title": "Descargar SimpleX Desktop App",
"index-testflight-title": "Betas SimpleX para iOS en TestFlight",
"index-f-droid-title": "SimpleX app vía F-Droid",
@@ -299,7 +304,7 @@
"index-roadmap-3-title": "Haz Crecer Tus Comunidades",
"index-roadmap-3-desc": "Herramientas para la promoción",
"index-directory-h2": "Únete a las Comunidades SimpleX",
"index-directory-p1": "Más de 2 millones de personas descargaron las aplicaciones SimpleX.",
"index-directory-p1": "Más de 3 millones de personas descargaron las aplicaciones SimpleX.",
"index-directory-p2": "¡Encuentra tus canales y comunidades en el directorio y crea los tuyos!",
"index-directory-cta": "Ir al Directorio SimpleX",
"index-directory-users-group-title": "SimpleX users group",
website/langs/fr.json
+7 -2
View File
@@ -263,7 +263,12 @@
"about-and-contact-us": "À propos & Contactez-nous",
"index-hero-h1": "Soyez<br>Libre",
"index-hero-h2": "Dans Votre Réseau",
"index-hero-p1": "Le premier réseau sans identifiants d'utilisateur.<br>Vos contacts, groupes et canaux vous appartiennent.",
"index-hero-p1": "<span class=\"nowrap\">Le seul réseau de messagerie</span> <span class=\"nowrap\">sans aucun identifiant d'utilisateur.</span><br>Vos contacts, groupes et canaux vous appartiennent.",
"index-hero-own-part": "Possédez-en une part.",
"index-hero-downloads": "Téléchargements",
"index-hero-monthly-users": "Utilisateurs mensuels",
"index-hero-countdown-lead": "Lancement des domaines SimpleX",
"index-hero-countdown-done": "Obtenez un domaine SimpleX",
"index-hero-download-desktop-btn-title": "Téléchargez l’application de bureau SimpleX",
"index-testflight-title": "Version bêta de SimpleX pour iOS sur TestFlight",
"index-f-droid-title": "Application SimpleX via F-Droid",
@@ -301,7 +306,7 @@
"index-token-cta-cf": "Investir dans SimpleX Chat",
"index-token-p2": "Cela couvrira l'infrastructure, le développement logiciel et la gouvernance du réseau.",
"index-directory-h2": "Rejoindre les communautés SimpleX",
"index-directory-p1": "Plus de 2 millions de personnes ont téléchargé les applications SimpleX.",
"index-directory-p1": "Plus de 3 millions de personnes ont téléchargé les applications SimpleX.",
"index-directory-p2": "Trouvez vos chaînes et communautés dans l'annuaire et créez-en les vôtres !",
"index-directory-cta": "Afficher l’annuaire SimpleX",
"index-directory-users-group-title": "Groupe d'utilisateurs SimpleX",
website/langs/hu.json
+7 -2
View File
@@ -260,7 +260,12 @@
"directory": "Csoportjegyzék",
"about-and-contact-us": "Névjegy és kapcsolat",
"index-hero-h1": "<div class=\"medium\">Legyen<br>szabad</div>",
"index-hero-p1": "Az első hálózat felhasználói azonosítók nélkül.<br>A saját partnerei, csoportjai és csatornái felett Ön rendelkezik.",
"index-hero-p1": "<span class=\"nowrap\">Az egyetlen üzenetküldő hálózat</span> <span class=\"nowrap\">semmilyen felhasználói azonosító nélkül.</span><br>A saját partnerei, csoportjai és csatornái felett Ön rendelkezik.",
"index-hero-own-part": "Legyen résztulajdonos.",
"index-hero-downloads": "Letöltés",
"index-hero-monthly-users": "Havi felhasználó",
"index-hero-countdown-lead": "A SimpleX domainek indulása",
"index-hero-countdown-done": "Szerezzen SimpleX domaint",
"index-hero-download-desktop-btn-title": "SimpleX számítógépes alkalmazásának letöltése",
"index-security-assessment-title": "Biztonsági auditok",
"index-security-review-2022-title": "Biztonsági audit 2022",
@@ -299,7 +304,7 @@
"index-roadmap-3-title": "Közösségek növelése",
"index-roadmap-3-desc": "Eszközök biztosítása a közösségek népszerűsítéséhez",
"index-directory-h2": "Csatlakozzon a SimpleX közösségekhez",
"index-directory-p1": "Több mint 2 millió ember töltötte le a SimpleX alkalmazások egyikét.",
"index-directory-p1": "Több mint 3 millió ember töltötte le a SimpleX alkalmazások egyikét.",
"index-directory-p2": "Találja meg a kedvenc csatornáit és közösségeit a csoportjegyzékben, vagy hozza létre a sajátját!",
"index-directory-cta": "SimpleX-csoportjegyzék megtekintése",
"index-directory-users-group-title": "SimpleX felhasználók csoportja",
website/langs/id.json
+8 -2
View File
@@ -261,7 +261,13 @@
"get-simplex": "Dapatkan <a href=\"/downloads\">aplikasi desktop</a> SimpleX",
"index-hero-h1": "<div class=\"small\">Bebaslah</div>",
"index-hero-h2": "Di Jaringan Anda",
"index-hero-p1": "Jaringan pertama tanpa ID pengguna.<br>Anda pemilik kontak, grup, dan kanal Anda.",
"index-hero-p1": "<span class=\"nowrap\">Satu-satunya jaringan pesan</span> <span class=\"nowrap\">tanpa pengenal pengguna apa pun.</span><br>Anda pemilik kontak, grup, dan kanal Anda.",
"index-hero-own-part": "Miliki sebagian darinya.",
"index-hero-invest": "Berinvestasi di SimpleX Chat.",
"index-hero-downloads": "Unduhan",
"index-hero-monthly-users": "Pengguna bulanan",
"index-hero-countdown-lead": "Peluncuran domain SimpleX",
"index-hero-countdown-done": "Dapatkan domain SimpleX",
"index-hero-download-desktop-btn-title": "Unduh Aplikasi Desktop SimpleX",
"index-testflight-title": "Pratinjau iOS publik di TestFlight",
"index-f-droid-title": "Aplikasi SimpleX via F-Droid",
@@ -299,7 +305,7 @@
"index-roadmap-3-title": "Buat Komunitas Anda Meningkat",
"index-roadmap-3-desc": "Alat untuk promosikan komunitas Anda",
"index-directory-h2": "Gabung ke Komunitas SimpleX",
"index-directory-p1": "Lebih dari 2 juta orang telah mengunduh aplikasi SimpleX.",
"index-directory-p1": "Lebih dari 3 juta orang telah mengunduh aplikasi SimpleX.",
"index-directory-p2": "Temukan kanal dan komunitas Anda di direktori dan buat milik Anda sendiri!",
"index-directory-cta": "Lihat Direktori SimpleX",
"index-directory-users-group-title": "Grup pengguna SimpleX",
website/langs/it.json
+7 -2
View File
@@ -260,7 +260,12 @@
"about-and-contact-us": "Informazioni e contatti",
"directory": "Directory",
"index-hero-h2": "nella tua rete",
"index-hero-p1": "La prima rete senza ID utente.<br>I tuoi contatti, gruppi e canali sono tuoi.",
"index-hero-p1": "<span class=\"nowrap\">L'unica rete di messaggistica</span> <span class=\"nowrap\">senza alcun identificatore utente.</span><br>I tuoi contatti, gruppi e canali sono tuoi.",
"index-hero-own-part": "Possiedine una parte.",
"index-hero-downloads": "Download",
"index-hero-monthly-users": "Utenti mensili",
"index-hero-countdown-lead": "Lancio dei domini SimpleX",
"index-hero-countdown-done": "Ottieni un dominio SimpleX",
"index-hero-download-desktop-btn-title": "Scarica l'app desktop di SimpleX",
"index-testflight-title": "Anteprima pubblica per iOS su TestFlight",
"index-f-droid-title": "SimpleX via F-Droid",
@@ -299,7 +304,7 @@
"index-roadmap-3-title": "Fare crescere le tue comunità",
"index-roadmap-3-desc": "Strumenti per promuovere le tue comunità",
"index-directory-h2": "Unisciti alle comunità di SimpleX",
"index-directory-p1": "Più di 2 milioni di persone hanno scaricato le app SimpleX.",
"index-directory-p1": "Più di 3 milioni di persone hanno scaricato le app SimpleX.",
"index-directory-p2": "Trova i tuoi canali e le comunità nella directory e creane di tuoi!",
"index-directory-cta": "Vedi la directory di SimpleX",
"index-directory-users-group-title": "Gruppo utenti SimpleX",
website/langs/ja.json
+8 -2
View File
@@ -261,7 +261,13 @@
"about-and-contact-us": "概要・お問い合わせ",
"index-hero-h1": "自由で<br>あれ",
"index-hero-h2": "あなたのネットワークで",
"index-hero-p1": "ユーザーIDのない世界初のネットワーク。<br>連絡先、グループ、チャンネルはあなたのものです。",
"index-hero-p1": "<span class=\"nowrap\">ユーザー識別子を一切持たない</span><span class=\"nowrap\">唯一のメッセージングネットワーク。</span><br>連絡先、グループ、チャンネルはあなたのものです。",
"index-hero-own-part": "その一部を所有しよう。",
"index-hero-invest": "SimpleX Chatに投資しよう。",
"index-hero-downloads": "ダウンロード",
"index-hero-monthly-users": "月間ユーザー",
"index-hero-countdown-lead": "SimpleXドメイン公開",
"index-hero-countdown-done": "SimpleXドメインを取得",
"index-hero-download-desktop-btn-title": "SimpleX デスクトップアプリをダウンロード",
"index-security-assessment-title": "セキュリティ監査",
"index-security-review-2022-title": "セキュリティ監査 2022",
@@ -291,7 +297,7 @@
"index-roadmap-3-title": "コミュニティの成長",
"index-roadmap-3-desc": "コミュニティを広げるツール",
"index-directory-h2": "SimpleXコミュニティに参加する",
"index-directory-p1": "200万人以上がSimpleXアプリをダウンロードしました。",
"index-directory-p1": "300万人以上がSimpleXアプリをダウンロードしました。",
"index-directory-p2": "ディレクトリでチャンネルやコミュニティを見つけて、あなた自身のものを作成しましょう！",
"index-directory-cta": "SimpleXディレクトリを見る",
"index-directory-users-group-title": "SimpleXユーザグループ",
website/langs/pl.json
+8 -2
View File
@@ -262,7 +262,13 @@
"about-and-contact-us": "O nas i Kontakt",
"index-hero-h1": "Bądź<br>Wolny",
"index-hero-h2": "W Swojej Sieci",
"index-hero-p1": "Pierwsza sieć bez identyfikatorów użytkowników.<br>Twoje kontakty, grupy i kanały należą do Ciebie.",
"index-hero-p1": "<span class=\"nowrap\">Jedyna sieć komunikacyjna</span> <span class=\"nowrap\">bez żadnych identyfikatorów użytkowników.</span><br>Twoje kontakty, grupy i kanały należą do Ciebie.",
"index-hero-own-part": "Miej w niej udział.",
"index-hero-invest": "Zainwestuj w SimpleX Chat.",
"index-hero-downloads": "Pobrań",
"index-hero-monthly-users": "Użytkowników miesięcznie",
"index-hero-countdown-lead": "Start domen SimpleX",
"index-hero-countdown-done": "Zdobądź domenę SimpleX",
"index-hero-download-desktop-btn-title": "Pobierz Aplikację SimpleX na Komputer",
"index-testflight-title": "SimpleX iOS beta-wydanie na TestFlight",
"index-f-droid-title": "SimpleX app z F-Droid",
@@ -300,7 +306,7 @@
"index-roadmap-3-title": "Spraw, aby Twoje społeczności Rosły",
"index-roadmap-3-desc": "Narzędzia do promowania Twoich społeczności",
"index-directory-h2": "Dołącz do Społeczności SimpleX",
"index-directory-p1": "Ponad 2 miliony osób pobrało aplikacje SimpleX.",
"index-directory-p1": "Ponad 3 miliony osób pobrało aplikacje SimpleX.",
"index-directory-p2": "Znajdź swoje kanały i społeczności w katalogu i stwórz własne!",
"index-directory-cta": "Zobacz katalog SimpleX",
"index-directory-users-group-title": "Grupa użytkowników SimpleX",
website/langs/pt_BR.json
+8 -2
View File
@@ -262,7 +262,13 @@
"navbar-token": "Token",
"index-hero-h1": "Seja<br>Livre",
"index-hero-h2": "Na Sua Rede",
"index-hero-p1": "A primeira rede sem IDs de usuário.<br>Seus contatos, grupos e canais pertencem a você.",
"index-hero-p1": "<span class=\"nowrap\">A única rede de mensagens</span> <span class=\"nowrap\">sem nenhum identificador de usuário.</span><br>Seus contatos, grupos e canais pertencem a você.",
"index-hero-own-part": "Seja dono de uma parte dela.",
"index-hero-invest": "Invista no SimpleX Chat.",
"index-hero-downloads": "Downloads",
"index-hero-monthly-users": "Usuários mensais",
"index-hero-countdown-lead": "Lançamento de domínios SimpleX",
"index-hero-countdown-done": "Obtenha um domínio SimpleX",
"index-hero-download-desktop-btn-title": "Baixe o aplicativo SimpleX Desktop",
"index-testflight-title": "SimpleX iOS - versão beta no TestFlight",
"index-f-droid-title": "Aplicativo SimpleX no F-Droid",
@@ -300,7 +306,7 @@
"index-roadmap-3-title": "Faça Suas Comunidades Crescerem",
"index-roadmap-3-desc": "Ferramentas para promover suas comunidades",
"index-directory-h2": "Participe das Comunidades SimpleX",
"index-directory-p1": "Mais de 2 milhões de pessoas baixaram os aplicativos SimpleX.",
"index-directory-p1": "Mais de 3 milhões de pessoas baixaram os aplicativos SimpleX.",
"index-directory-p2": "Encontre seus canais e comunidades no diretório e crie os seus próprios!",
"index-directory-cta": "Ver diretório do SimpleX",
"how-secure-comparison-title": "Comparação da segurança da criptografia de ponta a ponta em diferentes mensageiros",
website/langs/ru.json
+8 -2
View File
@@ -261,7 +261,13 @@
"docs-dropdown-14": "SimpleX для бизнеса",
"index-hero-h1": "<div class=\"small\">Будь<br>Свободен</div>",
"index-hero-h2": "В Своей Сети",
"index-hero-p1": "Первая сеть без идентификаторов пользователей.<br>Ваши контакты, группы и каналы принадлежат Вам.",
"index-hero-p1": "<span class=\"nowrap\">Единственная сеть обмена сообщениями</span> <span class=\"nowrap\">без идентификаторов пользователей.</span><br>Ваши контакты, группы и каналы принадлежат Вам.",
"index-hero-own-part": "Владейте её частью.",
"index-hero-invest": "Инвестируйте в SimpleX Chat.",
"index-hero-downloads": "Загрузок",
"index-hero-monthly-users": "Пользователей в месяц",
"index-hero-countdown-lead": "Запуск доменов SimpleX",
"index-hero-countdown-done": "Получите домен SimpleX",
"index-hero-download-desktop-btn-title": "Загрузить приложение SimpleX для компьютера",
"index-testflight-title": "Бета-релиз для iOS на TestFlight",
"index-f-droid-title": "Загрузить через F-Droid",
@@ -299,7 +305,7 @@
"index-roadmap-3-title": "Поддержка роста Ваших групп",
"index-roadmap-3-desc": "Инструменты для продвижения групп",
"index-directory-h2": "Вступайте в Группы SimpleX",
"index-directory-p1": "Более 2 миллионов человек скачали приложения SimpleX.",
"index-directory-p1": "Более 3 миллионов человек скачали приложения SimpleX.",
"index-directory-p2": "Найдите каналы и сообщества в каталоге и создайте свои!",
"index-directory-cta": "Открыть каталог SimpleX",
"index-directory-users-group-title": "Группа пользователей SimpleX",
website/langs/zh_Hans.json
+1 -1
View File
@@ -296,7 +296,7 @@
"index-roadmap-3-title": "促进社区发展",
"index-roadmap-3-desc": "用于推广社区的工具",
"index-directory-h2": "加入 SimpleX 社区",
"index-directory-p1": "超过 200 万人下载了 SimpleX 应用。",
"index-directory-p1": "超过 300 万人下载了 SimpleX 应用。",
"index-directory-p2": "在目录中找到您的频道和社区，并创建您自己的！",
"index-directory-cta": "查看 SimpleX 目录",
"index-directory-users-group-title": "SimpleX 用户群组",
website/src/crowdfunding.html
+13 -13
View File
@@ -65,7 +65,7 @@ templateEngineOverride: njk
--cf-area-off: calc((var(--sec-h) - 100svh) / 2);
}
@media screen and (max-width: 959px) and (orientation: portrait) {
@media screen and (max-width: 1015px) and (orientation: portrait) {
:root {
--cf-grad-light: linear-gradient(30deg, #e8f3ff 0%, #c0e2ff 40%, #e9ffff 80%, #ffefd6 90%);
--cf-grad-dark: linear-gradient(30deg, #000000 0%, #131d49 52%, #3f5598 65%, #c3faff 85%, #fff6e0 90%);
@@ -379,7 +379,7 @@ templateEngineOverride: njk
.cf-pill svg { height: 30px; width: auto; display: block; transform: translateY(-3.5px); }
@media screen and (min-width: 960px), screen and (max-width: 959px) and (orientation: landscape) {
@media screen and (min-width: 1016px), screen and (max-width: 1015px) and (orientation: landscape) {
.cf-pill { width: 252px; justify-content: center; }
}
@@ -389,7 +389,7 @@ templateEngineOverride: njk
.cf-cta-link:hover,
.cf .text-container a.gradient-text:hover { filter: brightness(1.12); }
@media screen and (min-width: 960px), screen and (max-width: 959px) and (orientation: landscape) {
@media screen and (min-width: 1016px), screen and (max-width: 1015px) and (orientation: landscape) {
.cf-network .text-container h2 { max-width: calc(var(--sec-vwu) * 23.5) !important; }
.cf-network .text-container p { max-width: calc(var(--sec-vwu) * 31) !important; }
.cf-network .text-container a { max-width: calc(var(--sec-vwu) * 31) !important; }
@@ -429,7 +429,7 @@ templateEngineOverride: njk
#navbar.on-light > a.logo.logo-light { display: flex; }
#navbar.on-light > a.logo.logo-dark { display: none; }
@media screen and (min-width: 960px), screen and (max-width: 959px) and (orientation: landscape) {
@media screen and (min-width: 1016px), screen and (max-width: 1015px) and (orientation: landscape) {
header#navbar { height: 74px; }
header#navbar > a.logo {
top: 0;
@@ -443,7 +443,7 @@ templateEngineOverride: njk
}
/* keep the navbar visible on mobile (no slide-in menu here) */
@media screen and (max-width: 959px) {
@media screen and (max-width: 1015px) {
header#navbar {
visibility: visible !important;
opacity: 1 !important;
@@ -451,7 +451,7 @@ templateEngineOverride: njk
background: transparent !important;
}
}
@media screen and (max-width: 959px) and (orientation: portrait) {
@media screen and (max-width: 1015px) and (orientation: portrait) {
header#navbar { height: 54px !important; }
header#navbar > a.logo { top: 0 !important; height: 100% !important; align-items: center; transform: translateY(var(--cf-nav-shift)); }
[dir="ltr"] header#navbar > a.logo { padding-left: var(--cf-text-pad); }
@@ -459,7 +459,7 @@ templateEngineOverride: njk
}
/* ---- mobile: portrait art on top, text at the bottom (home page system) ---- */
@media screen and (max-width: 959px) and (orientation: portrait) {
@media screen and (max-width: 1015px) and (orientation: portrait) {
.cf .text-container h2 { font-size: calc(var(--sec-vwu) * 9.4); }
.cf .text-container {
margin-left: 0 !important;
@@ -751,15 +751,15 @@ templateEngineOverride: njk
.cf-tag .n { font-weight: 700; font-size: calc(var(--sec-vwu) * 1.5); line-height: 1.35; }
.cf-tag .v { font-weight: 500; font-size: calc(var(--sec-vwu) * 1.2); line-height: 1.45; }
.cf-tag .v b { font-weight: 700; }
@media screen and (min-width: 960px), screen and (max-width: 959px) and (orientation: landscape) {
@media screen and (min-width: 1016px), screen and (max-width: 1015px) and (orientation: landscape) {
.cf-tags-art,
.cf-art { display: none; }
}
@media screen and (max-width: 959px) and (orientation: portrait) {
@media screen and (max-width: 1015px) and (orientation: portrait) {
.cf-tag .n { font-size: 3.54cqh; line-height: 1.3; }
}
@media screen and (max-width: 959px) and (orientation: portrait) and (max-aspect-ratio: 62/100) {
@media screen and (max-width: 1015px) and (orientation: portrait) and (max-aspect-ratio: 62/100) {
.cf-hero h1 { font-size: calc(var(--sec-vwu) * 9.6); }
:root { --cf-hero-text-b: calc(var(--cf-top-base) + max(0px, calc(-1 * var(--cf-area-off))) + 72.8vw); }
}
@@ -800,7 +800,7 @@ templateEngineOverride: njk
.cf-fine-links a { color: #9fb2d8; text-decoration: none; }
.cf-fine-links a:hover { color: #ffffff; }
@media screen and (max-width: 959px) and (orientation: portrait) {
@media screen and (max-width: 1015px) and (orientation: portrait) {
/* padding-bottom comes from .safari-ios section.page, which a
fit-content footer does not need */
section.page.cf.cf-footer { height: fit-content; min-height: fit-content; padding-bottom: 0; }
@@ -935,7 +935,7 @@ templateEngineOverride: njk
.cf-modal-panel { padding: 28px 20px; }
.cf-form-submit { padding: 0 12px; font-size: 15px; }
}
@media screen and (max-width: 959px) and (orientation: landscape) {
@media screen and (max-width: 1015px) and (orientation: landscape) {
:root {
--cover-bg-w: calc(min((3200 / 1920) * 100vw, (3200 / 1080) * 100svh));
--cover-bg-h: calc(min((1800 / 1920) * 100vw, (1800 / 1080) * 100svh));
@@ -1322,7 +1322,7 @@ templateEngineOverride: njk
var hero = block.closest('section');
var leadShort = document.querySelector('.cf-hero .lead-short');
var logos = document.querySelectorAll('#navbar .logo img');
var narrow = window.matchMedia('(max-width: 959px) and (orientation: portrait)');
var narrow = window.matchMedia('(max-width: 1015px) and (orientation: portrait)');
function logoBottom() {
var bottom = 0;
for (var i = 0; i < logos.length; i++) { var r = logos[i].getBoundingClientRect(); if (r.height > 0) bottom = Math.max(bottom, r.bottom); }
website/src/css/design3-nav.css
+7 -7
View File
@@ -10,7 +10,7 @@ body.change-nav-color {
--nav-color: #001796;
}
@media screen and (min-width: 960px) {
@media screen and (min-width: 1016px) {
.logo {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
@@ -182,7 +182,7 @@ header#navbar ul a {
white-space: nowrap;
}
@media screen and (min-width: 960px) {
@media screen and (min-width: 1016px) {
header#navbar ul .nav-link a,
header#navbar ul .nav-link-text {
font-size: 18px;
@@ -258,7 +258,7 @@ header#navbar ul a span svg {
fill: #fff;
}
@media screen and (min-width: 960px) {
@media screen and (min-width: 1016px) {
header#navbar nav#menu>ul>li>a {
color: var(--nav-color);
}
@@ -366,7 +366,7 @@ header#navbar .nav-link:focus-within .sub-menu {
fill: white;
}
@media screen and (min-width: 960px) {
@media screen and (min-width: 1016px) {
.flag-container>a {
color: var(--nav-color) !important;
}
@@ -427,7 +427,7 @@ header#navbar button.theme-switch-btn svg path {
fill: white;
}
@media screen and (min-width: 960px) {
@media screen and (min-width: 1016px) {
header#navbar button.theme-switch-btn svg path {
fill: var(--nav-color) !important;
transition: all 0.3s ease;
@@ -497,7 +497,7 @@ button#cross-btn {
height: auto;
}
@media (min-width: 960px) {
@media (min-width: 1016px) {
@media (max-width: 1050px) {
header#navbar nav#menu .nav-link.send-file {
display: none;
@@ -505,7 +505,7 @@ button#cross-btn {
}
}
@media (max-width: 959px) {
@media (max-width: 1015px) {
#mobile-header {
position: fixed;
top: 0;
website/src/css/design3.css
+284 -83
View File
@@ -171,7 +171,7 @@
#fff6e0 90%);
}
@media screen and (max-width: 959px) {
@media screen and (max-width: 1015px) {
:root {
--bg-grad: linear-gradient(30deg,
#e8f3ff 0%,
@@ -225,7 +225,7 @@ body {
background: #0a0f2b;
}
@media screen and (min-width: 960px) {
@media screen and (min-width: 1016px) {
html {
overscroll-behavior: none;
}
@@ -364,55 +364,104 @@ section.page .area {
/* --- COVER --- */
section.cover {
--cover-area-off: calc((var(--sec-h) - 100svh) / 2);
--cover-fade-rgb: 33, 70, 110;
background-image: url("/img/design_3/cover-light.webp");
background-size: var(--cover-bg-w) var(--cover-bg-h);
background-position: center;
background-position: calc(50% + var(--sec-vwu) * 8.5) center;
background-repeat: no-repeat;
overflow: hidden;
z-index: 12;
}
.dark section.cover {
--cover-fade-rgb: 2, 7, 29;
background-image: url("/img/design_3/cover.webp");
}
.chrome-ios section.cover,
.safari-ios section.cover {
background-position: center calc(50% - calc(110lvh - 100svh) / 2);
--cover-bottom-ext: calc(110lvh - 100svh);
background-position: calc(50% + var(--sec-vwu) * 8.5) calc(50% - calc(110lvh - 100svh) / 2);
}
.chrome-android section.cover {
background-position: center calc(50% - calc(100lvh - 100svh) / 2);
--cover-bottom-ext: calc(100lvh - 100svh);
background-position: calc(50% + var(--sec-vwu) * 8.5) calc(50% - calc(100lvh - 100svh) / 2);
}
.cover-art {
position: absolute;
width: var(--sec-w);
height: var(--sec-h);
z-index: 1;
pointer-events: none;
}
.cover-phone {
position: absolute;
right: calc(var(--sec-vwu) * 4);
bottom: calc(var(--sec-vhu) * -55.56);
height: calc(var(--sec-vhu) * 129.96);
width: auto;
}
.cover-fade {
position: absolute;
right: calc(var(--sec-vwu) * 4);
width: calc(var(--sec-vhu) * 129.96 * 0.4914);
bottom: var(--cover-area-off);
height: calc(var(--sec-vhu) * 38);
background: linear-gradient(to top, rgb(var(--cover-fade-rgb)) 22%, rgba(var(--cover-fade-rgb), .8) 52%, rgba(var(--cover-fade-rgb), 0) 100%);
}
section.cover div.content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
align-items: flex-start;
text-align: start;
gap: calc(var(--sec-vhu) * 3.5);
width: var(--sec-w);
height: var(--sec-h);
padding-left: calc(var(--sec-vwu) * 4);
}
@media (min-width: 1016px), (max-width: 1015px) and (orientation: landscape) {
[dir="rtl"] section.cover div.content {
padding-left: 0;
padding-right: calc(var(--sec-vwu) * 4);
}
[dir="rtl"] .cover-phone,
[dir="rtl"] .cover-fade {
left: calc(var(--sec-vwu) * 4);
right: auto;
}
[dir="rtl"] .cover-stats {
left: 30px;
right: auto;
}
}
section.cover div.content h1 {
font-family: "GT-Walsheim", sans-serif;
font-weight: 700;
font-size: calc(var(--sec-vwu) * 11.7);
font-size: calc(var(--sec-vwu) * 10);
line-height: 0.9;
letter-spacing: -0.025em;
color: #ffffff;
text-align: center;
}
section.cover div.content h1 .small {
font-size: calc(var(--sec-vwu) * 8);
font-size: calc(var(--sec-vwu) * 6.85);
line-height: 1;
margin-bottom: -10px;
}
section.cover div.content h1 .medium {
font-size: calc(var(--sec-vwu) * 10);
font-size: calc(var(--sec-vwu) * 8.55);
line-height: 1;
margin-bottom: -10px;
}
@@ -431,7 +480,12 @@ section.cover div.content p {
font-size: calc(var(--sec-vwu) * 2.14);
align-items: center;
color: #ffffff;
max-width: calc(var(--sec-vwu) * 53);
max-width: calc(var(--sec-vwu) * 55);
text-wrap: balance;
}
section.cover div.content p .nowrap {
white-space: nowrap;
}
section.cover div.content p.invest {
@@ -444,39 +498,65 @@ section.cover div.content p.invest a {
white-space: nowrap;
}
.publications-btns {
html:not(.dark) section.cover div.content p {
font-weight: 300;
max-width: calc(var(--sec-vwu) * 55.2);
}
html:not(.dark) section.cover div.content p.invest {
font-weight: 400;
}
html:not(.dark) section.cover div.content p.invest a {
font-weight: 600;
}
html:not(.dark) section.cover div.content .gradient-text {
background: linear-gradient(90deg,
#ffb55d 0%,
#fff494 50%,
#fbffdd 100%);
-webkit-background-clip: text;
background-clip: text;
}
.cover-stats {
position: absolute;
bottom: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
}
[dir="ltr"] .publications-btns {
left: 30px;
}
[dir="rtl"] .publications-btns {
right: 30px;
bottom: calc(74px + var(--cover-bottom-ext, 0px));
display: flex;
align-items: center;
gap: 48px;
}
.publications-btns img {
width: 32px;
.cover-stat {
display: flex;
align-items: center;
gap: 13px;
}
.publications-btns img.kuketz {
width: 38px;
.cover-stat b {
font-family: "Manrope", sans-serif;
font-weight: 700;
font-size: 37px;
line-height: 1.1;
color: #ffffff;
}
.publications-btns img.whonix {
width: 30px;
.cover-stat span {
font-family: "Manrope", sans-serif;
font-weight: 400;
font-size: 18px;
color: #ffffff;
}
.dark .cover-stat span {
color: #dfeaff;
}
.security-btns {
position: absolute;
bottom: 24px;
bottom: calc(24px + var(--cover-bottom-ext, 0px));
display: flex;
flex-wrap: wrap;
align-items: center;
@@ -485,13 +565,11 @@ section.cover div.content p.invest a {
}
[dir="ltr"] .security-btns {
left: 0;
transform: translateX(calc((100vw / 2) - 50%));
left: 30px;
}
[dir="rtl"] .security-btns {
right: 0;
transform: translateX(calc(-1 * ((100vw / 2) - 50%)));
right: 30px;
}
.security-btns img {
@@ -514,26 +592,9 @@ section.cover div.content p.invest a {
text-align: right;
}
@media screen and (max-width: 1279px) {
.publications-btns {
display: none;
visibility: hidden;
}
[dir="ltr"] .security-btns {
transform: translateX(0);
left: 16px;
}
[dir="rtl"] .security-btns {
transform: translateX(0);
right: 16px;
}
}
.socials {
position: absolute;
bottom: 22px;
bottom: calc(22px + var(--cover-bottom-ext, 0px));
display: flex;
align-items: center;
justify-content: center;
@@ -541,7 +602,7 @@ section.cover div.content p.invest a {
flex-wrap: wrap;
}
@media (min-width: 960px) {
@media (min-width: 1016px) {
.socials .desktop-app-btn,
.socials .apple-store-btn,
.socials .google-play-btn {
@@ -603,14 +664,7 @@ section.cover div.content p.invest a {
gap: 6px;
}
@media screen and (max-width: 959px) {
.publications-btns,
.security-btns,
.socials {
position: static;
}
@media screen and (max-width: 1015px) and (orientation: portrait) {
.socials {
min-height: 42px;
}
@@ -722,7 +776,7 @@ main .section-bg {
background-image: url("/img/design_3/section-5-desktop.webp");
}
@media screen and (max-width: 959px) {
@media screen and (max-width: 1015px) {
.page-2 {
background-image: url("/img/design_3/section-2-mobile-light.webp");
background-size: auto calc(var(--cover-bg-h) * 0.84);
@@ -967,41 +1021,154 @@ main .section-bg {
display: none;
}
@media (max-width: 959px) {
section.cover div.content {
gap: calc(var(--sec-vhu) * 2.5);
transform: translateY(calc(var(--sec-vhu) * 3));
@media (max-width: 1015px) and (orientation: portrait) {
section.cover {
--cover-crest: 10px;
--cover-text-top: calc(var(--cover-crest) + var(--cover-bg-w) * 0.0125);
--cover-text-b: calc(var(--cover-text-top) + var(--cover-bg-w) * 0.19);
--cover-phone-w: 82vw;
--cover-phone-top: calc(var(--cover-text-b) + 16px + var(--cover-area-off));
--cover-cta-bottom: max(12px, env(safe-area-inset-bottom, 0px));
--cover-audits-top: calc(100svh - var(--cover-cta-bottom) - 36px);
--cover-socials-top: calc(var(--cover-audits-top) - 66px);
--cover-row-gap: clamp(14px, 4.5vw, 20px);
--cover-row-start: calc(50% - (var(--cover-socials-w, 165px) + var(--cover-row-gap) + var(--cover-stats-w, 141px)) / 2);
--cover-fade-ext: max(0px, calc(110lvh - 100svh));
--cover-fade-dyn: max(0px, calc(110lvh - 100dvh));
--cover-fade-base: calc(var(--cover-fade-dyn) + var(--cover-cta-bottom) + 114px);
--cover-fade-ramp: 48px;
}
.publications-btns,
.security-btns,
.socials {
margin-top: calc(var(--sec-vhu) * 2);
section.cover,
.chrome-ios section.cover,
.safari-ios section.cover,
.chrome-android section.cover {
background-position: 50% calc(var(--cover-crest) - var(--cover-bg-h) * 0.2678);
}
.cover-phone {
left: 50%;
right: auto;
transform: translateX(-50%);
top: var(--cover-phone-top);
bottom: auto;
width: var(--cover-phone-w);
height: auto;
}
.cover-fade {
left: 50%;
right: auto;
transform: translateX(-50%);
width: 100vw;
bottom: calc(var(--cover-area-off) - var(--cover-fade-ext));
height: calc(var(--cover-fade-base) + var(--cover-fade-ramp));
background: linear-gradient(to top, rgba(var(--cover-fade-rgb), .9) var(--cover-fade-base), rgba(var(--cover-fade-rgb), 0) 100%);
}
[dir="ltr"] .socials {
top: var(--cover-socials-top);
bottom: auto;
left: var(--cover-row-start);
right: auto;
}
[dir="rtl"] .socials {
top: var(--cover-socials-top);
bottom: auto;
left: auto;
right: var(--cover-row-start);
}
[dir="ltr"] .cover-stats {
top: var(--cover-socials-top);
bottom: auto;
left: calc(var(--cover-row-start) + var(--cover-socials-w, 165px) + var(--cover-row-gap));
right: auto;
}
[dir="rtl"] .cover-stats {
top: var(--cover-socials-top);
bottom: auto;
left: auto;
right: calc(var(--cover-row-start) + var(--cover-socials-w, 165px) + var(--cover-row-gap));
}
[dir="ltr"] .security-btns,
[dir="rtl"] .security-btns {
top: var(--cover-audits-top);
bottom: auto;
left: 0;
right: 0;
}
}
@media (max-width: 1015px) and (orientation: landscape) {
section.cover {
--cover-bg-w: calc(min((3200 / 1920) * 100vw, (3200 / 1080) * 100svh));
--cover-bg-h: calc(min((1800 / 1920) * 100vw, (1800 / 1080) * 100svh));
--sec-w: calc(min(100vw, (1920 / 1080) * 100svh));
--sec-h: calc(min((1080 / 1920) * 100vw, 100svh));
--sec-vwu: calc(var(--sec-w) / 100);
--sec-vhu: calc(var(--sec-h) / 100);
}
}
@media (max-width: 1015px) and (orientation: landscape) and (max-height: 500px) {
section.cover div.content h1 br {
display: none;
}
.cover-stats {
gap: 24px;
}
.cover-stat {
gap: 8px;
}
.cover-stat b {
font-size: 24px;
}
.cover-stat span {
font-size: 13px;
}
}
@media (max-width: 1015px) and (orientation: portrait) {
section.cover div.content {
justify-content: flex-start;
align-items: center;
text-align: center;
gap: calc(var(--sec-vwu) * 3);
margin-top: min(0px, calc(var(--cover-text-top) + var(--cover-area-off)));
padding: max(0px, calc(var(--cover-text-top) + var(--cover-area-off))) 21.6px 0;
}
section.cover div.content h1 {
line-height: 0.85;
font-weight: 700;
font-size: calc(var(--sec-vwu) * 30);
font-size: calc(var(--sec-vwu) * 24.75);
}
section.cover div.content h1 .small {
font-size: calc(var(--sec-vwu) * 16);
font-size: calc(var(--sec-vwu) * 13.2);
}
section.cover div.content h1 .medium {
font-size: calc(var(--sec-vwu) * 24);
font-size: calc(var(--sec-vwu) * 19.8);
}
section.cover div.content h2 {
font-weight: 500;
font-size: calc(var(--sec-vwu) * 12.85);
font-size: calc(var(--sec-vwu) * 10.6);
}
section.cover div.content p {
font-weight: 400;
font-size: calc(var(--sec-vwu) * 5.5);
max-width: calc(var(--sec-vwu) * 93);
font-size: calc(var(--sec-vwu) * 4.1);
max-width: none;
}
section.cover div.content p.invest {
@@ -1012,6 +1179,40 @@ main .section-bg {
font-weight: 600;
}
html:not(.dark) section.cover div.content p,
html:not(.dark) section.cover div.content p.invest {
font-weight: 500;
max-width: none;
}
html:not(.dark) section.cover div.content p.invest a {
font-weight: 700;
}
.cover-stats {
height: 42px;
gap: clamp(12px, 4vw, 16px);
}
.cover-stat {
display: block;
text-align: start;
}
.cover-stat b {
display: block;
font-size: clamp(19px, 5.6vw, 22px);
line-height: 1.05;
}
.cover-stat span {
display: block;
font-size: clamp(10px, 2.8vw, 11px);
line-height: 1.25;
}
}
@media (max-width: 1015px) {
/* --- MAIN SECTIONS --- */
.page .text-container {
justify-content: flex-end;
@@ -1108,7 +1309,7 @@ main .section-bg {
border-radius: calc(var(--sec-vhu) * 1.8);
}
@media screen and (max-width: 959px) {
@media screen and (max-width: 1015px) {
.page-6 .group-images {
width: 100%;
height: 10%;
@@ -1321,7 +1522,7 @@ main .section-bg {
margin: calc(var(--sec-vhu) * 2);
}
@media screen and (max-width: 959px) {
@media screen and (max-width: 1015px) {
.page-6 .group-images>a.group-image:nth-child(1) {
--c: 3;
--r: 1;
@@ -1525,7 +1726,7 @@ section.page.footer {
min-height: fit-content;
}
@media screen and (max-width: 959px) {
@media screen and (max-width: 1015px) {
section.page.footer {
height: 100lvh;
min-height: 100lvh;
@@ -1560,7 +1761,7 @@ section.page.footer {
}
}
@media (min-width: 960px) {
@media (min-width: 1016px) {
.footer .container-md,
.footer .container-sm,
website/src/css/livestream.css
+1 -1
View File
@@ -126,7 +126,7 @@ main .section-bg {
color: #000000;
}
@media screen and (max-width: 959px) {
@media screen and (max-width: 1015px) {
.livestream {
background-image: url("/img/design_3/section-4-mobile-light.webp");
background-size: auto calc(var(--cover-bg-h) * 0.78);
website/src/fdroid.html
+5
View File
@@ -38,6 +38,11 @@ templateEngineOverride: njk
9F 35 8F F2 84 D1 F7 16 56 A2 BF AF 0E 00 5D EA E6 AA 14 14 37 20 E0 89 F1 1F F2 DD CF EB 01 BA
</blockquote>
</p>
<p class="mt-6">
{{ "f-droid-page-apk-text" | i18n({}, lang ) | safe }}
<a class="text-primary-light dark:text-primary-dark underline underline-offset-2" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex-aarch64.apk" target="_blank" rel="noopener">aarch64</a>,
<a class="text-primary-light dark:text-primary-dark underline underline-offset-2" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex-armv7a.apk" target="_blank" rel="noopener">armv7</a>
</p>
</div>
<div class="hidden sm:block max-w-[280px] md:max-w-[220px] lg:max-w-[240px]">
website/src/img/new/f_droid_icon.svg
+50
View File
@@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="164" height="164" viewBox="6.4 0 164 164" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="a">
<stop offset="0" stop-color="#fff" stop-opacity=".098" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<radialGradient xlink:href="#a" id="b" cx="113" cy="-12.89" fx="113" fy="-12.89" r="59.661999" gradientTransform="matrix(0,1.96105,-1.97781,0,254.507,78.763)" gradientUnits="userSpaceOnUse" />
</defs>
<g transform="translate(-332,-355.362)">
<rect width="164" height="164" x="338.4" y="355.362" rx="20" ry="20" />
<g fill-rule="evenodd">
<path d="m 2.589,1006.862 4.25,5.5" fill="#8ab000" stroke="#769616" stroke-width="2.5" stroke-linecap="round" transform="matrix(-2.63159,0,0,2.63157,483.158,-2270.475)" />
<path d="m 476.286,375.862 c 1.193,0.031 2.004,0.497 2.58,1.18 -5.333,6.34 -6.232,7.347 -13.514,16.372 -2.683,3.472 -5.478,1.678 -2.795,-1.793 l 11.185,-14.474 c 0.602,-0.804 1.54,-1.258 2.544,-1.285 z" fill="#ffffff" fill-opacity="0.298" />
<path d="m 478.89,377.075 c 0.325,0.39 1.476,2.118 0.058,4.096 l -11.184,14.473 c -2.683,3.471 -3.026,-1.611 -3.026,-1.611 0,0 9.828,-11.869 14.151,-16.958 z" fill="#263238" fill-opacity="0.2" />
<path d="m 477.006,376.48 c 1.153,0 2.525,0.373 2.169,2.102 -0.273,1.32 -12.266,15.985 -12.266,15.985 -2.683,3.47 -6.562,1.78 -3.879,-1.691 l 11.143,-14.402 c 0.685,-0.763 1.602,-1.957 2.833,-1.994 z" fill="#8ab000" />
</g>
<g fill-rule="evenodd">
<path d="m 2.589,1006.862 4.25,5.5" fill="#8ab000" stroke="#769616" stroke-width="2.5" stroke-linecap="round" transform="matrix(2.63159,0,0,2.63157,356.842,-2270.475)" />
<path d="m 363.714,375.862 c -1.193,0.031 -2.004,0.497 -2.58,1.18 5.333,6.34 6.232,7.347 13.514,16.372 2.683,3.472 5.478,1.678 2.795,-1.793 l -11.185,-14.474 c -0.602,-0.804 -1.54,-1.258 -2.544,-1.285 z" fill="#ffffff" fill-opacity="0.298" />
<path d="m 361.11,377.075 c -0.325,0.39 -1.476,2.118 -0.058,4.096 l 11.184,14.473 c 2.683,3.471 3.026,-1.611 3.026,-1.611 0,0 -9.828,-11.869 -14.151,-16.958 z" fill="#263238" fill-opacity="0.2" />
<path d="m 362.995,376.48 c -1.153,0 -2.526,0.373 -2.17,2.102 0.273,1.32 12.266,15.985 12.266,15.985 2.683,3.47 6.562,1.78 3.879,-1.691 l -11.143,-14.402 c -0.685,-0.763 -1.602,-1.957 -2.832,-1.994 z" fill="#8ab000" />
</g>
<g transform="matrix(2.63159,0,0,2.63157,467.369,-2270.475)">
<rect ry="3" rx="3" y="1010.36" x="-37" height="12.92" width="38" fill="#aeea00" />
<rect width="38" height="10" x="-37" y="1013.279" rx="3" ry="3" fill="#263238" fill-opacity="0.2" />
<rect width="38" height="10" x="-37" y="1010.362" rx="3" ry="3" fill="#ffffff" fill-opacity="0.298" />
<rect width="38" height="10.641" x="-37" y="1011.5" rx="3" ry="2.4560001" fill="#aeea00" />
</g>
<g transform="matrix(2.63159,0,0,2.63157,356.842,-2270.745)">
<rect ry="3" rx="3" y="1024.522" x="5" height="25.84" width="38" fill="#1976d2" />
<rect width="38" height="13" x="5" y="1037.3621" rx="3" ry="3" fill="#263238" fill-opacity="0.2" />
<rect width="38" height="13" x="5" y="1024.442" rx="3" ry="3" fill="#ffffff" fill-opacity="0.2" />
<rect width="38" height="23.559999" x="5" y="1025.662" rx="3" ry="2.7179999" fill="#1976d2" />
</g>
<g transform="matrix(2.63159,0,0,2.63157,356.842,396.264)">
<path d="m 24,17.75 c -2.88,0 -5.32,1.985 -6.033,4.65 H 21.18 A 3.215,3.215 0 0 1 24,20.75 3.228,3.228 0 0 1 27.25,24 3.228,3.228 0 0 1 24,27.25 3.219,3.219 0 0 1 21.07,25.4 h -3.154 c 0.642,2.766 3.132,4.85 6.084,4.85 3.434,0 6.25,-2.816 6.25,-6.25 0,-3.434 -2.816,-6.25 -6.25,-6.25 z" fill="#0d47a1" />
<circle r="9.5500002" cy="24" cx="24" fill="none" stroke="#0d47a1" stroke-width="1.9" stroke-linecap="round" />
</g>
<g transform="matrix(2.63159,0,0,2.63157,356.842,-2269.159)">
<ellipse ry="3.875" rx="3.375" cx="14.375" cy="1016.487" fill="#263238" fill-opacity="0.2" />
<circle r="3.375" cy="1016.987" cx="14.375" fill="#ffffff" />
</g>
<g transform="matrix(2.63159,0,0,2.63157,408.158,-2269.159)">
<ellipse cy="1016.487" cx="14.375" rx="3.375" ry="3.875" fill="#263238" fill-opacity="0.2" />
<circle cx="14.375" cy="1016.987" r="3.375" fill="#ffffff" />
</g>
<path d="m 282.715,299.835 a 3.29,3.29 0 0 0 -2.662,5.336 l 9.474,12.261 A 7.894,7.894 0 0 0 289,320.257 v 18.21 a 7.877,7.877 0 0 0 7.895,7.895 h 84.21 A 7.877,7.877 0 0 0 389,338.468 v -18.211 c 0,-0.999 -0.19,-1.949 -0.525,-2.826 l 9.472,-12.26 a 3.29,3.29 0 0 0 -2.433,-5.334 3.29,3.29 0 0 0 -2.772,1.31 l -9.013,11.666 a 7.91,7.91 0 0 0 -2.624,-0.45 h -84.21 c -0.922,0 -1.8,0.163 -2.622,0.45 l -9.015,-11.666 a 3.29,3.29 0 0 0 -2.543,-1.312 z m 14.18,49.527 A 7.877,7.877 0 0 0 289,357.257 v 52.21 a 7.877,7.877 0 0 0 7.895,7.895 h 84.21 A 7.877,7.877 0 0 0 389,409.468 v -52.211 a 7.877,7.877 0 0 0 -7.895,-7.895 z" fill="url(#b)" fill-rule="evenodd" transform="translate(81,76)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

website/src/index.html
+42 -55
View File
@@ -42,11 +42,6 @@ active_home: true
<link rel="preload" href="/img/new/logo-dark.png" as="image">
<link rel="preload" href="/img/new/logo-light.png" as="image" media="(prefers-color-scheme: light)">
<link rel="preload" href="/img/design_3/publications/trail-of-bits.png" as="image">
<link rel="preload" href="/img/design_3/publications/privacy-guides.png" as="image">
<link rel="preload" href="/img/design_3/publications/whonix.png" as="image">
<link rel="preload" href="/img/design_3/publications/heise.png" as="image">
<link rel="preload" href="/img/design_3/publications/kuketz-blog.png" as="image">
<link rel="preload" href="/img/design_3/publications/optout.png" as="image">
<link rel="preload" href="/fonts/GT-Walsheim/GT-Walsheim-LC-Bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts/GT-Walsheim/GT-Walsheim-LC-Regular.woff2" as="font" type="font/woff2" crossorigin>
@@ -57,12 +52,11 @@ active_home: true
<link rel="preload" href="/img/new/apple_store.svg" as="image">
<link rel="preload" href="/img/new/google_play.svg" as="image">
<link rel="preload" href="/img/new/f_droid.svg" as="image" media="(max-width: 959px)">
<link rel="preload" href="/img/design_3/testflight-dark.png" as="image" media="(max-width: 959px)">
<link rel="preload" href="/img/design_3/android-dark.png" as="image" media="(max-width: 959px)">
<link rel="preload" href="/img/design_3/socials/linux.png" as="image" media="(min-width: 960px)">
<link rel="preload" href="/img/design_3/socials/apple.png" as="image" media="(min-width: 960px)">
<link rel="preload" href="/img/design_3/socials/windows.png" as="image" media="(min-width: 960px)">
<link rel="preload" href="/img/new/f_droid_icon.svg" as="image" media="(max-width: 1015px)">
<link rel="preload" href="/img/design_3/testflight-dark.png" as="image" media="(max-width: 1015px)">
<link rel="preload" href="/img/design_3/socials/linux.png" as="image" media="(min-width: 1016px)">
<link rel="preload" href="/img/design_3/socials/apple.png" as="image" media="(min-width: 1016px)">
<link rel="preload" href="/img/design_3/socials/windows.png" as="image" media="(min-width: 1016px)">
<link href="/css/tailwind.css" rel="stylesheet"/>
<link rel="stylesheet" href="/css/design3.css">
@@ -86,26 +80,14 @@ active_home: true
.sd-icon { display: inline-block; width: 0.85em; height: 0.85em; vertical-align: -0.08em; margin-left: 0.35em; }
.sd-icon path, .sd-icon polygon { fill: #0095e7; }
.dark .sd-icon path, .dark .sd-icon polygon { fill: #c8feff; }
@media screen and (max-width: 959px) {
.sd-sale-banner { top: 0; left: 0; right: 0; transform: none; z-index: 50001; pointer-events: none; }
.sd-lead, .sd-tail {
position: absolute;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
pointer-events: auto;
font-size: calc(var(--sec-vwu) * 4.675);
font-weight: 500;
background-image: linear-gradient(90deg, #001aa7 0%, #0095e7 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.dark .sd-lead, .dark .sd-tail {
background-image: linear-gradient(90deg, #019bfe 0%, #64fdff 58%, #c8feff 100%);
}
.sd-lead { top: 0; line-height: 54px; }
.sd-tail { top: min(56px, calc(27px + var(--sec-vwu) * 29 / 6.2)); }
@media screen and (min-width: 1016px), screen and (max-width: 1015px) and (orientation: landscape) {
.sd-sale-banner { top: auto; bottom: calc(22px + var(--cover-bottom-ext, 0px)); transform: translateX(calc(-50% - max(0px, 50% + var(--cover-socials-w, 435px) + 54px - 50vw))); font-size: 16px; text-align: center; background-image: none; -webkit-text-fill-color: #ffffff; color: #ffffff; }
[dir="rtl"] .sd-sale-banner { transform: translateX(calc(-50% + max(0px, 50% + var(--cover-socials-w, 435px) + 54px - 50vw))); }
.sd-lead, .sd-tail { display: block; }
.sd-icon path, .sd-icon polygon { fill: #ffffff; }
}
@media screen and (max-width: 1015px) and (orientation: portrait), screen and (max-width: 1015px) and (orientation: landscape) and (max-height: 500px) {
.sd-sale-banner { display: none; }
}
</style>
<script src="/js/flag-anchor.js"></script>
@@ -137,12 +119,13 @@ active_home: true
<div class="screen">
<section class="page-1 cover page">
<a class="sd-sale-banner gradient-text" href="https://simplex.domains/" target="_blank" rel="noopener"><span class="sd-lead" id="sd-lead">SimpleX domains launch </span><span class="sd-tail" id="sd-tail"><span class="sd-digits" id="sd-cd"></span>&#8288;<svg class="sd-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 100 100"><path d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a>
<a class="sd-sale-banner gradient-text" href="https://simplex.domains/" target="_blank" rel="noopener"><span class="sd-lead" id="sd-lead">{{ "index-hero-countdown-lead" | i18n({}, lang) }} </span><span class="sd-tail" id="sd-tail"><span class="sd-digits" id="sd-cd"></span>&#8288;<svg class="sd-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 100 100"><path d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a>
<script>
(function () {
var target = Date.UTC(2026, 11, 12, 18, 0, 0);
var lead = document.getElementById("sd-lead");
var cd = document.getElementById("sd-cd");
var days = new Intl.RelativeTimeFormat({{ lang | replace("_", "-") | dump | safe }} + "-u-nu-latn", { numeric: "always" });
var timer;
function pad(n) { return String(n).padStart(2, "0"); }
function tick() {
@@ -150,23 +133,31 @@ active_home: true
if (ms <= 0) {
clearInterval(timer);
lead.style.display = "none";
cd.textContent = "Get SimpleX domain";
cd.textContent = {{ "index-hero-countdown-done" | i18n({}, lang) | dump | safe }};
return;
}
var s = Math.floor(ms / 1000);
var d = Math.floor(s / 86400);
cd.textContent = "in " + d + (d === 1 ? " day " : " days ") + pad(Math.floor((s % 86400) / 3600)) + ":" + pad(Math.floor((s % 3600) / 60)) + ":" + pad(s % 60);
cd.textContent = days.format(d, "day") + " " + pad(Math.floor((s % 86400) / 3600)) + ":" + pad(Math.floor((s % 3600) / 60)) + ":" + pad(s % 60);
}
timer = setInterval(tick, 1000);
tick();
})();
</script>
<div class="cover-art" aria-hidden="true">
<img class="cover-phone" src="/img/crowdfunding/phone.png" alt="">
<div class="cover-fade"></div>
</div>
<div class="area">
<div class="content">
<h1>{{ "index-hero-h1" | i18n({}, lang) | safe }}</h1>
<h1>{{ "index-hero-h1" | i18n({}, lang) | replace("<br>", " <br>") | safe }}</h1>
<h2 class="gradient-text">{{ "index-hero-h2" | i18n({}, lang) | safe }}</h2>
<p>{{ "index-hero-p1" | i18n({}, lang) | safe }}</p>
<p class="invest">{{ "index-hero-invest" | i18n({}, lang) | safe }} <a class="gradient-text" href="https://wefunder.com/simplex.chat?utm_source=home" target="_blank" rel="noopener">{{ "learn-more" | i18n({}, lang) }}.</a></p>
<p class="invest">{{ "index-hero-own-part" | i18n({}, lang) | safe }} <a class="gradient-text" href="https://wefunder.com/simplex.chat?utm_source=home" target="_blank" rel="noopener">{{ "index-hero-invest" | i18n({}, lang) | safe }}</a></p>
<div class="cover-stats">
<div class="cover-stat"><b>3M</b><span>{{ "index-hero-downloads" | i18n({}, lang) }}</span></div>
<div class="cover-stat"><b>600K</b><span>{{ "index-hero-monthly-users" | i18n({}, lang) }}</span></div>
</div>
<div class="socials">
<a href="/downloads" class="desktop-app-btn hidden" title="{{ 'index-hero-download-desktop-btn-title' | i18n({}, lang) }}">
@@ -181,9 +172,8 @@ active_home: true
</a>
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank" rel="noopener"><img src="/img/new/apple_store.svg" alt="App Store"></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" rel="noopener"><img src="/img/new/google_play.svg" alt="Google Play"></a>
<a class="f-droid-btn hidden" href="{{ '' if lang == 'en' else '/' ~ lang }}/fdroid" title="{{ 'index-f-droid-title' | i18n({}, lang) }}"><img src="/img/new/f_droid.svg"></a>
<a class="f-droid-btn hidden" href="{{ '' if lang == 'en' else '/' ~ lang }}/fdroid" title="{{ 'index-f-droid-title' | i18n({}, lang) }}"><img src="/img/new/f_droid_icon.svg" alt="F-Droid"></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank" rel="noopener"><img class="no-border" src="/img/design_3/testflight-dark.png" title="{{ 'index-testflight-title' | i18n({}, lang) }}" alt="TestFlight"></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex-aarch64.apk" target="_blank" rel="noopener"><img src="/img/design_3/android-dark.png" alt="Android APK"></a>
</div>
<div class="security-btns">
<a title="{{ 'index-security-assessment-title' | i18n({}, lang) }}" href="https://www.trailofbits.com/about" target="_blank" rel="noopener">
@@ -199,23 +189,6 @@ active_home: true
{{ 'index-security-audits-label' | i18n({}, lang) | safe }}
</p>
</div>
<div class="publications-btns">
<a title="{{ 'index-publications-privacy-guides-title' | i18n({}, lang) }}" href="https://www.privacyguides.org/en/real-time-communication/#simplex-chat" target="_blank" rel="noopener">
<img src="/img/design_3/publications/privacy-guides.png" alt="Privacy Guides">
</a>
<a title="{{ 'index-publications-whonix-title' | i18n({}, lang) }}" href="https://www.whonix.org/wiki/Chat#Recommendation" target="_blank" rel="noopener">
<img src="/img/design_3/publications/whonix.png" alt="Whonix" class="whonix">
</a>
<a title="{{ 'index-publications-heise-title' | i18n({}, lang) }}" href="https://www.heise.de/suche/?q=simplex+chat&sort_by=date&rm=search" target="_blank" rel="noopener">
<img src="/img/design_3/publications/heise.png" alt="Heise">
</a>
<a title="{{ 'index-publications-kuketz-title' | i18n({}, lang) }}" href="https://www.kuketz-blog.de/simplex-eindruecke-vom-messenger-ohne-identifier/" target="_blank" rel="noopener">
<img src="/img/design_3/publications/kuketz-blog.png" alt="Kuketz Blog" class="kuketz">
</a>
<a title="{{ 'index-publications-optout-title' | i18n({}, lang) }}" href="https://optoutpod.com/episodes/s3e02-simplexchat/" target="_blank" rel="noopener">
<img src="/img/design_3/publications/optout.png" alt="Opt Out">
</a>
</div>
</div>
</div>
</section>
@@ -353,6 +326,20 @@ active_home: true
})();
</script>
<script>
(function coverMetrics(){
const cover = document.querySelector('.page-1.cover');
const invest = cover.querySelector('.content > p.invest');
const socials = cover.querySelector('.socials');
const stats = cover.querySelector('.cover-stats');
const observer = new ResizeObserver(() => {
cover.style.setProperty('--cover-text-b', `${invest.getBoundingClientRect().bottom - cover.getBoundingClientRect().top}px`);
cover.style.setProperty('--cover-socials-w', `${socials.offsetWidth}px`);
cover.style.setProperty('--cover-stats-w', `${stats.offsetWidth}px`);
});
cover.querySelectorAll('.content > *').forEach((el) => observer.observe(el));
})();
</script>
<script>
(function sectionHeaderState(){
const mobileHeader = document.getElementById('mobile-header');
if (!mobileHeader) return;
website/src/js/design3.js
+1 -4
View File
@@ -16,16 +16,14 @@ function initializePage() {
const appleStoreBtn = document.querySelector('.apple-store-btn');
const fDroidBtn = document.querySelector('.f-droid-btn');
const testflightBtn = document.querySelector('.testflight-btn');
const androidBtn = document.querySelector('.android-btn');
const desktopAppBtn = document.querySelector('.desktop-app-btn');
if (!googlePlayBtn || !appleStoreBtn || !fDroidBtn || !testflightBtn || !androidBtn || !desktopAppBtn) return;
if (!googlePlayBtn || !appleStoreBtn || !fDroidBtn || !testflightBtn || !desktopAppBtn) return;
if (isMobile.Android()) {
googlePlayBtn.classList.remove('hidden');
fDroidBtn.classList.remove('hidden');
androidBtn.classList.remove('hidden');
}
else if (isMobile.iOS()) {
appleStoreBtn.classList.remove('hidden');
@@ -37,7 +35,6 @@ function initializePage() {
desktopAppBtn.classList.remove('hidden');
// fDroidBtn.classList.remove('hidden');
// testflightBtn.classList.remove('hidden');
// androidBtn.classList.remove('hidden');
}
showPromotedGroups();
website/src/livestream.html
+4 -4
View File
@@ -27,10 +27,10 @@ templateEngineOverride: njk
{% include "markdown-alternate.html" %}
<meta name="theme-color" content="#C1E3FE">
<link rel="preload" href="/img/design_3/section-4-desktop.webp" as="image" type="image/webp" media="(min-width: 960px)">
<link rel="preload" href="/img/design_3/section-4-desktop-light.webp" as="image" type="image/webp" media="(min-width: 960px) and (prefers-color-scheme: light)">
<link rel="preload" href="/img/design_3/section-4-mobile.webp" as="image" type="image/webp" media="(max-width: 959px)">
<link rel="preload" href="/img/design_3/section-4-mobile-light.webp" as="image" type="image/webp" media="(max-width: 959px) and (prefers-color-scheme: light)">
<link rel="preload" href="/img/design_3/section-4-desktop.webp" as="image" type="image/webp" media="(min-width: 1016px)">
<link rel="preload" href="/img/design_3/section-4-desktop-light.webp" as="image" type="image/webp" media="(min-width: 1016px) and (prefers-color-scheme: light)">
<link rel="preload" href="/img/design_3/section-4-mobile.webp" as="image" type="image/webp" media="(max-width: 1015px)">
<link rel="preload" href="/img/design_3/section-4-mobile-light.webp" as="image" type="image/webp" media="(max-width: 1015px) and (prefers-color-scheme: light)">
<link rel="preload" href="/fonts/GT-Walsheim/GT-Walsheim-LC-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts/Manrope/Manrope-ExtraLight.ttf" as="font" type="font/ttf" crossorigin>