mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-03-31 05:25:47 +00:00
deploy: f5670c39da
This commit is contained in:
epoberezkin
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Připojte se ke komunitě REDDIT</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Připojte se k nám na GitHubu</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Přispějte zde a pomozte nám</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Přispějte zde a pomozte nám</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Přihlaste se k odběru novinek</p>
|
||||
|
||||
@@ -296,10 +296,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
|
||||
Jiné aplikace mají uživatelská ID: Signal, Matrix, Session, Briar, Jami, Cwtch atd.<br> SimpleX ne, <strong>ani náhodná čísla</strong>.<br> To radikálně zlepšuje vaše soukromí.
|
||||
</p>
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Proč jsou uživatelská ID špatná pro soukromí?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Proč jsou uživatelská ID špatná pro soukromí?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Proč jsou uživatelská ID špatná pro soukromí?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -338,10 +338,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Jak funguje SimpleX?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Jak funguje SimpleX?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Jak funguje SimpleX?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -464,7 +464,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</script>
|
||||
|
||||
|
||||
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<section id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<div class="container">
|
||||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Proč na soukromí <span class='gradient-text'>záleží</span></p>
|
||||
<p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">Zachování soukromí vašich metadat — <span class='text-active-blue'>s kým mluvíte</span> — vás chrání před:</p>
|
||||
@@ -478,10 +478,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Reklamou a cenovou diskriminací</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Soukromí vám šetří peníze</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Soukromí vám šetří peníze</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Soukromí vám šetří peníze</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -525,10 +525,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Manipulací s volbami</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Soukromí vám dává moc</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Soukromí vám dává moc</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Soukromí vám dává moc</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -569,10 +569,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Stíháním kvůli nevinnému sdružení</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Soukromí chrání vaši svobodu</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Soukromí chrání vaši svobodu</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Soukromí chrání vaši svobodu</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -650,7 +650,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Další informace</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Další informace</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -698,7 +698,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Další informace</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Další informace</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -749,7 +749,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Další informace</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Další informace</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -800,7 +800,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-4" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Další informace</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Další informace</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -842,7 +842,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Úplné soukromí vaší identity, profilu, kontaktů a metadat</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -884,7 +884,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Nejlepší ochrana před spamem a zneužitím</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -923,7 +923,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Vlastnictví, kontrola a zabezpečení vašich dat</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -968,7 +968,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-4" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Plně decentralizované — uživatelé vlastní síť SimpleX</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1310,10 +1310,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:flex-[2] flex flex-col items-center justify-center">
|
||||
<p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">Na rozdíl od P2P sítí</p>
|
||||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||||
Všechny zprávy se odesílají přes servery, což zajišťuje lepší soukromí metadat a spolehlivé asynchronní doručování zpráv, přičemž se zamezuje mnoha <a href="javascript:void(0)" data-show-overlay="simplex-network-overlay-1" class="open-overlay-btn">problémům P2P sítí</a>.
|
||||
Všechny zprávy se odesílají přes servery, což zajišťuje lepší soukromí metadat a spolehlivé asynchronní doručování zpráv, přičemž se zamezuje mnoha <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">problémům P2P sítí</a>.
|
||||
|
||||
|
||||
<div id="simplex-network-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Srovnání s protokoly zpráv P2P</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1608,7 +1608,7 @@ window.addEventListener("load", function () {
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Připojte se ke komunitě REDDIT</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Připojte se k nám na GitHubu</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Přispějte zde a pomozte nám</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Přispějte zde a pomozte nám</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Přihlaste se k odběru novinek</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Připojte se ke komunitě REDDIT</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Připojte se k nám na GitHubu</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Přispějte zde a pomozte nám</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Přispějte zde a pomozte nám</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Přihlaste se k odběru novinek</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Treten Sie der Reddit-Gruppe bei</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Schließen Sie sich uns bei GitHub an</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Spenden Sie hier, um uns zu unterstützen</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Spenden Sie hier, um uns zu unterstützen</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Melden Sie sich an, um Updates von uns zu erhalten</p>
|
||||
|
||||
@@ -296,10 +296,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
|
||||
Andere Apps haben Nutzerkennungen: Signal, Matrix, Session, Briar, Jami, Cwtch usw.<br> SimpleX arbeitet ohne diese, <strong>nicht einmal mit Zufallszahlen</strong>.<br> Dies erhöht die Privatsphäre ungemein.
|
||||
</p>
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Warum sind Nutzerkennungen schlecht für die Privatspäre?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Warum sind Nutzerkennungen schlecht für die Privatspäre?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Warum Benutzerkennungen schlecht für die Privatsphäre sind?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -338,10 +338,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Wie SimpleX funktioniert?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Wie SimpleX funktioniert?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Wie SimpleX funktioniert?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -464,7 +464,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</script>
|
||||
|
||||
|
||||
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<section id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<div class="container">
|
||||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Warum es auf Privatsphäre <span class='gradient-text'>ankommt</span></p>
|
||||
<p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">Die Wahrung der Privatsphäre Ihrer Metadaten — <span class='text-active-blue'>mit wem Sie sprechen</span> schützt Sie vor:</p>
|
||||
@@ -478,10 +478,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Werbung und Preisdiskriminierung</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privatsphäre sichert Ihnen Geld</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privatsphäre sichert Ihnen Geld</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privatsphäre sichert Ihnen Geld</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -525,10 +525,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Wahlmanipulationen</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privatsphäre gibt Ihnen Kraft</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privatsphäre gibt Ihnen Kraft</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privatsphäre gibt Ihnen Kraft</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -569,10 +569,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Strafverfolgung wegen einer unschuldigen Verbindung</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privatsphäre schützt Ihre Freiheit</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privatsphäre schützt Ihre Freiheit</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privatsphäre schützt Ihre Freiheit</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -650,7 +650,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Lernen Sie mehr darüber</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Lernen Sie mehr darüber</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -698,7 +698,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Lernen Sie mehr darüber</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Lernen Sie mehr darüber</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -749,7 +749,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Lernen Sie mehr darüber</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Lernen Sie mehr darüber</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -800,7 +800,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-4" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Lernen Sie mehr darüber</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Lernen Sie mehr darüber</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -842,7 +842,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Komplette Privatsphäre für Ihre Identität, ihr Profil, Ihre Kontakte und Metadaten</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -884,7 +884,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Der beste Schutz vor SPAM und Missbrauch</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -923,7 +923,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Besitz, Kontrolle und Sicherheit Ihrer Daten</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -968,7 +968,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-4" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Voll dezentralisiert — Die Nutzer besitzen das SimpleX Netzwerk</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1310,10 +1310,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:flex-[2] flex flex-col items-center justify-center">
|
||||
<p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">Im Gegensatz zu P2P-Netzwerken</p>
|
||||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||||
Alle Nachrichten werden über Server versandt, was sowohl einen besseren Schutz der Metadaten als auch eine zuverlässige asynchrone Nachrichtenübermittlung ermöglicht und gleichzeitig Vieles vermeidet <a href="javascript:void(0)" data-show-overlay="simplex-network-overlay-1" class="open-overlay-btn">Probleme von P2P-Netzwerken</a>.
|
||||
Alle Nachrichten werden über Server versandt, was sowohl einen besseren Schutz der Metadaten als auch eine zuverlässige asynchrone Nachrichtenübermittlung ermöglicht und gleichzeitig Vieles vermeidet <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">Probleme von P2P-Netzwerken</a>.
|
||||
|
||||
|
||||
<div id="simplex-network-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Vergleich mit P2P Nachrichten-Protokollen</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1608,7 +1608,7 @@ window.addEventListener("load", function () {
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Treten Sie der Reddit-Gruppe bei</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Schließen Sie sich uns bei GitHub an</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Spenden Sie hier, um uns zu unterstützen</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Spenden Sie hier, um uns zu unterstützen</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Melden Sie sich an, um Updates von uns zu erhalten</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Treten Sie der Reddit-Gruppe bei</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Schließen Sie sich uns bei GitHub an</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Spenden Sie hier, um uns zu unterstützen</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Spenden Sie hier, um uns zu unterstützen</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Melden Sie sich an, um Updates von uns zu erhalten</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -296,10 +296,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
|
||||
Other apps have user IDs: Signal, Matrix, Session, Briar, Jami, Cwtch, etc.<br> SimpleX does not, <strong>not even random numbers</strong>.<br> This radically improves your privacy.
|
||||
</p>
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Why user IDs are bad for privacy?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Why user IDs are bad for privacy?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Why user IDs are bad for privacy?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -338,10 +338,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">How does SimpleX work?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">How does SimpleX work?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">How does SimpleX work?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -464,7 +464,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</script>
|
||||
|
||||
|
||||
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<section id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<div class="container">
|
||||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Why privacy <span class='gradient-text'>matters</span></p>
|
||||
<p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">Preserving the privacy of your metadata — <span class='text-active-blue'>who you talk with</span> — protects you from:</p>
|
||||
@@ -478,10 +478,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Advertising and price discrimination</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy saves you money</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy saves you money</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy saves you money</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -525,10 +525,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Manipulation of elections</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy gives you power</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy gives you power</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy gives you power</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -569,10 +569,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Prosecution due to innocent association</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy protects your freedom</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy protects your freedom</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy protects your freedom</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -650,7 +650,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -698,7 +698,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -749,7 +749,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -800,7 +800,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-4" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -842,7 +842,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Full privacy of your identity, profile, contacts and metadata</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -884,7 +884,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">The best protection from spam and abuse</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -923,7 +923,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Ownership, control and security of your data</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -968,7 +968,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-4" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Fully decentralised — users own the SimpleX network</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1310,10 +1310,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:flex-[2] flex flex-col items-center justify-center">
|
||||
<p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">Unlike P2P networks</p>
|
||||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||||
All messages are sent via the servers, both providing better metadata privacy and reliable asynchronous message delivery, while avoiding many <a href="javascript:void(0)" data-show-overlay="simplex-network-overlay-1" class="open-overlay-btn">problems of P2P networks</a>.
|
||||
All messages are sent via the servers, both providing better metadata privacy and reliable asynchronous message delivery, while avoiding many <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">problems of P2P networks</a>.
|
||||
|
||||
|
||||
<div id="simplex-network-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Comparison with P2P messaging protocols</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1608,7 +1608,7 @@ window.addEventListener("load", function () {
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Rejoindre la communauté REDDIT</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Rejoignez-nous sur GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Faites un don ici pour nous aider</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Faites un don ici pour nous aider</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Inscrivez-vous pour recevoir nos mises à jour</p>
|
||||
|
||||
@@ -296,10 +296,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
|
||||
Les autres applications ont des IDs d'utilisateur : Signal, Matrix, Session, Briar, Jami, Cwtch, etc.<br> SimpleX n'en a pas, <strong>pas même des nombres aléatoires</strong>.<br > Ce qui améliore radicalement votre vie privée.
|
||||
</p>
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Pourquoi les IDs d'utilisateur sont nuisibles pour votre vie privée ?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Pourquoi les IDs d'utilisateur sont nuisibles pour votre vie privée ?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Pourquoi les IDs d'utilisateur sont nuisibles pour votre vie privée ?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -338,10 +338,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Comment fonctionne SimpleX ?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Comment fonctionne SimpleX ?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Comment fonctionne SimpleX ?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -464,7 +464,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</script>
|
||||
|
||||
|
||||
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<section id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<div class="container">
|
||||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Pourquoi la protection de la vie privé <span class='gradient-text'>est importante</span></p>
|
||||
<p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">La préservation de la confidentialité de vos métadonnées — <span class='text-active-blue'>avec qui vous parlez</span> vous protège de :</p>
|
||||
@@ -478,10 +478,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Publicité et discrimination par les prix</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">La protection de votre vie privée vous fait économiser de l'argent</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">La protection de votre vie privée vous fait économiser de l'argent</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">La protection de votre vie privée vous fait économiser de l'argent</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -525,10 +525,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Manipulation des élections</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Le respect de votre vie privée vous donne un pouvoir</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Le respect de votre vie privée vous donne un pouvoir</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Le respect de votre vie privée vous donne un pouvoir</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -569,10 +569,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Poursuites pour association innocente</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Le respect de votre vie privée protège votre liberté</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Le respect de votre vie privée protège votre liberté</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Le respect de votre vie privée protège votre liberté</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -650,7 +650,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -698,7 +698,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -749,7 +749,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -800,7 +800,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-4" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -842,7 +842,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Confidentialité totale de votre identité, profil, contacts et métadonnées</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -884,7 +884,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">La meilleure protection contre le spam et les abus</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -923,7 +923,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Propriété, contrôle et sécurité de vos données</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -968,7 +968,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-4" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Entièrement décentralisé — les utilisateurs sont maîtres de leur réseau SimpleX</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1310,10 +1310,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:flex-[2] flex flex-col items-center justify-center">
|
||||
<p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">Contrairement aux réseaux P2P</p>
|
||||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||||
Tous les messages sont envoyés via les serveurs, offrant à la fois une meilleure protection des métadonnées et une livraison asynchrone fiable des messages, tout en évitant de nombreux <a href="javascript:void(0)" data-show-overlay="simplex-network-overlay-1" class="open-overlay-btn">problèmes des réseaux P2P</a>.
|
||||
Tous les messages sont envoyés via les serveurs, offrant à la fois une meilleure protection des métadonnées et une livraison asynchrone fiable des messages, tout en évitant de nombreux <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">problèmes des réseaux P2P</a>.
|
||||
|
||||
|
||||
<div id="simplex-network-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Comparaison avec des protocoles de messagerie P2P</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1608,7 +1608,7 @@ window.addEventListener("load", function () {
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Rejoindre la communauté REDDIT</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Rejoignez-nous sur GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Faites un don ici pour nous aider</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Faites un don ici pour nous aider</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Inscrivez-vous pour recevoir nos mises à jour</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Rejoindre la communauté REDDIT</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Rejoignez-nous sur GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Faites un don ici pour nous aider</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Faites un don ici pour nous aider</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Inscrivez-vous pour recevoir nos mises à jour</p>
|
||||
|
||||
44
index.html
44
index.html
@@ -296,10 +296,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
|
||||
Other apps have user IDs: Signal, Matrix, Session, Briar, Jami, Cwtch, etc.<br> SimpleX does not, <strong>not even random numbers</strong>.<br> This radically improves your privacy.
|
||||
</p>
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Why user IDs are bad for privacy?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Why user IDs are bad for privacy?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Why user IDs are bad for privacy?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -338,10 +338,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">How does SimpleX work?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">How does SimpleX work?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">How does SimpleX work?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -464,7 +464,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</script>
|
||||
|
||||
|
||||
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<section id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<div class="container">
|
||||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Why privacy <span class='gradient-text'>matters</span></p>
|
||||
<p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">Preserving the privacy of your metadata — <span class='text-active-blue'>who you talk with</span> — protects you from:</p>
|
||||
@@ -478,10 +478,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Advertising and price discrimination</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy saves you money</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy saves you money</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy saves you money</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -525,10 +525,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Manipulation of elections</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy gives you power</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy gives you power</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy gives you power</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -569,10 +569,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Prosecution due to innocent association</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy protects your freedom</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy protects your freedom</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy protects your freedom</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -650,7 +650,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -698,7 +698,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -749,7 +749,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -800,7 +800,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-4" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -842,7 +842,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Full privacy of your identity, profile, contacts and metadata</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -884,7 +884,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">The best protection from spam and abuse</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -923,7 +923,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Ownership, control and security of your data</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -968,7 +968,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-4" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Fully decentralised — users own the SimpleX network</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1310,10 +1310,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:flex-[2] flex flex-col items-center justify-center">
|
||||
<p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">Unlike P2P networks</p>
|
||||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||||
All messages are sent via the servers, both providing better metadata privacy and reliable asynchronous message delivery, while avoiding many <a href="javascript:void(0)" data-show-overlay="simplex-network-overlay-1" class="open-overlay-btn">problems of P2P networks</a>.
|
||||
All messages are sent via the servers, both providing better metadata privacy and reliable asynchronous message delivery, while avoiding many <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">problems of P2P networks</a>.
|
||||
|
||||
|
||||
<div id="simplex-network-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Comparison with P2P messaging protocols</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1608,7 +1608,7 @@ window.addEventListener("load", function () {
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
65
js/script.js
65
js/script.js
@@ -1,10 +1,18 @@
|
||||
const uniqueSwiper = new Swiper('.unique-swiper', {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 80,
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
allowTouchMove: true,
|
||||
breakpoints: {
|
||||
1400: {
|
||||
allowTouchMove: false,
|
||||
},
|
||||
1200: {
|
||||
allowTouchMove: true,
|
||||
},
|
||||
768: {
|
||||
allowTouchMove: true,
|
||||
}
|
||||
},
|
||||
direction: 'horizontal',
|
||||
pagination: {
|
||||
el: '.simplex-unique-swiper-pagination',
|
||||
@@ -62,10 +70,18 @@ const privateSwiper = new Swiper('.private-swiper', {
|
||||
const simplexExplainedSwiper = new Swiper(".simplex-explained-swiper", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 80,
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
allowTouchMove: true,
|
||||
breakpoints: {
|
||||
1400: {
|
||||
allowTouchMove: false,
|
||||
},
|
||||
1200: {
|
||||
allowTouchMove: true,
|
||||
},
|
||||
768: {
|
||||
allowTouchMove: true,
|
||||
}
|
||||
},
|
||||
direction: "horizontal",
|
||||
pagination: {
|
||||
el: ".simplex-explained-swiper-pagination",
|
||||
@@ -73,10 +89,11 @@ const simplexExplainedSwiper = new Swiper(".simplex-explained-swiper", {
|
||||
}
|
||||
});
|
||||
|
||||
function closeOverlay (e) {
|
||||
function closeOverlay(e) {
|
||||
e.target.closest('.overlay').classList.remove('flex');
|
||||
e.target.closest('.overlay').classList.add('hidden');
|
||||
document.body.classList.remove('lock-scroll');
|
||||
history.replaceState(null, null, ' ');
|
||||
}
|
||||
|
||||
window.addEventListener('click', clickHandler)
|
||||
@@ -105,14 +122,11 @@ function clickHandler(e) {
|
||||
}
|
||||
else if (e.target.closest('.open-overlay-btn')) {
|
||||
let id = e.target.closest('.open-overlay-btn').dataset.showOverlay;
|
||||
let overlay = document.getElementById(id);
|
||||
overlay.classList.remove('hidden');
|
||||
overlay.classList.add('flex');
|
||||
document.body.classList.toggle('lock-scroll');
|
||||
window.location.hash = id;
|
||||
}
|
||||
// -----------------------------------------------
|
||||
// ---------- For Contact & Invitation Page tabs
|
||||
else if(e.target.closest('.contact-tab-btn')){
|
||||
else if (e.target.closest('.contact-tab-btn')) {
|
||||
e.target.closest('.contact-tab').classList.toggle('active')
|
||||
}
|
||||
}
|
||||
@@ -121,7 +135,7 @@ window.addEventListener('load', () => {
|
||||
const googlePlayBtn = document.querySelector('.google-play-btn');
|
||||
const appleStoreBtn = document.querySelector('.apple-store-btn');
|
||||
const fDroidBtn = document.querySelector('.f-droid-btn');
|
||||
if(!googlePlayBtn || !appleStoreBtn || !fDroidBtn) return;
|
||||
if (!googlePlayBtn || !appleStoreBtn || !fDroidBtn) return;
|
||||
|
||||
|
||||
if (isMobile.Android()) {
|
||||
@@ -137,3 +151,24 @@ window.addEventListener('load', () => {
|
||||
fDroidBtn.classList.remove('hidden');
|
||||
}
|
||||
})
|
||||
|
||||
function openOverlay() {
|
||||
let hash = window.location.hash
|
||||
if (hash) {
|
||||
const id = hash.split('#')[1];
|
||||
const el = document.getElementById(id)
|
||||
if (el.classList.contains('overlay')) {
|
||||
const scrollTo = el.getAttribute('data-scroll-to')
|
||||
if (scrollTo) {
|
||||
const scrollToEl = document.getElementById(scrollTo)
|
||||
if (scrollToEl) scrollToEl.scrollIntoView(true)
|
||||
}
|
||||
el.classList.remove('hidden')
|
||||
el.classList.add('flex')
|
||||
document.body.classList.add('lock-scroll')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('load', openOverlay);
|
||||
window.addEventListener('hashchange', openOverlay);
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -296,10 +296,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
|
||||
Other apps have user IDs: Signal, Matrix, Session, Briar, Jami, Cwtch, etc.<br> SimpleX does not, <strong>not even random numbers</strong>.<br> This radically improves your privacy.
|
||||
</p>
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Why user IDs are bad for privacy?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Why user IDs are bad for privacy?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Why user IDs are bad for privacy?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -338,10 +338,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">How does SimpleX work?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">How does SimpleX work?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">How does SimpleX work?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -464,7 +464,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</script>
|
||||
|
||||
|
||||
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<section id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<div class="container">
|
||||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Why privacy <span class='gradient-text'>matters</span></p>
|
||||
<p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">Preserving the privacy of your metadata — <span class='text-active-blue'>who you talk with</span> — protects you from:</p>
|
||||
@@ -478,10 +478,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Advertising and price discrimination</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy saves you money</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy saves you money</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy saves you money</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -525,10 +525,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Manipulation of elections</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy gives you power</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy gives you power</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy gives you power</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -569,10 +569,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Prosecution due to innocent association</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy protects your freedom</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy protects your freedom</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy protects your freedom</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -650,7 +650,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -698,7 +698,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -749,7 +749,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -800,7 +800,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-4" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -842,7 +842,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Full privacy of your identity, profile, contacts and metadata</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -884,7 +884,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">The best protection from spam and abuse</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -923,7 +923,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Ownership, control and security of your data</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -968,7 +968,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-4" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Fully decentralised — users own the SimpleX network</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1310,10 +1310,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:flex-[2] flex flex-col items-center justify-center">
|
||||
<p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">Unlike P2P networks</p>
|
||||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||||
All messages are sent via the servers, both providing better metadata privacy and reliable asynchronous message delivery, while avoiding many <a href="javascript:void(0)" data-show-overlay="simplex-network-overlay-1" class="open-overlay-btn">problems of P2P networks</a>.
|
||||
All messages are sent via the servers, both providing better metadata privacy and reliable asynchronous message delivery, while avoiding many <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">problems of P2P networks</a>.
|
||||
|
||||
|
||||
<div id="simplex-network-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Comparison with P2P messaging protocols</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1608,7 +1608,7 @@ window.addEventListener("load", function () {
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -296,10 +296,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
|
||||
Andere apps hebben gebruikers-ID's: Signal, Matrix, Session, Briar, Jami, Cwtch, enz.<br> SimpleX niet, <strong>zelfs geen willekeurige getallen</strong>.<br> Dit verbetert uw privacy radicaal.
|
||||
</p>
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Waarom zijn gebruikers-ID's slecht voor de privacy?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Waarom zijn gebruikers-ID's slecht voor de privacy?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Waarom zijn gebruikers-ID's slecht voor de privacy?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -338,10 +338,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Hoe werkt SimpleX?</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Hoe werkt SimpleX?</a>
|
||||
|
||||
|
||||
<div id="hero-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Hoe werkt SimpleX?</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -464,7 +464,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</script>
|
||||
|
||||
|
||||
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<section id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||||
<div class="container">
|
||||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Why privacy <span class='gradient-text'>matters</span></p>
|
||||
<p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">Preserving the privacy of your metadata — <span class='text-active-blue'>who you talk with</span> — protects you from:</p>
|
||||
@@ -478,10 +478,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Advertising and price discrimination</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy saves you money</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy saves you money</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy saves you money</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -525,10 +525,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Manipulation of elections</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy gives you power</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy gives you power</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy gives you power</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -569,10 +569,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
|
||||
<p class="font-medium text-xl text-center text-grey-black dark:text-white">Prosecution due to innocent association</p>
|
||||
|
||||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy protects your freedom</a>
|
||||
<a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Privacy protects your freedom</a>
|
||||
|
||||
|
||||
<div id="why-privacy-matters-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Privacy protects your freedom</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -650,7 +650,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -698,7 +698,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -749,7 +749,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -800,7 +800,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-4" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
<a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">Learn more</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -842,7 +842,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Full privacy of your identity, profile, contacts and metadata</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -884,7 +884,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">The best protection from spam and abuse</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -923,7 +923,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Ownership, control and security of your data</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -968,7 +968,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
|
||||
|
||||
|
||||
<div id="why-simplex-is-unique-4" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Fully decentralised — users own the SimpleX network</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1310,10 +1310,10 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="md:flex-[2] flex flex-col items-center justify-center">
|
||||
<p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">Unlike P2P networks</p>
|
||||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||||
All messages are sent via the servers, both providing better metadata privacy and reliable asynchronous message delivery, while avoiding many <a href="javascript:void(0)" data-show-overlay="simplex-network-overlay-1" class="open-overlay-btn">problems of P2P networks</a>.
|
||||
All messages are sent via the servers, both providing better metadata privacy and reliable asynchronous message delivery, while avoiding many <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">problems of P2P networks</a>.
|
||||
|
||||
|
||||
<div id="simplex-network-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Vergelijking met P2P-berichtenprotocollen</h1>
|
||||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||||
@@ -1608,7 +1608,7 @@ window.addEventListener("load", function () {
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
@@ -456,7 +456,7 @@ window.addEventListener('scroll',changeHeaderBg);
|
||||
<div class="flex flex-col items-center gap-5 self-stretch mb-12">
|
||||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||||
</div>
|
||||
|
||||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Sign up to receive our updates</p>
|
||||
|
||||
Reference in New Issue
Block a user