This commit is contained in:
epoberezkin
2025-10-22 20:17:32 +00:00
parent c8a55866b1
commit 3c86963868
270 changed files with 10986 additions and 9820 deletions
+5 -1
View File
@@ -35,6 +35,8 @@
@@ -95,6 +97,8 @@
@@ -372,7 +376,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+23 -6
View File
File diff suppressed because one or more lines are too long
+23 -6
View File
File diff suppressed because one or more lines are too long
+129 -173
View File
@@ -36,6 +36,8 @@
@@ -67,7 +69,7 @@
<script>
function detectMobileBrowser() {
const ua = navigator.userAgent;
// Chrome on iOS
if (/CriOS/.test(ua)) {
document.documentElement.classList.add('chrome-ios');
@@ -125,6 +127,8 @@
@@ -145,7 +149,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">دليل</span>
</a>
</li>
@@ -216,7 +220,7 @@
<li><a href="/docs/business.html" class=" lg:px-[20px] inline-block whitespace-nowrap">SimpleX للأعمال التجارية</a></li>
<li><a href="/docs/directory.html" class=" lg:px-[20px] inline-block whitespace-nowrap">SimpleX خدمة الدليل</a></li>
<li><a href="/docs/directory.html" class=" lg:px-[20px] inline-block whitespace-nowrap">دليل SimpleX</a></li>
<li><a href="/docs/sql.html" class=" lg:px-[20px] inline-block whitespace-nowrap">الوصول إلى قاعدة بيانات الدردشة</a></li>
@@ -330,6 +334,8 @@
@@ -350,28 +356,8 @@
<li>
<a href="/ar/" class="flag-anchor">
<div style="background-color:green; color:white; width:21.33px; height:16px">
<p style="text-align:center; font-size:7px">العربية</p>
</div>
<p>العربية</p>
</a>
</li>
<li>
<a href="/cs/" class="flag-anchor">
<img src="/img/flags/cs.svg" alt="" srcset="">
<p>Čeština</p>
</a>
</li>
<li>
@@ -396,37 +382,10 @@
<li>
<a href="/fi/" class="flag-anchor">
<img src="/img/flags/fi.svg" alt="" srcset="">
<p>Suomi</p>
</a>
</li>
<li>
<a href="/fr/" class="flag-anchor">
<img src="/img/flags/fr.svg" alt="" srcset="">
<p>Français</p>
</a>
</li>
<li>
<a href="/he/" class="flag-anchor">
<img src="/img/flags/il.svg" alt="" srcset="">
<p>עִברִית</p>
</a>
</li>
<li>
@@ -440,6 +399,17 @@
<li>
<a href="/id/" class="flag-anchor">
<img src="/img/flags/id.svg" alt="" srcset="">
<p>Indonesia</p>
</a>
</li>
<li>
<a href="/it/" class="flag-anchor">
@@ -451,70 +421,16 @@
<li>
<a href="/ja/" class="flag-anchor">
<img src="/img/flags/jp.svg" alt="" srcset="">
<p>日本語</p>
</a>
</li>
<li>
<a href="/nl/" class="flag-anchor">
<img src="/img/flags/nl.svg" alt="" srcset="">
<p>Nederlands</p>
</a>
</li>
<li>
<a href="/pl/" class="flag-anchor">
<img src="/img/flags/pl.svg" alt="" srcset="">
<p>Polski</p>
</a>
</li>
<li>
<a href="/pt_BR/" class="flag-anchor">
<img src="/img/flags/br.svg" alt="" srcset="">
<p>Português</p>
</a>
</li>
<li>
<a href="/uk/" class="flag-anchor">
<img src="/img/flags/ua.svg" alt="" srcset="">
<p>Українська</p>
</a>
</li>
<li>
<a href="/zh_Hans/" class="flag-anchor">
<img src="/img/flags/cn.svg" alt="" srcset="">
<p>简体中文</p>
</a>
</li>
@@ -631,21 +547,64 @@ window.addEventListener('click',(e)=>{
}
});
</script>
<div class="screen">
<section class="page-1 cover page">
<div class="area">
<div class="content">
<h1>Be Free</h1>
<h1>Be<br>Free</h1>
<h2 class="gradient-text">Freedom & Security<br>of Your Communications</h2>
<p>The first network where you own your identity, contacts, and groups.</p>
</div>
<div class="socials">
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="/img/new/apple_store.svg" /></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img src="/img/new/google_play.svg" /></a>
<a class="f-droid-btn hidden" href="/ar/fdroid" title="SimpleX F-Droid Repository"><img src="/img/new/f_droid.svg" /></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="no-border" src="/img/design_3/testflight-dark.png" /></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img src="/img/design_3/android-dark.png" /></a>
<div class="socials">
<a href="/downloads" class="desktop-app-btn hidden" title="Download SimpleX Desktop App">
<div class="btn-content">
<div>
<img class="no-border" src="/img/design_3/socials/linux.png">
<img class="no-border" src="/img/design_3/socials/apple.png" alt="">
<img class="no-border" src="/img/design_3/socials/windows.png" alt="">
</div>
<p>Download Desktop App</p>
</div>
</a>
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="/img/new/apple_store.svg"></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank"><img src="/img/new/google_play.svg"></a>
<a class="f-droid-btn hidden" href="/ar/fdroid" title="SimpleX app via F-Droid"><img src="/img/new/f_droid.svg"></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="no-border" src="/img/design_3/testflight-dark.png" title="SimpleX iOS beta-release on TestFlight"></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img src="/img/design_3/android-dark.png"></a>
</div>
<div class="security-btns">
<a title="Security Audits" href="https://www.trailofbits.com/about" target="_blank">
<img src="/img/design_3/publications/trail-of-bits.png" alt="Trail of Bits">
</a>
<a class="box-btn btn-1" title="Security Audit 2022" href="/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html">
2022
</a>
<a class="box-btn btn-2" title="Security Audit 2024" href="/blog/20241014-simplex-network-v6-1-security-review-better-calls-user-experience.html">
2024
</a>
<p class="security-audits">
Security<br>Audits
</p>
</div>
<div class="publications-btns">
<a title="Privacy Guides messenger recommendations" href="https://www.privacyguides.org/en/real-time-communication/#simplex-chat" target="_blank">
<img src="/img/design_3/publications/privacy-guides.png" alt="Privacy Guides">
</a>
<a title="Whonix messenger recommendations" href="https://www.whonix.org/wiki/Chat#Recommendation" target="_blank">
<img src="/img/design_3/publications/whonix.png" alt="Whonix">
</a>
<a title="Heise Online publications" href="https://www.heise.de/suche/?q=simplex+chat&sort_by=date&rm=search" target="_blank">
<img src="/img/design_3/publications/heise.png" alt="Heise">
</a>
<a title="Review by Mike Kuketz" href="https://www.kuketz-blog.de/simplex-eindruecke-vom-messenger-ohne-identifier/" target="_blank">
<img src="/img/design_3/publications/kuketz-blog.png" alt="Kuketz Blog">
</a>
<a title="OptOut podcast interview" href="https://optoutpod.com/episodes/s3e02-simplexchat/" target="_blank">
<img src="/img/design_3/publications/optout.png" alt="Opt Out">
</a>
</div>
</div>
</div>
</section>
@@ -653,39 +612,39 @@ window.addEventListener('click',(e)=>{
<main>
<div class="section-bg"></div>
<section class="page-2 page">
<section id="messaging" class="page-2 page">
<div class="area">
<div class="text-container">
<h2>World's Most Secure Messaging</h2>
<h2>World&apos;s Most Secure Messaging</h2>
<p>SimpleX messaging has cutting-edge end-to-end encryption.</p>
<p>For your security, servers cant see your messages <span>or who you talk to.</span></p>
<a class="gradient-text" href="/learn-more">Learn more about SimpleX messaging</a>
<p>For your security and privacy, servers can&apos;t see your messages <span>and who you talk to</span>.</p>
<a class="gradient-text" href="/ar/messaging">Learn more about SimpleX messaging</a>
</div>
</div>
</section>
<section class="page-3 page">
<section id="nextweb" class="page-3 page">
<div class="area">
<div class="text-container">
<h2>You Own<br>The Next Web</h2>
<p>SimpleX is founded on the belief that <span>you must own your identity, contacts and communities.</span></p>
<p>SimpleX is founded on the belief that <span>you must own your identity, contacts and communities</span>.</p>
<p>Open and decentralized network lets you connect with people and share ideas: be free and secure.</p>
</div>
</div>
</section>
<section class="page-4 page">
<section id="token" class="page-4 page">
<div class="area">
<div class="text-container">
<h2>Communities That Last</h2>
<p>You will support your favorite groups with future Community vouchers.</p>
<p>You will support your favorite groups with future Community Vouchers.</p>
<p>Vouchers will pay for servers, to let your communities stay free and independent.</p>
<a class="gradient-text" href="/community-vouchers">Learn more about Community Vouchers</a>
<a class="gradient-text" href="/token">Learn more and <strong>get your free NFT</strong><br>for 20% discount on SimpleX Token!</a>
</div>
</div>
</section>
<section class="page-5 page">
<section id="roadmap" class="page-5 page">
<div class="area">
<div class="text-container">
<h2>SimpleX Roadmap to Free Internet</h2>
@@ -696,7 +655,7 @@ window.addEventListener('click',(e)=>{
</div>
<div class="roadmap">
<p>2026 </p>
<p class="title"><span>: </span>Sustainable Communities & Servers</p>
<p class="title"><span>: </span>Sustainable Communities &amp; Servers</p>
<p>Launching Community Vouchers</p>
</div>
<div class="roadmap">
@@ -707,52 +666,51 @@ window.addEventListener('click',(e)=>{
</div>
</div>
</section>
<section class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="SimpleX users group" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
<div class="text-container">
<h2>Join SimpleX Communities</h2>
<p>Hundreds of thousands people already trust SimpleX messaging.</p>
<p>Find your communities in SimpleX directory and create your own!</p>
<a class="gradient-text" href="/directory">View SimpleX Directory</a>
</div>
</main>
<section id="directory" class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="SimpleX users group" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<div class="text-container">
<h2>Join SimpleX Communities</h2>
<p>Hundreds of thousands people already trust SimpleX messaging.</p>
<p>Find your communities in SimpleX directory and create your own!</p>
<a class="gradient-text" href="/directory">View SimpleX Directory</a>
</div>
</div>
</section>
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -763,7 +721,7 @@ window.addEventListener('click',(e)=>{
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
عن واتصل بنا
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
@@ -881,8 +839,6 @@ window.addEventListener('click',(e)=>{
</div>
</section>
</main>
</div>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+21 -4
View File
File diff suppressed because one or more lines are too long
+20 -3
View File
File diff suppressed because one or more lines are too long
+126 -170
View File
@@ -34,6 +34,8 @@
@@ -65,7 +67,7 @@
<script>
function detectMobileBrowser() {
const ua = navigator.userAgent;
// Chrome on iOS
if (/CriOS/.test(ua)) {
document.documentElement.classList.add('chrome-ios');
@@ -121,6 +123,8 @@
@@ -321,6 +325,8 @@
@@ -341,28 +347,8 @@
<li>
<a href="/ar/" class="flag-anchor">
<div style="background-color:green; color:white; width:21.33px; height:16px">
<p style="text-align:center; font-size:7px">العربية</p>
</div>
<p>العربية</p>
</a>
</li>
<li>
<a href="/cs/" class="flag-anchor">
<img src="/img/flags/cs.svg" alt="" srcset="">
<p>Čeština</p>
</a>
</li>
<li>
@@ -387,37 +373,10 @@
<li>
<a href="/fi/" class="flag-anchor">
<img src="/img/flags/fi.svg" alt="" srcset="">
<p>Suomi</p>
</a>
</li>
<li>
<a href="/fr/" class="flag-anchor">
<img src="/img/flags/fr.svg" alt="" srcset="">
<p>Français</p>
</a>
</li>
<li>
<a href="/he/" class="flag-anchor">
<img src="/img/flags/il.svg" alt="" srcset="">
<p>עִברִית</p>
</a>
</li>
<li>
@@ -431,6 +390,17 @@
<li>
<a href="/id/" class="flag-anchor">
<img src="/img/flags/id.svg" alt="" srcset="">
<p>Indonesia</p>
</a>
</li>
<li>
<a href="/it/" class="flag-anchor">
@@ -442,70 +412,16 @@
<li>
<a href="/ja/" class="flag-anchor">
<img src="/img/flags/jp.svg" alt="" srcset="">
<p>日本語</p>
</a>
</li>
<li>
<a href="/nl/" class="flag-anchor">
<img src="/img/flags/nl.svg" alt="" srcset="">
<p>Nederlands</p>
</a>
</li>
<li>
<a href="/pl/" class="flag-anchor">
<img src="/img/flags/pl.svg" alt="" srcset="">
<p>Polski</p>
</a>
</li>
<li>
<a href="/pt_BR/" class="flag-anchor">
<img src="/img/flags/br.svg" alt="" srcset="">
<p>Português</p>
</a>
</li>
<li>
<a href="/uk/" class="flag-anchor">
<img src="/img/flags/ua.svg" alt="" srcset="">
<p>Українська</p>
</a>
</li>
<li>
<a href="/zh_Hans/" class="flag-anchor">
<img src="/img/flags/cn.svg" alt="" srcset="">
<p>简体中文</p>
</a>
</li>
@@ -622,21 +538,64 @@ window.addEventListener('click',(e)=>{
}
});
</script>
<div class="screen">
<section class="page-1 cover page">
<div class="area">
<div class="content">
<h1>Be Free</h1>
<h1>Be<br>Free</h1>
<h2 class="gradient-text">Freedom & Security<br>of Your Communications</h2>
<p>The first network where you own your identity, contacts, and groups.</p>
</div>
<div class="socials">
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="/img/new/apple_store.svg" /></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img src="/img/new/google_play.svg" /></a>
<a class="f-droid-btn hidden" href="/bg/fdroid" title="SimpleX F-Droid Repository"><img src="/img/new/f_droid.svg" /></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="no-border" src="/img/design_3/testflight-dark.png" /></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img src="/img/design_3/android-dark.png" /></a>
<div class="socials">
<a href="/downloads" class="desktop-app-btn hidden" title="Download SimpleX Desktop App">
<div class="btn-content">
<div>
<img class="no-border" src="/img/design_3/socials/linux.png">
<img class="no-border" src="/img/design_3/socials/apple.png" alt="">
<img class="no-border" src="/img/design_3/socials/windows.png" alt="">
</div>
<p>Download Desktop App</p>
</div>
</a>
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="/img/new/apple_store.svg"></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank"><img src="/img/new/google_play.svg"></a>
<a class="f-droid-btn hidden" href="/bg/fdroid" title="SimpleX app via F-Droid"><img src="/img/new/f_droid.svg"></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="no-border" src="/img/design_3/testflight-dark.png" title="SimpleX iOS beta-release on TestFlight"></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img src="/img/design_3/android-dark.png"></a>
</div>
<div class="security-btns">
<a title="Security Audits" href="https://www.trailofbits.com/about" target="_blank">
<img src="/img/design_3/publications/trail-of-bits.png" alt="Trail of Bits">
</a>
<a class="box-btn btn-1" title="Security Audit 2022" href="/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html">
2022
</a>
<a class="box-btn btn-2" title="Security Audit 2024" href="/blog/20241014-simplex-network-v6-1-security-review-better-calls-user-experience.html">
2024
</a>
<p class="security-audits">
Security<br>Audits
</p>
</div>
<div class="publications-btns">
<a title="Privacy Guides messenger recommendations" href="https://www.privacyguides.org/en/real-time-communication/#simplex-chat" target="_blank">
<img src="/img/design_3/publications/privacy-guides.png" alt="Privacy Guides">
</a>
<a title="Whonix messenger recommendations" href="https://www.whonix.org/wiki/Chat#Recommendation" target="_blank">
<img src="/img/design_3/publications/whonix.png" alt="Whonix">
</a>
<a title="Heise Online publications" href="https://www.heise.de/suche/?q=simplex+chat&sort_by=date&rm=search" target="_blank">
<img src="/img/design_3/publications/heise.png" alt="Heise">
</a>
<a title="Review by Mike Kuketz" href="https://www.kuketz-blog.de/simplex-eindruecke-vom-messenger-ohne-identifier/" target="_blank">
<img src="/img/design_3/publications/kuketz-blog.png" alt="Kuketz Blog">
</a>
<a title="OptOut podcast interview" href="https://optoutpod.com/episodes/s3e02-simplexchat/" target="_blank">
<img src="/img/design_3/publications/optout.png" alt="Opt Out">
</a>
</div>
</div>
</div>
</section>
@@ -644,39 +603,39 @@ window.addEventListener('click',(e)=>{
<main>
<div class="section-bg"></div>
<section class="page-2 page">
<section id="messaging" class="page-2 page">
<div class="area">
<div class="text-container">
<h2>World's Most Secure Messaging</h2>
<h2>World&apos;s Most Secure Messaging</h2>
<p>SimpleX messaging has cutting-edge end-to-end encryption.</p>
<p>For your security, servers cant see your messages <span>or who you talk to.</span></p>
<a class="gradient-text" href="/learn-more">Learn more about SimpleX messaging</a>
<p>For your security and privacy, servers can&apos;t see your messages <span>and who you talk to</span>.</p>
<a class="gradient-text" href="/bg/messaging">Learn more about SimpleX messaging</a>
</div>
</div>
</section>
<section class="page-3 page">
<section id="nextweb" class="page-3 page">
<div class="area">
<div class="text-container">
<h2>You Own<br>The Next Web</h2>
<p>SimpleX is founded on the belief that <span>you must own your identity, contacts and communities.</span></p>
<p>SimpleX is founded on the belief that <span>you must own your identity, contacts and communities</span>.</p>
<p>Open and decentralized network lets you connect with people and share ideas: be free and secure.</p>
</div>
</div>
</section>
<section class="page-4 page">
<section id="token" class="page-4 page">
<div class="area">
<div class="text-container">
<h2>Communities That Last</h2>
<p>You will support your favorite groups with future Community vouchers.</p>
<p>You will support your favorite groups with future Community Vouchers.</p>
<p>Vouchers will pay for servers, to let your communities stay free and independent.</p>
<a class="gradient-text" href="/community-vouchers">Learn more about Community Vouchers</a>
<a class="gradient-text" href="/token">Learn more and <strong>get your free NFT</strong><br>for 20% discount on SimpleX Token!</a>
</div>
</div>
</section>
<section class="page-5 page">
<section id="roadmap" class="page-5 page">
<div class="area">
<div class="text-container">
<h2>SimpleX Roadmap to Free Internet</h2>
@@ -687,7 +646,7 @@ window.addEventListener('click',(e)=>{
</div>
<div class="roadmap">
<p>2026 </p>
<p class="title"><span>: </span>Sustainable Communities & Servers</p>
<p class="title"><span>: </span>Sustainable Communities &amp; Servers</p>
<p>Launching Community Vouchers</p>
</div>
<div class="roadmap">
@@ -698,52 +657,51 @@ window.addEventListener('click',(e)=>{
</div>
</div>
</section>
<section class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="SimpleX users group" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
<div class="text-container">
<h2>Join SimpleX Communities</h2>
<p>Hundreds of thousands people already trust SimpleX messaging.</p>
<p>Find your communities in SimpleX directory and create your own!</p>
<a class="gradient-text" href="/directory">View SimpleX Directory</a>
</div>
</main>
<section id="directory" class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="SimpleX users group" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<div class="text-container">
<h2>Join SimpleX Communities</h2>
<p>Hundreds of thousands people already trust SimpleX messaging.</p>
<p>Find your communities in SimpleX directory and create your own!</p>
<a class="gradient-text" href="/directory">View SimpleX Directory</a>
</div>
</div>
</section>
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -872,8 +830,6 @@ window.addEventListener('click',(e)=>{
</div>
</section>
</main>
</div>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+5 -1
View File
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -383,7 +387,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+5 -1
View File
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -391,7 +395,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -395,7 +399,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -390,7 +394,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+5 -1
View File
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -404,7 +408,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -402,7 +406,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+5 -1
View File
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -420,7 +424,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -461,7 +465,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -396,7 +400,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -383,7 +387,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -401,7 +405,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -435,7 +439,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -451,7 +455,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -450,7 +454,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -441,7 +445,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -464,7 +468,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -494,7 +498,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -458,7 +462,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -429,7 +433,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -444,7 +448,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -475,7 +479,7 @@ file ---&gt; | XFTP | ------&gt; XFTP ----&gt; | Rela
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -439,7 +443,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -451,7 +455,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -450,7 +454,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -488,7 +492,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -460,7 +464,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -475,7 +479,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -448,7 +452,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -536,7 +540,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -475,7 +479,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -389,7 +393,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -401,7 +405,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -442,7 +446,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -409,7 +413,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -386,7 +390,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -475,7 +479,7 @@ See <a href="/faq/index.html#does-simplex-protect-my-ip-address">F.A.Q. section<
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -399,7 +403,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -535,7 +539,7 @@ A few bugs and UX issues but great foundation. Love that its public domain.</
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -482,7 +486,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+5 -1
View File
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -394,7 +398,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -484,7 +488,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -439,7 +443,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -408,7 +412,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -461,7 +465,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -475,7 +479,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -507,7 +511,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -35,6 +35,8 @@
@@ -102,6 +104,8 @@
@@ -464,7 +468,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+58 -54
View File
File diff suppressed because one or more lines are too long
+21 -4
View File
File diff suppressed because one or more lines are too long
+22 -5
View File
File diff suppressed because one or more lines are too long
+22 -5
View File
File diff suppressed because one or more lines are too long
+128 -172
View File
@@ -36,6 +36,8 @@
@@ -67,7 +69,7 @@
<script>
function detectMobileBrowser() {
const ua = navigator.userAgent;
// Chrome on iOS
if (/CriOS/.test(ua)) {
document.documentElement.classList.add('chrome-ios');
@@ -125,6 +127,8 @@
@@ -145,7 +149,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Složka</span>
</a>
</li>
@@ -330,6 +334,8 @@
@@ -350,28 +356,8 @@
<li>
<a href="/ar/" class="flag-anchor">
<div style="background-color:green; color:white; width:21.33px; height:16px">
<p style="text-align:center; font-size:7px">العربية</p>
</div>
<p>العربية</p>
</a>
</li>
<li>
<a href="/cs/" class="flag-anchor">
<img src="/img/flags/cs.svg" alt="" srcset="">
<p>Čeština</p>
</a>
</li>
<li>
@@ -396,37 +382,10 @@
<li>
<a href="/fi/" class="flag-anchor">
<img src="/img/flags/fi.svg" alt="" srcset="">
<p>Suomi</p>
</a>
</li>
<li>
<a href="/fr/" class="flag-anchor">
<img src="/img/flags/fr.svg" alt="" srcset="">
<p>Français</p>
</a>
</li>
<li>
<a href="/he/" class="flag-anchor">
<img src="/img/flags/il.svg" alt="" srcset="">
<p>עִברִית</p>
</a>
</li>
<li>
@@ -440,6 +399,17 @@
<li>
<a href="/id/" class="flag-anchor">
<img src="/img/flags/id.svg" alt="" srcset="">
<p>Indonesia</p>
</a>
</li>
<li>
<a href="/it/" class="flag-anchor">
@@ -451,70 +421,16 @@
<li>
<a href="/ja/" class="flag-anchor">
<img src="/img/flags/jp.svg" alt="" srcset="">
<p>日本語</p>
</a>
</li>
<li>
<a href="/nl/" class="flag-anchor">
<img src="/img/flags/nl.svg" alt="" srcset="">
<p>Nederlands</p>
</a>
</li>
<li>
<a href="/pl/" class="flag-anchor">
<img src="/img/flags/pl.svg" alt="" srcset="">
<p>Polski</p>
</a>
</li>
<li>
<a href="/pt_BR/" class="flag-anchor">
<img src="/img/flags/br.svg" alt="" srcset="">
<p>Português</p>
</a>
</li>
<li>
<a href="/uk/" class="flag-anchor">
<img src="/img/flags/ua.svg" alt="" srcset="">
<p>Українська</p>
</a>
</li>
<li>
<a href="/zh_Hans/" class="flag-anchor">
<img src="/img/flags/cn.svg" alt="" srcset="">
<p>简体中文</p>
</a>
</li>
@@ -631,21 +547,64 @@ window.addEventListener('click',(e)=>{
}
});
</script>
<div class="screen">
<section class="page-1 cover page">
<div class="area">
<div class="content">
<h1>Be Free</h1>
<h1>Be<br>Free</h1>
<h2 class="gradient-text">Freedom & Security<br>of Your Communications</h2>
<p>The first network where you own your identity, contacts, and groups.</p>
</div>
<div class="socials">
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="/img/new/apple_store.svg" /></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img src="/img/new/google_play.svg" /></a>
<a class="f-droid-btn hidden" href="/cs/fdroid" title="SimpleX F-Droid Repository"><img src="/img/new/f_droid.svg" /></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="no-border" src="/img/design_3/testflight-dark.png" /></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img src="/img/design_3/android-dark.png" /></a>
<div class="socials">
<a href="/downloads" class="desktop-app-btn hidden" title="Download SimpleX Desktop App">
<div class="btn-content">
<div>
<img class="no-border" src="/img/design_3/socials/linux.png">
<img class="no-border" src="/img/design_3/socials/apple.png" alt="">
<img class="no-border" src="/img/design_3/socials/windows.png" alt="">
</div>
<p>Download Desktop App</p>
</div>
</a>
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="/img/new/apple_store.svg"></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank"><img src="/img/new/google_play.svg"></a>
<a class="f-droid-btn hidden" href="/cs/fdroid" title="SimpleX app via F-Droid"><img src="/img/new/f_droid.svg"></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="no-border" src="/img/design_3/testflight-dark.png" title="SimpleX iOS beta-release on TestFlight"></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img src="/img/design_3/android-dark.png"></a>
</div>
<div class="security-btns">
<a title="Security Audits" href="https://www.trailofbits.com/about" target="_blank">
<img src="/img/design_3/publications/trail-of-bits.png" alt="Trail of Bits">
</a>
<a class="box-btn btn-1" title="Security Audit 2022" href="/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html">
2022
</a>
<a class="box-btn btn-2" title="Security Audit 2024" href="/blog/20241014-simplex-network-v6-1-security-review-better-calls-user-experience.html">
2024
</a>
<p class="security-audits">
Security<br>Audits
</p>
</div>
<div class="publications-btns">
<a title="Privacy Guides messenger recommendations" href="https://www.privacyguides.org/en/real-time-communication/#simplex-chat" target="_blank">
<img src="/img/design_3/publications/privacy-guides.png" alt="Privacy Guides">
</a>
<a title="Whonix messenger recommendations" href="https://www.whonix.org/wiki/Chat#Recommendation" target="_blank">
<img src="/img/design_3/publications/whonix.png" alt="Whonix">
</a>
<a title="Heise Online publications" href="https://www.heise.de/suche/?q=simplex+chat&sort_by=date&rm=search" target="_blank">
<img src="/img/design_3/publications/heise.png" alt="Heise">
</a>
<a title="Review by Mike Kuketz" href="https://www.kuketz-blog.de/simplex-eindruecke-vom-messenger-ohne-identifier/" target="_blank">
<img src="/img/design_3/publications/kuketz-blog.png" alt="Kuketz Blog">
</a>
<a title="OptOut podcast interview" href="https://optoutpod.com/episodes/s3e02-simplexchat/" target="_blank">
<img src="/img/design_3/publications/optout.png" alt="Opt Out">
</a>
</div>
</div>
</div>
</section>
@@ -653,39 +612,39 @@ window.addEventListener('click',(e)=>{
<main>
<div class="section-bg"></div>
<section class="page-2 page">
<section id="messaging" class="page-2 page">
<div class="area">
<div class="text-container">
<h2>World's Most Secure Messaging</h2>
<h2>World&apos;s Most Secure Messaging</h2>
<p>SimpleX messaging has cutting-edge end-to-end encryption.</p>
<p>For your security, servers cant see your messages <span>or who you talk to.</span></p>
<a class="gradient-text" href="/learn-more">Learn more about SimpleX messaging</a>
<p>For your security and privacy, servers can&apos;t see your messages <span>and who you talk to</span>.</p>
<a class="gradient-text" href="/cs/messaging">Learn more about SimpleX messaging</a>
</div>
</div>
</section>
<section class="page-3 page">
<section id="nextweb" class="page-3 page">
<div class="area">
<div class="text-container">
<h2>You Own<br>The Next Web</h2>
<p>SimpleX is founded on the belief that <span>you must own your identity, contacts and communities.</span></p>
<p>SimpleX is founded on the belief that <span>you must own your identity, contacts and communities</span>.</p>
<p>Open and decentralized network lets you connect with people and share ideas: be free and secure.</p>
</div>
</div>
</section>
<section class="page-4 page">
<section id="token" class="page-4 page">
<div class="area">
<div class="text-container">
<h2>Communities That Last</h2>
<p>You will support your favorite groups with future Community vouchers.</p>
<p>You will support your favorite groups with future Community Vouchers.</p>
<p>Vouchers will pay for servers, to let your communities stay free and independent.</p>
<a class="gradient-text" href="/community-vouchers">Learn more about Community Vouchers</a>
<a class="gradient-text" href="/token">Learn more and <strong>get your free NFT</strong><br>for 20% discount on SimpleX Token!</a>
</div>
</div>
</section>
<section class="page-5 page">
<section id="roadmap" class="page-5 page">
<div class="area">
<div class="text-container">
<h2>SimpleX Roadmap to Free Internet</h2>
@@ -696,7 +655,7 @@ window.addEventListener('click',(e)=>{
</div>
<div class="roadmap">
<p>2026 </p>
<p class="title"><span>: </span>Sustainable Communities & Servers</p>
<p class="title"><span>: </span>Sustainable Communities &amp; Servers</p>
<p>Launching Community Vouchers</p>
</div>
<div class="roadmap">
@@ -707,52 +666,51 @@ window.addEventListener('click',(e)=>{
</div>
</div>
</section>
<section class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="SimpleX users group" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
<div class="text-container">
<h2>Join SimpleX Communities</h2>
<p>Hundreds of thousands people already trust SimpleX messaging.</p>
<p>Find your communities in SimpleX directory and create your own!</p>
<a class="gradient-text" href="/directory">View SimpleX Directory</a>
</div>
</main>
<section id="directory" class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="SimpleX users group" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<div class="text-container">
<h2>Join SimpleX Communities</h2>
<p>Hundreds of thousands people already trust SimpleX messaging.</p>
<p>Find your communities in SimpleX directory and create your own!</p>
<a class="gradient-text" href="/directory">View SimpleX Directory</a>
</div>
</div>
</section>
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -763,7 +721,7 @@ window.addEventListener('click',(e)=>{
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
O nás & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
@@ -881,8 +839,6 @@ window.addEventListener('click',(e)=>{
</div>
</section>
</main>
</div>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+172 -101
View File
@@ -5,44 +5,10 @@
Medium(500), Bold(700), Ultra-Bold(800), Black(900)
======================= */
/* Thin */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Thin-Trial.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Thin-Oblique-Trial.woff2") format("woff2");
font-weight: 100;
font-style: oblique;
font-display: swap;
}
/* Ultra-Light */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Ultra-Light-Trial.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Ultra-Light-Oblique-Trial.woff2") format("woff2");
font-weight: 200;
font-style: oblique;
font-display: swap;
}
/* Light */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Light-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
@@ -50,7 +16,7 @@
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Light-Oblique-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Light-Oblique.woff2") format("woff2");
font-weight: 300;
font-style: oblique;
font-display: swap;
@@ -59,7 +25,7 @@
/* Regular */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Regular-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
@@ -67,7 +33,7 @@
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Regular-Oblique-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Regular-Oblique.woff2") format("woff2");
font-weight: 400;
font-style: oblique;
font-display: swap;
@@ -76,7 +42,7 @@
/* Medium */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Medium-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
@@ -84,7 +50,7 @@
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Medium-Oblique-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Medium-Oblique.woff2") format("woff2");
font-weight: 500;
font-style: oblique;
font-display: swap;
@@ -93,7 +59,7 @@
/* Bold */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Bold-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
@@ -101,46 +67,12 @@
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Bold-Oblique-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Bold-Oblique.woff2") format("woff2");
font-weight: 700;
font-style: oblique;
font-display: swap;
}
/* Ultra-Bold */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Ultra-Bold-Trial.woff2") format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Ultra-Bold-Oblique-Trial.woff2") format("woff2");
font-weight: 800;
font-style: oblique;
font-display: swap;
}
/* Black */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Black-Trial.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Black-Oblique-Trial.woff2") format("woff2");
font-weight: 900;
font-style: oblique;
font-display: swap;
}
/* =======================
Manrope (TTF)
Family: "Manrope"
@@ -404,21 +336,27 @@ section.page {
/* fallback */
height: 100lvh;
padding-bottom: calc(100lvh - 100svh);
z-index: 10;
}
section.page .area {
position: relative;
width: var(--sec-w);
height: var(--sec-h);
z-index: 11;
/* border: 2px solid red; */
}
#directory .area {
position: relative;
}
/* --- COVER --- */
section.cover {
background-image: url("/img/design_3/cover-light.webp");
background-size: var(--cover-bg-w) var(--cover-bg-h);
background-position: center;
background-repeat: no-repeat;
z-index: 12;
}
.dark section.cover {
@@ -453,7 +391,14 @@ section.cover div.content h1 {
letter-spacing: -0.025em;
color: #ffffff;
text-align: center;
max-width: calc(var(--sec-vwu) * 25);
}
section.cover div.content h1 .small {
font-size: calc(var(--sec-vwu) * 8);
}
section.cover div.content h1 .medium {
font-size: calc(var(--sec-vwu) * 10);
}
section.cover div.content h2 {
@@ -473,30 +418,149 @@ section.cover div.content p {
max-width: calc(var(--sec-vwu) * 25);
}
section.cover div.socials {
.publications-btns {
position: absolute;
width: var(--sec-w);
bottom: calc(var(--sec-vhu) * 3);
padding: 0 calc(var(--sec-vwu) * 4);
bottom: 24px;
left: 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
}
.publications-btns img {
height: 36px;
}
.security-btns {
position: absolute;
bottom: 24px;
left: 0;
transform: translateX(calc((100vw / 2) - 50%));
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
}
.security-btns img {
height: 36px;
}
.box-btn {
height: 36px;
padding: 0 16px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: calc(var(--sec-vwu) * 0.6);
justify-content: center;
font-size: 16px !important;
font-family: 'Manrope', 'GT-Walsheim', sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.25px !important;
border-radius: 6px !important;
}
.box-btn.btn-1 {
background-color: #639bd9;
}
.box-btn.btn-2 {
background: linear-gradient(100deg,
#ffb55d 0%,
#fff494 50%,
#fbffdd 100%);
}
.security-audits {
font-size: 14px !important;
font-family: 'Manrope', 'GT-Walsheim', sans-serif !important;
font-weight: 300 !important;
text-align: left;
color: white;
line-height: 1.2;
}
@media screen and (max-width: 1280px) {
.publications-btns {
display: none;
visibility: hidden;
}
.security-btns {
transform: translateX(0);
left: 16px;
}
}
.socials {
position: absolute;
bottom: 22px;
right: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
section.cover div.socials a img {
.socials a img {
width: auto;
height: calc(var(--sec-vhu) * 4.2);
height: 40px;
border: #4f4f4f 1px solid;
border-radius: calc(var(--sec-vhu) * 0.8);
border-radius: 6px;
}
section.cover div.socials a img.no-border {
.socials a img.no-border {
border: none;
}
.desktop-app-btn .btn-content {
height: 40px;
background-color: #000;
border: #4f4f4f 1px solid;
border-radius: 6px;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.desktop-app-btn .btn-content p {
margin: 0;
font-size: 10px !important;
font-family: 'Manrope', 'GT-Walsheim', sans-serif !important;
font-weight: 300 !important;
line-height: 1.2 !important;
text-align: left;
color: #fff;
width: 60px;
}
.desktop-app-btn .btn-content img {
height: 22px !important;
width: auto;
}
.desktop-app-btn .btn-content>div {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
@media screen and (max-width: 949px) {
.publications-btns,
.security-btns,
.socials {
position: static;
}
}
/* --- MAIN SECTIONS --- */
main {
position: relative;
@@ -508,11 +572,9 @@ main .section-bg {
top: 0;
inset: 0;
height: 100lvh;
/* fallback */
margin-bottom: -100lvh;
/* cancel own layout height */
width: 100%;
background-image: var(--bg-grad);
background-position: center;
background-size: 102% 102%;
@@ -784,10 +846,29 @@ main .section-bg {
}
@media (max-width: 949px) {
section.cover div.content {
gap: calc(var(--sec-vhu) * 2.5);
transform: translateY(calc(var(--sec-vhu) * 5));
}
.publications-btns,
.security-btns,
.socials {
margin-top: calc(var(--sec-vhu) * 2);
}
section.cover div.content h1 {
line-height: 0.85;
font-weight: 700;
font-size: calc(var(--sec-vwu) * 30);
max-width: calc(var(--sec-vwu) * 65);
}
section.cover div.content h1 .small {
font-size: calc(var(--sec-vwu) * 16);
}
section.cover div.content h1 .medium {
font-size: calc(var(--sec-vwu) * 24);
}
section.cover div.content h2 {
@@ -801,16 +882,6 @@ main .section-bg {
max-width: calc(var(--sec-vwu) * 65);
}
section.cover div.socials {
bottom: 32px;
gap: 10px;
justify-content: center;
}
section.cover div.socials a img {
height: 40px;
}
/* --- MAIN SECTIONS --- */
.page .text-container {
+53 -81
View File
@@ -5,49 +5,17 @@
Medium(500), Bold(700), Ultra-Bold(800), Black(900)
======================= */
/* Thin */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Thin-Trial.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Thin-Oblique-Trial.woff2") format("woff2");
font-weight: 100;
font-style: oblique;
font-display: swap;
}
/* Ultra-Light */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Ultra-Light-Trial.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Ultra-Light-Oblique-Trial.woff2") format("woff2");
font-weight: 200;
font-style: oblique;
font-display: swap;
}
/* Light */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Light-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Light-Oblique-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Light-Oblique.woff2") format("woff2");
font-weight: 300;
font-style: oblique;
font-display: swap;
@@ -56,14 +24,14 @@
/* Regular */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Regular-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Regular-Oblique-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Regular-Oblique.woff2") format("woff2");
font-weight: 400;
font-style: oblique;
font-display: swap;
@@ -72,14 +40,14 @@
/* Medium */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Medium-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Medium-Oblique-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Medium-Oblique.woff2") format("woff2");
font-weight: 500;
font-style: oblique;
font-display: swap;
@@ -88,51 +56,19 @@
/* Bold */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Bold-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Bold-Oblique-Trial.woff2") format("woff2");
src: url("/fonts/GT-Walsheim/GT-Walsheim-LC-Bold-Oblique.woff2") format("woff2");
font-weight: 700;
font-style: oblique;
font-display: swap;
}
/* Ultra-Bold */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Ultra-Bold-Trial.woff2") format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Ultra-Bold-Oblique-Trial.woff2") format("woff2");
font-weight: 800;
font-style: oblique;
font-display: swap;
}
/* Black */
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Black-Trial.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-Walsheim";
src: url("/fonts/GT-Walsheim/GT-Walsheim-Black-Oblique-Trial.woff2") format("woff2");
font-weight: 900;
font-style: oblique;
font-display: swap;
}
/* =======================
Manrope (TTF)
Family: "Manrope"
@@ -392,7 +328,7 @@ a{
position: relative;
color: #0D0E12;
}
.nav-link-text::before,
.active .nav-link-text::before,
.menu-link::before {
@@ -404,7 +340,7 @@ a{
right: 0;
transition: width 0.25s ease-out;
}
.menu-link::before {
background-color: #0D0E12;
}
@@ -677,20 +613,20 @@ header nav {
/* comparison */
#comparison table thead th,
#how-secure-comparison table thead th{
#messengers-comparison table thead th{
font-size: 16px;
line-height: 36px;
font-weight: 500;
text-align: center;
}
#comparison table tbody td,
#how-secure-comparison table tbody td{
#messengers-comparison table tbody td{
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
#comparison table tbody tr > td:first-child,
#how-secure-comparison table tbody tr > td:first-child{
#messengers-comparison table tbody tr > td:first-child{
font-size: 16px;
line-height: 24px;
font-weight: 500;
@@ -698,16 +634,52 @@ header nav {
}
[dir="rtl"] #comparison table tbody tr > td:first-child,
[dir="rtl"] #how-secure-comparison table tbody tr > td:first-child{
[dir="rtl"] #messengers-comparison table tbody tr > td:first-child{
text-align: right;
}
@media (min-width: 1024px) {
#comparison table tbody tr > td:first-child,
#how-secure-comparison table tbody tr > td:first-child{
#messengers-comparison table tbody tr > td:first-child{
font-size: 18px;
line-height: 36px;
}
}
}
#messengers-comparison table td.criteria {
min-width: 100px;
height: 52px;
text-align: center;
}
#messengers-comparison table tbody span.criteria-mark {
font-size: 28px;
}
#messengers-comparison table tbody sup {
font-size: 14px;
}
@media (min-width: 1024px) {
#messengers-comparison table tbody span.criteria-mark {
font-size: 36px;
}
#messengers-comparison table tbody sup {
font-size: 18px;
}
}
#messengers-comparison table .green-check {
color: #1DB100;
}
#messengers-comparison table .yellow-check {
color: #FFD932;
}
#messengers-comparison table .red-ballot-x {
color: #EE220C;
}
/* hero */
@@ -925,7 +897,7 @@ p a{
position: fixed;
width: 320px;
max-width: 100%;
z-index: 10001;
z-index: 10001;
transition: opacity .5s;
padding-left: 5px;
padding-right: 5px;
+13 -21
View File
@@ -1069,10 +1069,6 @@ video {
width: 100%;
}
.min-w-\[100px\] {
min-width: 100px;
}
.min-w-\[152px\] {
min-width: 152px;
}
@@ -1255,10 +1251,6 @@ video {
justify-content: space-around;
}
.gap-0 {
gap: 0px;
}
.gap-1 {
gap: 0.25rem;
}
@@ -1439,9 +1431,9 @@ video {
background-color: rgb(72 246 194 / var(--tw-bg-opacity));
}
.bg-\[\#D9E7ED\] {
.bg-\[\#D3E9FF\] {
--tw-bg-opacity: 1;
background-color: rgb(217 231 237 / var(--tw-bg-opacity));
background-color: rgb(211 233 255 / var(--tw-bg-opacity));
}
.bg-\[\#D9ECFF\] {
@@ -1449,6 +1441,11 @@ video {
background-color: rgb(217 236 255 / var(--tw-bg-opacity));
}
.bg-\[\#DBEEFF\] {
--tw-bg-opacity: 1;
background-color: rgb(219 238 255 / var(--tw-bg-opacity));
}
.bg-\[\#F3F6F7\] {
--tw-bg-opacity: 1;
background-color: rgb(243 246 247 / var(--tw-bg-opacity));
@@ -1471,7 +1468,7 @@ video {
.bg-card-desc-bg-light {
--tw-bg-opacity: 1;
background-color: rgb(217 231 237 / var(--tw-bg-opacity));
background-color: rgb(219 238 255 / var(--tw-bg-opacity));
}
.bg-primary-bg-light {
@@ -1874,11 +1871,6 @@ video {
color: rgb(221 0 0 / var(--tw-text-opacity));
}
.text-\[\#e2b01b\] {
--tw-text-opacity: 1;
color: rgb(226 176 27 / var(--tw-text-opacity));
}
.text-active-blue {
--tw-text-opacity: 1;
color: rgb(1 151 255 / var(--tw-text-opacity));
@@ -2135,16 +2127,16 @@ video {
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
:is(.dark .dark\:bg-\[\#080D25\]) {
--tw-bg-opacity: 1;
background-color: rgb(8 13 37 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#0C0B13\]) {
--tw-bg-opacity: 1;
background-color: rgb(12 11 19 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#0E2B57\]) {
--tw-bg-opacity: 1;
background-color: rgb(14 43 87 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-\[\#11182F\]) {
--tw-bg-opacity: 1;
background-color: rgb(17 24 47 / var(--tw-bg-opacity));
+23 -6
View File
File diff suppressed because one or more lines are too long
+23 -6
View File
File diff suppressed because one or more lines are too long
+142 -186
View File
@@ -36,6 +36,8 @@
@@ -67,7 +69,7 @@
<script>
function detectMobileBrowser() {
const ua = navigator.userAgent;
// Chrome on iOS
if (/CriOS/.test(ua)) {
document.documentElement.classList.add('chrome-ios');
@@ -125,6 +127,8 @@
@@ -145,7 +149,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Verzeichnis</span>
</a>
</li>
@@ -216,7 +220,7 @@
<li><a href="/docs/business.html" class=" lg:px-[20px] inline-block whitespace-nowrap">SimpleX für geschäftliche Anwendungen</a></li>
<li><a href="/docs/directory.html" class=" lg:px-[20px] inline-block whitespace-nowrap">SimpleX-Verzeichnisdienst</a></li>
<li><a href="/docs/directory.html" class=" lg:px-[20px] inline-block whitespace-nowrap">SimpleX-Verzeichnis</a></li>
<li><a href="/docs/sql.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Zugriff auf die Chat-Datenbank</a></li>
@@ -330,6 +334,8 @@
@@ -350,28 +356,8 @@
<li>
<a href="/ar/" class="flag-anchor">
<div style="background-color:green; color:white; width:21.33px; height:16px">
<p style="text-align:center; font-size:7px">العربية</p>
</div>
<p>العربية</p>
</a>
</li>
<li>
<a href="/cs/" class="flag-anchor">
<img src="/img/flags/cs.svg" alt="" srcset="">
<p>Čeština</p>
</a>
</li>
<li>
@@ -396,37 +382,10 @@
<li>
<a href="/fi/" class="flag-anchor">
<img src="/img/flags/fi.svg" alt="" srcset="">
<p>Suomi</p>
</a>
</li>
<li>
<a href="/fr/" class="flag-anchor">
<img src="/img/flags/fr.svg" alt="" srcset="">
<p>Français</p>
</a>
</li>
<li>
<a href="/he/" class="flag-anchor">
<img src="/img/flags/il.svg" alt="" srcset="">
<p>עִברִית</p>
</a>
</li>
<li>
@@ -440,6 +399,17 @@
<li>
<a href="/id/" class="flag-anchor">
<img src="/img/flags/id.svg" alt="" srcset="">
<p>Indonesia</p>
</a>
</li>
<li>
<a href="/it/" class="flag-anchor">
@@ -451,70 +421,16 @@
<li>
<a href="/ja/" class="flag-anchor">
<img src="/img/flags/jp.svg" alt="" srcset="">
<p>日本語</p>
</a>
</li>
<li>
<a href="/nl/" class="flag-anchor">
<img src="/img/flags/nl.svg" alt="" srcset="">
<p>Nederlands</p>
</a>
</li>
<li>
<a href="/pl/" class="flag-anchor">
<img src="/img/flags/pl.svg" alt="" srcset="">
<p>Polski</p>
</a>
</li>
<li>
<a href="/pt_BR/" class="flag-anchor">
<img src="/img/flags/br.svg" alt="" srcset="">
<p>Português</p>
</a>
</li>
<li>
<a href="/uk/" class="flag-anchor">
<img src="/img/flags/ua.svg" alt="" srcset="">
<p>Українська</p>
</a>
</li>
<li>
<a href="/zh_Hans/" class="flag-anchor">
<img src="/img/flags/cn.svg" alt="" srcset="">
<p>简体中文</p>
</a>
</li>
@@ -631,21 +547,64 @@ window.addEventListener('click',(e)=>{
}
});
</script>
<div class="screen">
<section class="page-1 cover page">
<div class="area">
<div class="content">
<h1>Be Free</h1>
<h2 class="gradient-text">Freedom & Security<br>of Your Communications</h2>
<p>The first network where you own your identity, contacts, and groups.</p>
</div>
<div class="socials">
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="/img/new/apple_store.svg" /></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img src="/img/new/google_play.svg" /></a>
<a class="f-droid-btn hidden" href="/de/fdroid" title="SimpleX F-Droid Repository"><img src="/img/new/f_droid.svg" /></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="no-border" src="/img/design_3/testflight-dark.png" /></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img src="/img/design_3/android-dark.png" /></a>
<h1>Sei<br>frei</h1>
<h2 class="gradient-text">Freiheit & Sicherheit<br>Ihrer Kommunikation</h2>
<p>Das erste Netzwerk, in dem Sie Ihre Identität, Kontakte und Gruppen besitzen.</p>
<div class="socials">
<a href="/downloads" class="desktop-app-btn hidden" title="Download der SimpleX Desktop-App">
<div class="btn-content">
<div>
<img class="no-border" src="/img/design_3/socials/linux.png">
<img class="no-border" src="/img/design_3/socials/apple.png" alt="">
<img class="no-border" src="/img/design_3/socials/windows.png" alt="">
</div>
<p>Download Desktop App</p>
</div>
</a>
<a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="/img/new/apple_store.svg"></a>
<a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank"><img src="/img/new/google_play.svg"></a>
<a class="f-droid-btn hidden" href="/de/fdroid" title="SimpleX F-Droid-Repository"><img src="/img/new/f_droid.svg"></a>
<a class="testflight-btn hidden" href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="no-border" src="/img/design_3/testflight-dark.png" title="Öffentlicher iOS-Preview auf TestFlight"></a>
<a class="android-btn hidden" href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img src="/img/design_3/android-dark.png"></a>
</div>
<div class="security-btns">
<a title="Security-Gutachten" href="https://www.trailofbits.com/about" target="_blank">
<img src="/img/design_3/publications/trail-of-bits.png" alt="Trail of Bits">
</a>
<a class="box-btn btn-1" title="Security-Überprüfung 2022" href="/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html">
2022
</a>
<a class="box-btn btn-2" title="Security-Überprüfung 2024" href="/blog/20241014-simplex-network-v6-1-security-review-better-calls-user-experience.html">
2024
</a>
<p class="security-audits">
Security-<br>Audits
</p>
</div>
<div class="publications-btns">
<a title="Empfehlungen für Messenger" href="https://www.privacyguides.org/en/real-time-communication/#simplex-chat" target="_blank">
<img src="/img/design_3/publications/privacy-guides.png" alt="Privacy Guides">
</a>
<a title="Whonix - Empfehlungen für Messenger" href="https://www.whonix.org/wiki/Chat#Recommendation" target="_blank">
<img src="/img/design_3/publications/whonix.png" alt="Whonix">
</a>
<a title="Veröffentlichung" href="https://www.heise.de/suche/?q=simplex+chat&sort_by=date&rm=search" target="_blank">
<img src="/img/design_3/publications/heise.png" alt="Heise">
</a>
<a title="Überprüfung" href="https://www.kuketz-blog.de/simplex-eindruecke-vom-messenger-ohne-identifier/" target="_blank">
<img src="/img/design_3/publications/kuketz-blog.png" alt="Kuketz Blog">
</a>
<a title="Podcast-Interview" href="https://optoutpod.com/episodes/s3e02-simplexchat/" target="_blank">
<img src="/img/design_3/publications/optout.png" alt="Opt Out">
</a>
</div>
</div>
</div>
</section>
@@ -653,106 +612,105 @@ window.addEventListener('click',(e)=>{
<main>
<div class="section-bg"></div>
<section class="page-2 page">
<section id="messaging" class="page-2 page">
<div class="area">
<div class="text-container">
<h2>World's Most Secure Messaging</h2>
<p>SimpleX messaging has cutting-edge end-to-end encryption.</p>
<p>For your security, servers cant see your messages <span>or who you talk to.</span></p>
<a class="gradient-text" href="/learn-more">Learn more about SimpleX messaging</a>
<h2>Das sicherste Messaging-System der Welt</h2>
<p>SimpleX-Messaging verfügt über modernste Ende-zu-Ende-Verschlüsselung.</p>
<p>Zu Ihrer Sicherheit und zum Schutz Ihrer Privatsphäre können Server Ihre Nachrichten weder sehen,<span> noch mit wem Sie kommunizieren.</span></p>
<a class="gradient-text" href="/de/messaging">Lernen Sie mehr über SimpleX-Messaging</a>
</div>
</div>
</section>
<section class="page-3 page">
<section id="nextweb" class="page-3 page">
<div class="area">
<div class="text-container">
<h2>You Own<br>The Next Web</h2>
<p>SimpleX is founded on the belief that <span>you must own your identity, contacts and communities.</span></p>
<p>Open and decentralized network lets you connect with people and share ideas: be free and secure.</p>
<h2>Sie besitzen<br>The Next Web</h2>
<p>SimpleX basiert auf der Überzeugung, dass <span>Sie Eigentümer Ihrer Identität, Ihrer Kontakte und Ihrer Communities sein müssen.</span></p>
<p>Ein offenes und dezentrales Netzwerk ermöglicht es Ihnen, mit Menschen in Kontakt zu treten und Ideen auszutauschen: Seien Sie frei und sicher.</p>
</div>
</div>
</section>
<section class="page-4 page">
<section id="token" class="page-4 page">
<div class="area">
<div class="text-container">
<h2>Communities That Last</h2>
<p>You will support your favorite groups with future Community vouchers.</p>
<p>Vouchers will pay for servers, to let your communities stay free and independent.</p>
<a class="gradient-text" href="/community-vouchers">Learn more about Community Vouchers</a>
<h2>Communities, die Bestand haben</h2>
<p>Sie werden Ihre Lieblingsgruppen mit zukünftigen Community-Gutscheinen unterstützen.</p>
<p>Server werden mit Gutscheinen bezahlt, damit Ihre Communities kostenlos und unabhängig bleiben können.</p>
<a class="gradient-text" href="/token">Erfahren Sie mehr und <strong>holen Sie sich Ihren kostenlosen NFT</strong><br>für 20 % Rabatt auf SimpleX-Token!</a>
</div>
</div>
</section>
<section class="page-5 page">
<section id="roadmap" class="page-5 page">
<div class="area">
<div class="text-container">
<h2>SimpleX Roadmap to Free Internet</h2>
<h2>SimpleX - Roadmap zum freien Internet</h2>
<div class="roadmap">
<p>2025 </p>
<p class="title"><span>: </span>Scale to Large Communities</p>
<p>Escaping centralized platforms</p>
<p class="title"><span>: </span>Skalierung auf große Communities</p>
<p>Ausstieg aus zentralisierten Plattformen</p>
</div>
<div class="roadmap">
<p>2026 </p>
<p class="title"><span>: </span>Sustainable Communities & Servers</p>
<p>Launching Community Vouchers</p>
<p class="title"><span>: </span>Nachhaltige Communities &amp; Server</p>
<p>Einführung von Community-Gutscheinen</p>
</div>
<div class="roadmap">
<p>2027 </p>
<p class="title"><span>: </span>Make Your Communities Grow</p>
<p>Tools to promote your communities</p>
<p class="title"><span>: </span>Lassen Sie Ihre Communities wachsen</p>
<p>Tools zur Förderung Ihrer Communities</p>
</div>
</div>
</div>
</section>
<section class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="SimpleX users group" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
<div class="text-container">
<h2>Join SimpleX Communities</h2>
<p>Hundreds of thousands people already trust SimpleX messaging.</p>
<p>Find your communities in SimpleX directory and create your own!</p>
<a class="gradient-text" href="/directory">View SimpleX Directory</a>
</div>
</main>
<section id="directory" class="page-6 page">
<div class="area">
<div class="group-images">
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="https://smp4.simplex.im/g#hr4lvFeBmndWMKTwqiodPz3VBo_6UmdGWocXd1SupsM" class="simplex-image" title="SimpleX-Nutzergruppe" target="_blank">
<img class="block dark:hidden" src="/img/new/logo-symbol-light.svg">
<img class="hidden dark:block" src="/img/new/logo-symbol-dark.svg">
</a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
<a href="/directory" class="group-image" target="_blank"><img src="/img/group.svg"></a>
</div>
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<div class="text-container">
<h2>Treten Sie SimpleX-Communities bei</h2>
<p>Hunderttausende Menschen vertrauen bereits SimpleX-Messaging.</p>
<p>Finden Sie Ihre Communities im SimpleX-Verzeichnis und erstellen Sie Ihre Eigenen!</p>
<a class="gradient-text" href="/directory">SimpleX-Verzeichnis anzeigen</a>
</div>
</div>
</section>
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -763,7 +721,7 @@ window.addEventListener('click',(e)=>{
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
Über uns & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
@@ -881,8 +839,6 @@ window.addEventListener('click',(e)=>{
</div>
</section>
</main>
</div>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+7 -3
View File
File diff suppressed because one or more lines are too long
+15 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -931,7 +945,7 @@ select * from users;
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -844,7 +852,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+15 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -1061,7 +1075,7 @@ brew services start tor
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -759,7 +767,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+15 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -1012,7 +1026,7 @@ import Control.Monad
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+5 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -723,7 +727,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+14 -4
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -745,6 +753,8 @@ window.addEventListener('click',(e)=>{
<div><h1 id="glossary" tabindex="-1">Glossary</h1>
<p>Choosing a private messenger requires the understanding of many technical terms, that many users, even quite technical, often misunderstand. This list is aiming to fill this knowledge gap. Please suggest any changes or additions.</p>
<p>While this glossary aims to be factual and objective, it is not completely unbiased. We designed SimpleX to be the most private, secure and resilient communication network, and some definitions reflect this view.</p>
<h2 id="2-factor-key-exchange" tabindex="-1">2-factor key exchange</h2>
<p>The ability of communication service to ensure the security of the <a href="#key-agreement-protocol">key agreement protocol</a> against <a href="#man-in-the-middle-attack">man-in-the-middle</a>.</p>
<h2 id="address-portability" tabindex="-1">Address portability</h2>
<p>Similarly to <a href="https://en.wikipedia.org/wiki/Local_number_portability">phone number portability</a> (the ability of the customer to transfer the service to another provider without changing the number), the address portability means the ability of a communication service customer to change the service provider without changing the service address. Many <a href="#federated-network">federated networks</a> support SRV records to provide address portability, but allowing service users to set up their own domains for the addresses is not as commonly supported by the available server and client software as for email.</p>
<h2 id="anonymous-credentials" tabindex="-1">Anonymous credentials</h2>
@@ -794,7 +804,7 @@ window.addEventListener('click',(e)=>{
<p>Also known as perfect forward secrecy, it is a feature of a <a href="#key-agreement-protocol">key agreement protocol</a> that ensures that session keys will not be compromised even if long-term secrets used in the session key exchange are compromised. Forward secrecy protects past sessions against future compromises of session or long-term keys.</p>
<p><a href="https://en.wikipedia.org/wiki/Forward_secrecy">Wikipedia</a></p>
<h2 id="key-agreement-protocol" tabindex="-1">Key agreement protocol</h2>
<p>Also known as key exchange, it is a process of agreeing cryptographic keys between the sender and the recipient(s) of the message. It is required for <a href="#end-to-end-encryption">end-to-end encryption</a> to work.</p>
<p>Also known as key exchange, it is a process of agreeing cryptographic keys between the sender and the recipient(s) of the message. It is required for <a href="#end-to-end-encryption">end-to-end encryption</a> to work. Unless it is possible to secure the key exchange via <a href="#2-factor-key-exchange">some second factor</a>, e.g. security code verification, it can be vulnerable to <a href="#man-in-the-middle-attack">man-in-the-middle attack</a>.</p>
<p><a href="https://en.wikipedia.org/wiki/Key-agreement_protocol">Wikipedia</a></p>
<h2 id="key-exchange" tabindex="-1">Key exchange</h2>
<p><a href="#key-agreement-protocol">Key agreement protocol</a>.</p>
@@ -834,9 +844,9 @@ window.addEventListener('click',(e)=>{
<h2 id="perfect-forward-secrecy" tabindex="-1">Perfect forward secrecy</h2>
<p><a href="#forward-secrecy">Forward secrecy</a>.</p>
<h2 id="post-compromise-security" tabindex="-1">Post-compromise security</h2>
<p>Also known as break-in recovery, it is the quality of the end-to-end encryption scheme allowing to recover security against a passive attacker who observes encrypted messages after compromising one (or both) of the parties. Also known as recovery from compromise or break-in recovery. <a href="#double-ratchet-algorithm">Double-ratchet algorithm</a> has this quality.</p>
<p>The quality of the end-to-end encryption scheme allowing to recover security against a passive attacker who observes encrypted messages after compromising one (or both) of the parties. Also known as recovery from compromise or break-in recovery. <a href="#double-ratchet-algorithm">Double-ratchet algorithm</a> has this quality.</p>
<h2 id="post-quantum-cryptography" tabindex="-1">Post-quantum cryptography</h2>
<p>Any of the proposed cryptographic systems or algorithms that are thought to be secure against an attack by a quantum computer. It appears that as of 2023 there is no system or algorithm that is proven to be secure against such attacks, or even to be secure against attacks by massively parallel conventional computers, so a general recommendation is to use post-quantum cryptographic systems in combination with the traditional cryptographic systems.</p>
<p>Any of the proposed cryptographic systems or algorithms that are thought to be secure against an attack by a quantum computer. It appears that as of 2025 there is no system or algorithm that is <em>proven</em> to be secure against such attacks, or even to be secure against attacks by massively parallel conventional computers, so a general recommendation is to use post-quantum hybrid cryptography - combining post-quantum and traditional algorigthms.</p>
<p><a href="https://en.wikipedia.org/wiki/Post-quantum_cryptography">Wikipedia</a></p>
<h2 id="privacy" tabindex="-1">Privacy</h2>
<p>Someone's right to keep (or the state when they keep) their personal matters and relationships secret (e.g., <a href="https://dictionary.cambridge.org/dictionary/english/privacy">Cambridge dictionary</a>). Privacy of communication systems should include the privacy of connections and meta-data, not only the privacy of the content of messages. <a href="#end-to-end-encryption">End-to-end encryption</a> on its own does not provide privacy, as it only protects message content and not connections or meta-data.</p>
@@ -857,7 +867,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -892,7 +900,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -817,7 +825,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -831,7 +839,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -815,7 +823,7 @@ Here you can choose whether you wish to allow disappearing messages, deleting me
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -773,7 +781,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+5 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -685,7 +689,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -808,7 +816,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -799,7 +807,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+9 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -817,7 +825,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+17 -3
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -116,7 +120,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Složka</span>
</a>
</li>
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -895,7 +909,7 @@ select * from users;
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -906,7 +920,7 @@ select * from users;
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
O nás & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
+17 -3
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -116,7 +120,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Složka</span>
</a>
</li>
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -1012,7 +1026,7 @@ brew services start tor
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -1023,7 +1037,7 @@ brew services start tor
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
O nás & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
+17 -3
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -116,7 +120,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Složka</span>
</a>
</li>
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -866,7 +880,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -877,7 +891,7 @@ window.addEventListener('click',(e)=>{
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
O nás & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
+17 -3
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -116,7 +120,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Složka</span>
</a>
</li>
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -1151,7 +1165,7 @@ allow_local_mode = true
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -1162,7 +1176,7 @@ allow_local_mode = true
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
O nás & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
+17 -3
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -116,7 +120,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Složka</span>
</a>
</li>
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -965,7 +979,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -976,7 +990,7 @@ window.addEventListener('click',(e)=>{
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
O nás & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
+17 -3
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -116,7 +120,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Složka</span>
</a>
</li>
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -918,7 +932,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -929,7 +943,7 @@ window.addEventListener('click',(e)=>{
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
O nás & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
+17 -3
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -116,7 +120,7 @@
<li class="nav-link ">
<a href="/directory/">
<span class="nav-link-text">Directory</span>
<span class="nav-link-text">Složka</span>
</a>
</li>
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -997,7 +1011,7 @@ Připojení k &lt;vaše_ip_nebo_doména&gt; 5349 port [tcp/*] uspělo!
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
@@ -1008,7 +1022,7 @@ Připojení k &lt;vaše_ip_nebo_doména&gt; 5349 port [tcp/*] uspělo!
<div class="flex flex-col items-center lg:items-start">
<a href="/about/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
About & Contact us
O nás & Kontakt
</a>
<a href="/privacy/"
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3 flex items-center gap-1">
+15 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -895,7 +909,7 @@ select * from users;
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+15 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -1013,7 +1027,7 @@ brew services start tor
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
+15 -1
View File
@@ -36,6 +36,8 @@
@@ -96,6 +98,8 @@
@@ -301,6 +305,8 @@
@@ -352,6 +358,8 @@
@@ -399,6 +407,8 @@
@@ -449,6 +459,8 @@
@@ -473,6 +485,8 @@
@@ -866,7 +880,7 @@ window.addEventListener('click',(e)=>{
</section>
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<section class="bg-[#D3E9FF] dark:bg-[#080D25] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">

Some files were not shown because too many files have changed in this diff Show More