mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-04-01 00:56:05 +00:00
1841 lines
144 KiB
HTML
1841 lines
144 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="nl"
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
dir="ltr"
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>SimpleX Chat: private and secure messenger without any user IDs (not even random)</title>
|
||
<meta name="description" content="SimpleX Chat - a private and encrypted messenger without any user IDs (not even random ones)! Make a private connection via link / QR code to send messages and make calls."/>
|
||
<meta name="Content-Type" content="text/html;charset=utf-8"/>
|
||
|
||
<meta http-equiv="onion-location" content="http://isdb4l77sjqoy2qq7ipum6x3at6hyn3jmxfx4zdhc72ufbmuq4ilwkqd.onion/" />
|
||
<meta property="og:url" content="https://simplex.chat/" />
|
||
|
||
<meta property="og:type" content="website"/>
|
||
<meta property="og:title" content="SimpleX Chat: private and secure messenger without any user IDs (not even random)"/>
|
||
<meta property="og:description" content="SimpleX Chat - a private and encrypted messenger without any user IDs (not even random ones)! Make a private connection via link / QR code to send messages and make calls."/>
|
||
<meta property="og:image" content="https://simplex.chat/img/share_simplex.png"/>
|
||
<meta name="twitter:card" content="summary"/>
|
||
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.ico"/>
|
||
|
||
<link rel="stylesheet" href="/css/swiper-bundle.min.css">
|
||
<link href="/css/tailwind.css" rel="stylesheet"/>
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||
<script src="/js/flag-anchor.js"></script>
|
||
|
||
</head>
|
||
<body class="bg-white dark:bg-[#0C0B13]">
|
||
<section class="w-full bg-transparent fixed top-0 z-50">
|
||
<header class="">
|
||
<div class="flex items-center flex-row justify-end m-auto px-4 lg:px-7 h-[66px]">
|
||
<a href="/nl/" class="h-full hidden dark:hidden lg:flex items-center ltr:mr-auto rtl:ml-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
|
||
<a href="/nl/" class="h-full hidden dark:lg:flex items-center ltr:mr-auto rtl:ml-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
|
||
<a href="/nl/" class="dark:hidden lg:hidden ltr:mr-auto rtl:ml-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
|
||
<a href="/nl/" class="hidden dark:inline-block dark:lg:hidden lg:hidden ltr:mr-auto rtl:ml-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
|
||
|
||
<nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
|
||
<div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
|
||
<ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
|
||
|
||
<li class="nav-link relative active">
|
||
<a href="/nl/" class="flex items-center justify-between gap-2 lg:py-5 ">
|
||
<span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Begin pagina</span>
|
||
</a>
|
||
</li>
|
||
|
||
<hr class="dark:opacity-[0.1]" >
|
||
|
||
<li class="nav-link relative">
|
||
<a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
|
||
<span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">ontwikkelaars</span>
|
||
<span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
|
||
<svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
|
||
<ul class="flex flex-col items-start gap-2 lg:h-fit lg:absolute lg:bg-white dark:lg:bg-black top-full lg:mt-[10px] lg:py-4 min-w-[200px] rounded-md lg:shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu">
|
||
<li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/apps/simplex-bot-advanced/Main.hs"
|
||
target="_blank" class="lg:px-[20px] inline-block"
|
||
>Chatbot voorbeeld</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
|
||
target="_blank" class="lg:px-[20px] inline-block"
|
||
>TypeScript SDK</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
|
||
target="_blank" class="lg:px-[20px] inline-block"
|
||
>Terminal CLI</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplexmq"
|
||
target="_blank" class="lg:px-[20px] inline-block"
|
||
>SimpleXMQ</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<hr class="dark:opacity-[0.1]" >
|
||
|
||
<li class="nav-link relative">
|
||
<a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
|
||
<span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Referentie</span>
|
||
<span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
|
||
<svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
|
||
<ul class="flex flex-col items-start gap-2 lg:h-fit lg:absolute lg:bg-white dark:lg:bg-black top-full lg:mt-[10px] lg:py-4 min-w-[180px] rounded-md lg:shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu">
|
||
<li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
|
||
target="_blank" class="lg:px-[20px] inline-block"
|
||
>Whitepaper</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
|
||
target="_blank" class="lg:px-[20px] inline-block"
|
||
>SMP protocol</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
|
||
target="_blank" class="lg:px-[20px] inline-block"
|
||
>Chat protocol</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<hr class="dark:opacity-[0.1]" >
|
||
|
||
<li class="nav-link relative ">
|
||
<a href="/blog" class="flex items-center justify-between gap-2 lg:py-5">
|
||
<span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Blog</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
|
||
target="_blank" class="whitespace-nowrap inline-block self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
|
||
>Doneer</a>
|
||
|
||
<div class="inline-block dark:hidden self-center mt-[8px]">
|
||
<a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
|
||
data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
|
||
</div>
|
||
|
||
<div class="hidden dark:inline-block self-center mt-[8px]">
|
||
<a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
|
||
data-color-scheme="no-preference: dark; light: dark; dark: dark;"
|
||
data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
<div class="nav-link relative flag-container">
|
||
<a href="javascript:void(0);" class="flex items-center justify-end ltr:ml-8 ltr:lg:ml-5 ltr:xl:ml-10 rtl:mr-8 rtl:lg:mr-5 rtl:xl:mr-10 h-6 w-8">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<img src="/img/flags/nl.svg" alt="" srcset="">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</a>
|
||
|
||
<ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -left-10 bg-white dark:bg-black mt-[10px] py-4 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<img class="h-4" src="/img/flags/en.svg" alt="" srcset="">
|
||
<p>English</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/ar/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<div class="flex items-center justify-center" style="background-color:green; color:white; width:21.33px; height:16px">
|
||
<p style="text-align:center; font-size:7px">العربية</p>
|
||
</div>
|
||
<p>العربية</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/cs/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<img class="h-4" src="/img/flags/cs.svg" alt="" srcset="">
|
||
<p>Čeština</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/de/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<img class="h-4" src="/img/flags/de.svg" alt="" srcset="">
|
||
<p>Deutsch</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/es/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<img class="h-4" src="/img/flags/es.svg" alt="" srcset="">
|
||
<p>Español</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/fr/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<img class="h-4" src="/img/flags/fr.svg" alt="" srcset="">
|
||
<p>Français</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/it/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<img class="h-4" src="/img/flags/it.svg" alt="" srcset="">
|
||
<p>Italiano</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/nl/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<img class="h-4" src="/img/flags/nl.svg" alt="" srcset="">
|
||
<p>Nederlands</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
|
||
<a href="/zh_Hans/" class="px-[20px] flex items-center gap-4 flag-anchor">
|
||
<img class="h-4" src="/img/flags/cn.svg" alt="" srcset="">
|
||
<p>简体中文</p>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<button href="#" class="flex items-center justify-center h-[36px] w-[36px] ltr:ml-8 ltr:lg:ml-4 ltr:xl:ml-8 rtl:mr-8 rtl:lg:mr-4 rtl:xl:mr-8 theme-switch-btn">
|
||
<img src="/img/new/sun.svg" alt="" srcset="" class="sun">
|
||
<img src="/img/new/moon.svg" alt="" srcset="" class="moon">
|
||
</button>
|
||
|
||
<button href="" id="btn-mobile" class="flex lg:hidden items-center justify-center h-[36px] w-[36px] ltr:ml-8 ltr:lg:ml-5 ltr:xl:ml-10 rtl:mr-8 rtl:lg:mr-5 rtl:xl:mr-10 nav-toggle-btn">
|
||
<img src="/img/new/hamburger.svg" id="hamburger" alt="" srcset="">
|
||
<svg class="fill-black dark:fill-white hidden" id="cross" width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
<SCript>
|
||
// switch theme
|
||
const sunIcon = document.querySelector('.sun');
|
||
const moonIcon = document.querySelector('.moon');
|
||
|
||
const userTheme = localStorage.getItem('theme');
|
||
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||
|
||
const iconToggle = () => {
|
||
sunIcon.classList.toggle('hidden');
|
||
moonIcon.classList.toggle('hidden');
|
||
}
|
||
|
||
const themeCheck = () => {
|
||
if(userTheme === 'dark' || (!userTheme && systemTheme)){
|
||
document.documentElement.classList.add('dark');
|
||
moonIcon.classList.add('hidden');
|
||
}
|
||
else{
|
||
sunIcon.classList.add('hidden');
|
||
}
|
||
}
|
||
|
||
const themeSwitch = () => {
|
||
if(document.documentElement.classList.contains('dark')){
|
||
document.documentElement.classList.remove('dark');
|
||
localStorage.setItem('theme','light');
|
||
iconToggle();
|
||
}
|
||
else{
|
||
document.documentElement.classList.add('dark');
|
||
localStorage.setItem('theme','dark');
|
||
iconToggle();
|
||
}
|
||
}
|
||
|
||
const nav = document.querySelector('header nav');
|
||
window.addEventListener('click',(e)=>{
|
||
if(e.target.closest('.nav-link')){
|
||
if(e.target.closest('.nav-link').classList.contains('active')){
|
||
e.target.closest('.nav-link').classList.remove('active');
|
||
}
|
||
else{
|
||
document.querySelectorAll('.nav-link').forEach(el => el.classList.remove('active'))
|
||
e.target.closest('.nav-link').classList.add('active');
|
||
}
|
||
}
|
||
else if(e.target.closest('.nav-toggle-btn')){
|
||
document.body.classList.toggle('lock-scroll');
|
||
if(nav.classList.contains('open')){
|
||
nav.classList.remove('open');
|
||
document.getElementById('hamburger').classList.remove('hidden');
|
||
document.getElementById('cross').classList.add('hidden');
|
||
}
|
||
else{
|
||
nav.classList.add('open');
|
||
document.getElementById('hamburger').classList.add('hidden');
|
||
document.getElementById('cross').classList.remove('hidden');
|
||
}
|
||
}
|
||
else if(e.target.closest('.theme-switch-btn')){
|
||
themeSwitch();
|
||
}
|
||
})
|
||
|
||
themeCheck();
|
||
|
||
const changeHeaderBg = ()=>{
|
||
const header = document.querySelector('header')
|
||
const scrollValue = window.scrollY
|
||
if(scrollValue > 5){
|
||
header.classList.add('bg-primary-bg-light');
|
||
header.classList.add('dark:bg-primary-bg-dark');
|
||
}
|
||
else{
|
||
header.classList.remove('bg-primary-bg-light');
|
||
header.classList.remove('dark:bg-primary-bg-dark');
|
||
}
|
||
}
|
||
|
||
window.addEventListener('scroll',changeHeaderBg);
|
||
</SCript>
|
||
</section>
|
||
|
||
<div class="first-two-sections pt-[66px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
|
||
<div class="md:flex md:flex-col-reverse md:items-center xl:flex xl:flex-row xl:items-start relative xl:justify-between xl:gap-10 container">
|
||
<div class="">
|
||
<section class="xl:h-[calc(100vh-66px)] xl:max-h-[888px] m-auto w-full flex items-center justify-between landing-page-header px-5">
|
||
<div class="xl:h-full flex flex-col items-center xl:items-start xl:justify-around w-full landing-page-header-div">
|
||
|
||
<img class="static-phone-mobile md:hidden" src="/img/new/mobile-hero.png" alt="" />
|
||
|
||
<article class="w-full xl:max-w-[600px] landing-page-header-article">
|
||
<p class="primary-header text-center xl:text-left xl:rtl:text-right font-bold text-[38px] md:text-[55px] leading-[46px] md:leading-[63px] mb-2 xl:mb-8">Privacy opnieuw gedefinieerd</p>
|
||
<p class="secondary-header text-center xl:text-left xl:rtl:text-right font-bold text-[28px] md:text-[38px] leading-[36px] md:leading-[43px] mb-2 xl:mb-8 tracking-[0.01em]">De eerste messenger<br>zonder gebruikers ID's</p>
|
||
<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.
|
||
</p>
|
||
<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 xl:rtl:text-right text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Waarom zijn gebruikers ID's slecht voor de privacy?</a>
|
||
|
||
|
||
<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">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Wanneer gebruikers een blijvende identiteit hebben, zelfs als dit slechts een willekeurig nummer is, zoals een sessie ID, bestaat het risico dat de provider of een aanvaller kan zien hoe de gebruikers zijn verbonden en hoeveel berichten ze verzenden.
|
||
</p>
|
||
<p>
|
||
Ze zouden deze informatie vervolgens kunnen correleren met de bestaande openbare sociale netwerken en een aantal echte identiteiten kunnen bepalen.
|
||
</p>
|
||
<p>
|
||
Zelfs met de meest privé apps die Tor v3-services gebruiken, als je met twee verschillende contacten via hetzelfde profiel praat, kunnen ze bewijzen dat ze met dezelfde persoon verbonden zijn.
|
||
</p>
|
||
<p>
|
||
SimpleX beschermt tegen deze aanvallen door geen gebruikers ID's in het ontwerp te hebben. En als u de incognitomodus gebruikt, heeft u voor elk contact een andere weergavenaam, waardoor gedeelde gegevens tussen hen worden vermeden.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="max-w-[448px]">
|
||
<div class="flex items-center justify-center">
|
||
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/explained-1.svg" alt="">
|
||
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/explained-1.svg" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
<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 xl:rtl:text-right text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Hoe werkt SimpleX?</a>
|
||
|
||
|
||
<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">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Veel gebruikers vroegen: <em>als SimpleX geen gebruikers ID's heeft, hoe kan het dan weten waar berichten moeten worden afgeleverd?</em>
|
||
</p>
|
||
<p>
|
||
Om berichten te bezorgen, gebruikt SimpleX in plaats van gebruikers ID's die door alle andere platforms worden gebruikt, tijdelijke anonieme paarsgewijze identifiers van berichten wachtrijen, gescheiden voor elk van uw verbindingen — er zijn geen identificatiegegevens op lange termijn.
|
||
</p>
|
||
<p>
|
||
U definieert welke server(s) u wilt gebruiken om de berichten te ontvangen. Uw contacten de servers die u gebruikt om de berichten naar hen te verzenden. Elk gesprek gebruikt waarschijnlijk twee verschillende servers.
|
||
</p>
|
||
<p>
|
||
Dit ontwerp voorkomt het lekken van eventuele gebruikersgegevens en metadata op applicatie niveau. Om de privacy verder te verbeteren en uw IP-adres te beschermen kunt u via Tor verbinding maken met berichten servers.
|
||
</p>
|
||
<p>
|
||
Alleen client apparaten slaan gebruikers profielen, contacten en groepen op; de berichten worden verzonden met 2-laags end-to-end versleuteling.
|
||
</p>
|
||
<p>
|
||
Lees meer in <a href='https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md' target='_blank'>SimpleX-whitepaper</a>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="max-w-[448px]">
|
||
<div class="flex items-center justify-center">
|
||
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/explained-2.svg" alt="">
|
||
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/explained-2.svg" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
</article>
|
||
<article class="w-full xl:max-w-[600px]">
|
||
<p class="text-black dark:text-white hidden md:block text-center xl:text-left xl:rtl:text-right text-[16px] leading-[26px] mb-[11px] md:mt-6">Krijg SimpleX</p>
|
||
<div class="socials flex items-center justify-center xl:justify-start gap-4 flex-wrap mt-[30px]">
|
||
<a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
|
||
<a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
|
||
<a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
|
||
<a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="h-[40px] w-auto" src="/img/new/testflight.png" /></a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apk_icon.png" /></a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="xl:h-[calc(100vh-66px)] xl:max-h-[888px]">
|
||
<div class="h-[calc(100%-81.42px)] w-full flex flex-col items-start justify-around">
|
||
<div class="hero-video-phone-container w-full xl:hidden">
|
||
<div class="hidden relative md:flex items-center justify-center">
|
||
<img id="hero-video-phone-Background hidden md:block" src="/img/new/tab-video.svg" />
|
||
<video class="absolute rounded-lg top-10 w-[235px] ml-[-6px] mt-1" controls>
|
||
<source src="/video/connect.mp4" type="video/mp4">
|
||
</video>
|
||
|
||
|
||
</div>
|
||
<div class="w-full md:hidden my-10 relative flex items-center justify-center bg-[#17203D]">
|
||
<video class="w-full" controls>
|
||
<source src="/video/connect.mp4" type="video/mp4">
|
||
</video>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<article class="w-full xl:max-w-[600px] landing-page-header-article px-5">
|
||
<p class="text-active-blue text-center xl:text-left xl:rtl:text-right font-bold text-[28px] md:text-[35px] leading-[36px] md:leading-[43px] mb-[28px]">
|
||
Maak een privé verbinding
|
||
</p>
|
||
<p class="text-center text-black dark:text-white xl:text-justify leading-[24px] text-[16px] mb-10 xl:mb-[25px] header-description">
|
||
De video laat zien hoe je verbinding maakt met je vriend via een eenmalige QR-code, persoonlijk of via een videolink. U kunt ook verbinding maken door een uitnodigingslink te delen.
|
||
</p>
|
||
</article>
|
||
|
||
<div class="w-full container px-5 hidden md:flex items-center justify-center gap-[50px] py-[24px] xl:absolute bottom-0 z-10">
|
||
<a href="#why-simplex" class="menu-link">Waarom SimpleX</a>
|
||
<a href="#features" class="menu-link">Functies</a>
|
||
<a href="#privacy" class="menu-link">SimpleX privacy</a>
|
||
<a href="#network" class="menu-link">SimpleX netwerk</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<div class="hero-phone-background hidden md:flex md:static md:max-w-[490px] md:mb-6 xl:mb-0 xl:flex items-center justify-center h-fit xl:h-[calc(100vh-66px)] xl:max-h-[888px] xl:min-w-[600px] xl:sticky top-[66px]">
|
||
<img id="hero-phone-light" class="only-light"/>
|
||
<img id="hero-phone-dark" class="only-dark"/>
|
||
<div id="hero-phone-preload" style="display: none"></div>
|
||
<video id="hero-phone-video" class="absolute hidden rounded-[12px] bg-black w-[238px] mr-[-4px] mt-[14px]" controls>
|
||
<source src="/video/connect.mp4" type="video/mp4">
|
||
</video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
var navBar = document.querySelector("nav");
|
||
var landingPageHeader = document.querySelector('.landing-page-header');
|
||
//landingPageHeader.style.height = window.innerHeight - navBar.offsetHeight + 'px';
|
||
|
||
// event listener for changing height of section according to window height
|
||
//window.addEventListener('resize', function () {
|
||
// landingPageHeader.style.height = window.innerHeight - navBar.offsetHeight + 'px';
|
||
//});
|
||
|
||
</script>
|
||
|
||
|
||
<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">Waarom privacy <span class='gradient-text'> belangrijk is </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">Behoud van de privacy van uw metadata — <span class='text-active-blue'>met wie u praat</span> — beschermt u tegen:</p>
|
||
<div class="flex flex-col lg:flex-row gap-[20px] mb-[62px] lg:mb-[90px]">
|
||
|
||
|
||
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col md:flex-row lg:flex-col items-center rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
|
||
<div class="md:w-[30%] lg:w-full flex items-center justify-center h-[215px]">
|
||
<img src="/img/new/privacy-section-1.svg" alt="">
|
||
</div>
|
||
<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">Reclame en prijs discriminatie</p>
|
||
|
||
<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 bespaart u geld</a>
|
||
|
||
|
||
<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 bespaart u geld</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Veel grote bedrijven gebruiken informatie over met wie u verbonden bent om uw inkomen te schatten, u de producten te verkopen die u niet echt nodig heeft en om de prijzen te bepalen.
|
||
</p>
|
||
<p>
|
||
Webwinkels weten dat mensen met lagere inkomens eerder geneigd zijn om dringende aankopen te doen, dus kunnen ze hogere prijzen vragen of kortingen intrekken.
|
||
</p>
|
||
<p>
|
||
Sommige financiële en verzekeringsmaatschappijen gebruiken sociale grafieken om rentetarieven en premies te bepalen. Het zorgt er vaak voor dat mensen met lagere inkomens meer betalen — het staat bekend als <a href='https://fairbydesign.com/povertypremium/' target='_blank'>'armoedepremie'</a>.
|
||
</p>
|
||
<p>
|
||
Het SimpleX platform beschermt de privacy van uw verbindingen beter dan welk alternatief dan ook, waardoor volledig wordt voorkomen dat uw sociale grafiek beschikbaar wordt voor bedrijven of organisaties. Zelfs wanneer mensen servers van SimpleX Chat gebruiken, weten we niet hoeveel gebruikers of hun verbindingen zijn.
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col md:flex-row lg:flex-col items-center rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
|
||
<div class="md:w-[30%] lg:w-full flex items-center justify-center h-[215px]">
|
||
<img src="/img/new/privacy-section-2.svg" alt="">
|
||
</div>
|
||
<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">Manipulatie van verkiezingen</p>
|
||
|
||
<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 geeft u macht</a>
|
||
|
||
|
||
<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 geeft u macht</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Nog niet zo lang geleden zagen we dat de grote verkiezingen werden gemanipuleerd door <a href='https://en.wikipedia.org/wiki/Facebook–Cambridge_Analytica_data_scandal' target='_blank'>een gerenommeerd adviesbureau</a> dat onze sociale grafieken gebruikte om ons beeld van de echte wereld te vervormen en onze stemmen te manipuleren.
|
||
</p>
|
||
<p>
|
||
Om objectief te zijn en onafhankelijke beslissingen te kunnen nemen, moet u de controle hebben over uw informatie. Het is alleen mogelijk als u een privé communicatieplatform gebruikt dat geen toegang heeft tot uw sociale grafiek.
|
||
</p>
|
||
<p>
|
||
SimpleX is het eerste platform dat standaard geen gebruikers ID's heeft, waardoor uw verbindingsgrafiek beter wordt beschermd dan welk alternatief dan ook.
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col md:flex-row lg:flex-col items-center rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
|
||
<div class="md:w-[30%] lg:w-full flex items-center justify-center h-[215px]">
|
||
<img src="/img/new/privacy-section-3.svg" alt="">
|
||
</div>
|
||
<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">Vervolging wegens onschuldige associatie</p>
|
||
|
||
<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 beschermt uw vrijheid</a>
|
||
|
||
|
||
<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 beschermt uw vrijheid</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Iedereen zou zich zorgen moeten maken over de privacy en veiligheid van hun communicatie — onschuldige gesprekken kunnen je in gevaar brengen, zelfs als je niets te verbergen hebt.
|
||
</p>
|
||
<p>
|
||
Een van de meest schokkende verhalen is de ervaring van <a href='https://en.wikipedia.org/wiki/Mohamedou_Ould_Slahi' target='_blank'>Mohamedou Ould Salahi</a> beschreven in zijn memoires en getoond in The Mauritanian movie. Hij werd zonder proces in het Guantanamo kamp geplaatst en werd daar 15 jaar lang gemarteld na een telefoontje naar zijn familielid in Afghanistan, op verdenking van betrokkenheid bij aanslagen van 9/11, ook al woonde hij de afgelopen 10 jaar in Duitsland.
|
||
</p>
|
||
<p>
|
||
Gewone mensen worden gearresteerd voor wat ze online delen, zelfs via hun 'anonieme' accounts, <a href='https://www.dailymail.co.uk/news/article-11282263/Moment-police-swoop-house-devout-catholic-mother-malicious-online-posts.html' target='_blank'>zelfs in democratische landen</a>.
|
||
</p>
|
||
<p>
|
||
Het is niet genoeg om een end-to-end versleutelde messenger te gebruiken, we zouden allemaal de messengers moeten gebruiken die de privacy van onze persoonlijke netwerken beschermen — met wie we verbonden zijn.
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<p class="text-center w-full max-w-[900px] text-[20px] leading-[28px] m-auto text-black dark:text-white">Zorg ervoor dat je messenger geen toegang heeft tot je gegevens!</p>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section id="why-simplex" class="bg-primary-bg-light dark:bg-primary-bg-dark py-[90px] overflow-hidden px-0 sm:px-1 xl:h-[888px]">
|
||
<div class="container scale-100">
|
||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-14 px-5 sm:px-4">Waarom SimpleX is <span class="gradient-text">uniek</span></p>
|
||
|
||
<div class="swiper unique-swiper px-5 sm:px-4 py-2">
|
||
<div class="swiper-wrapper mb-16">
|
||
|
||
|
||
<div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
|
||
|
||
<div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
|
||
<img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-1.png" alt="">
|
||
<img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-1-dark.png" alt="">
|
||
</div>
|
||
|
||
<div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
|
||
<div class="content-head">
|
||
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left md:rtl:text-right">#1</p>
|
||
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left md:rtl:text-right font-bold text-grey-black dark:text-white">U heeft volledige privacy</p>
|
||
</div>
|
||
|
||
<div class="content-body py-5 md:py-7">
|
||
|
||
<div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left md:rtl:text-right">
|
||
<p style="padding-bottom:6px;">
|
||
SimpleX beschermt de privacy van uw profiel, contacten en metadata en verbergt deze voor SimpleX platformservers en eventuele waarnemers.
|
||
</p>
|
||
<p>
|
||
In tegenstelling tot elk ander bestaand berichten platform, heeft SimpleX geen identificatiecodes toegewezen aan de gebruikers — <strong>zelfs geen willekeurige nummers </strong>.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<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 md:rtl:text-right">Kom meer te weten</a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hide-show-btn fixed bottom-0 pb-8 pt-2 h-[80px] left-1 right-1 md:hidden flex items-center justify-center bg-primary-bg-light dark:bg-primary-bg-dark scale-100 z-10">
|
||
<a href="javascript:void(0);" class="flex items-center gap-2 open-card-btn">
|
||
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">Meer informatie</span>
|
||
<span class="flex items-center justify-center mt-1">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
<a href="javascript:void(0);" class="items-center gap-2 close-card-btn hidden">
|
||
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">Info verbergen</span>
|
||
<span class="flex items-center justify-center mt-1">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
|
||
|
||
<div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
|
||
<img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-2.png" alt="">
|
||
<img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-2-dark.png" alt="">
|
||
</div>
|
||
|
||
<div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
|
||
<div class="content-head">
|
||
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left md:rtl:text-right">#2</p>
|
||
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left md:rtl:text-right font-bold text-grey-black dark:text-white">U bent beschermd<br>tegen spam en misbruik</p>
|
||
</div>
|
||
|
||
<div class="content-body py-5 md:py-7">
|
||
|
||
<div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left md:rtl:text-right">
|
||
<p>
|
||
Omdat u geen identificator of vast adres op het SimpleX platform heeft, kan niemand contact met u opnemen, tenzij u een eenmalig of tijdelijk gebruikers adres deelt, als een QR-code of een link.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<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 md:rtl:text-right">Kom meer te weten</a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hide-show-btn fixed bottom-0 pb-8 pt-2 h-[80px] left-1 right-1 md:hidden flex items-center justify-center bg-primary-bg-light dark:bg-primary-bg-dark scale-100 z-10">
|
||
<a href="javascript:void(0);" class="flex items-center gap-2 open-card-btn">
|
||
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">Meer informatie</span>
|
||
<span class="flex items-center justify-center mt-1">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
<a href="javascript:void(0);" class="items-center gap-2 close-card-btn hidden">
|
||
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">Info verbergen</span>
|
||
<span class="flex items-center justify-center mt-1">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
|
||
|
||
<div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
|
||
<img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-3.png" alt="">
|
||
<img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-3-dark.png" alt="">
|
||
</div>
|
||
|
||
<div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
|
||
<div class="content-head">
|
||
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left md:rtl:text-right">#3</p>
|
||
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left md:rtl:text-right font-bold text-grey-black dark:text-white">U beheert uw gegevens</p>
|
||
</div>
|
||
|
||
<div class="content-body py-5 md:py-7">
|
||
|
||
<div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left md:rtl:text-right">
|
||
<p style="padding-bottom:5px;">
|
||
SimpleX slaat alle gebruikersgegevens op client apparaten op in een <strong>draagbaar gecodeerd databaseformaat</strong> — en kan worden overgedragen naar een ander apparaat.
|
||
</p>
|
||
<p>
|
||
De end-to-end versleutelde berichten worden tijdelijk op SimpleX relayservers bewaard totdat ze zijn ontvangen, waarna ze permanent worden verwijderd.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<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 md:rtl:text-right">Kom meer te weten</a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hide-show-btn fixed bottom-0 pb-8 pt-2 h-[80px] left-1 right-1 md:hidden flex items-center justify-center bg-primary-bg-light dark:bg-primary-bg-dark scale-100 z-10">
|
||
<a href="javascript:void(0);" class="flex items-center gap-2 open-card-btn">
|
||
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">Meer informatie</span>
|
||
<span class="flex items-center justify-center mt-1">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
<a href="javascript:void(0);" class="items-center gap-2 close-card-btn hidden">
|
||
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">Info verbergen</span>
|
||
<span class="flex items-center justify-center mt-1">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
|
||
|
||
<div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
|
||
<img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-4.png" alt="">
|
||
<img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-4-dark.png" alt="">
|
||
</div>
|
||
|
||
<div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
|
||
<div class="content-head">
|
||
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left md:rtl:text-right">#4</p>
|
||
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left md:rtl:text-right font-bold text-grey-black dark:text-white">U bent eigenaar van het SimpleX netwerk</p>
|
||
</div>
|
||
|
||
<div class="content-body py-5 md:py-7">
|
||
|
||
<div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left md:rtl:text-right">
|
||
<p style="padding-bottom:6px;">
|
||
Het SimpleX netwerk is volledig gedecentraliseerd en onafhankelijk van enige cryptovaluta of enig ander platform, behalve internet.
|
||
</p>
|
||
<p>
|
||
U kunt SimpleX <strong> gebruiken met uw eigen servers </strong> of met de servers die door ons worden geleverd — en toch verbinding maken met elke gebruiker.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<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 md:rtl:text-right">Kom meer te weten</a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hide-show-btn fixed bottom-0 pb-8 pt-2 h-[80px] left-1 right-1 md:hidden flex items-center justify-center bg-primary-bg-light dark:bg-primary-bg-dark scale-100 z-10">
|
||
<a href="javascript:void(0);" class="flex items-center gap-2 open-card-btn">
|
||
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">Meer informatie</span>
|
||
<span class="flex items-center justify-center mt-1">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
<a href="javascript:void(0);" class="items-center gap-2 close-card-btn hidden">
|
||
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">Info verbergen</span>
|
||
<span class="flex items-center justify-center mt-1">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<img class="fixed left-[-3px] top-[52%] swiper-button-prev unique-swiper-button-prev md:inline-block rtl:!hidden dark:!hidden" src="/img/new/arrow-left.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-next unique-swiper-button-next md:inline-block rtl:!hidden dark:!hidden" src="/img/new/arrow-right.svg" alt="">
|
||
<img class="fixed left-[-3px] top-[52%] swiper-button-prev unique-swiper-button-prev hidden dark:md:inline-block rtl:!hidden" src="/img/new/arrow-left-dark.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-next unique-swiper-button-next hidden dark:md:inline-block rtl:!hidden" src="/img/new/arrow-right-dark.svg" alt="">
|
||
|
||
<img class="fixed left-[-3px] top-[52%] swiper-button-next unique-swiper-button-next md:rtl:inline-block ltr:!hidden dark:!hidden" src="/img/new/arrow-left.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-prev unique-swiper-button-prev md:rtl:inline-block ltr:!hidden dark:!hidden" src="/img/new/arrow-right.svg" alt="">
|
||
<img class="fixed left-[-3px] top-[52%] swiper-button-next unique-swiper-button-next hidden md:dark:inline-block ltr:!hidden" src="/img/new/arrow-left-dark.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-prev unique-swiper-button-prev hidden md:dark:inline-block ltr:!hidden" src="/img/new/arrow-right-dark.svg" alt="">
|
||
|
||
<div class="swiper-pagination simplex-unique-swiper-pagination mt-100"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
<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 ">Volledige privacy van uw identiteit, profiel, contacten en metadata</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
In tegenstelling tot andere berichten platforms heeft SimpleX <strong> geen identifiers toegewezen aan de gebruikers </strong>. Het vertrouwt niet op telefoonnummers, domein gebaseerde adressen (zoals e-mail of XMPP), gebruikersnamen, openbare sleutels of zelfs willekeurige nummers om zijn gebruikers te identificeren — we weten niet ' hoeveel mensen onze SimpleX servers gebruiken.
|
||
</p>
|
||
<p>
|
||
Om berichten af te leveren gebruikt SimpleX <a href='https://csrc.nist.gov/glossary/term/Pairwise_Pseudonymous_Identifier'>paarsgewijze anonieme adressen</a> van unidirectionele berichten wachtrijen, gescheiden voor ontvangen en verzonden berichten, meestal via verschillende servers. Het gebruik van SimpleX is als het hebben van <strong>een andere “brander” e-mail of telefoon voor elk contact</strong>, en geen gedoe om ze te beheren.
|
||
</p>
|
||
<p>
|
||
Dit ontwerp beschermt de privacy van met wie u communiceert en verbergt deze voor SimpleX platform servers en voor waarnemers. Om uw IP-adres voor de servers te verbergen, kunt u <strong> verbinding maken met SimpleX servers via Tor </strong>.
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="max-w-[448px]">
|
||
<div class="flex items-center justify-center">
|
||
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-1.png" alt="">
|
||
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-1-dark.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<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 ">De beste bescherming tegen spam en misbruik</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Omdat je geen identificatie hebt op het SimpleX platform, kan niemand contact met je opnemen, tenzij je een eenmalig of tijdelijk gebruikers adres deelt, als een QR-code of een link.
|
||
</p>
|
||
<p>
|
||
Zelfs met het optionele gebruikers adres, hoewel het kan worden gebruikt om spam-contact verzoeken te verzenden, kunt u het wijzigen of volledig verwijderen zonder uw verbindingen te verliezen.
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="max-w-[448px]">
|
||
<div class="flex items-center justify-center">
|
||
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-2.png" alt="">
|
||
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-2-dark.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<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 ">Eigendom, controle en beveiliging van uw gegevens</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
SimpleX Chat slaat alle gebruikersgegevens alleen op client apparaten op met behulp van een <strong>draagbaar gecodeerd databaseformaat</strong> dat kan worden geëxporteerd en overgebracht naar elk ondersteund apparaat.
|
||
</p>
|
||
<p>
|
||
De end-to-end versleutelde berichten worden tijdelijk op SimpleX relayservers bewaard totdat ze zijn ontvangen, waarna ze permanent worden verwijderd.
|
||
</p>
|
||
<p>
|
||
In tegenstelling tot gefedereerde netwerkservers (e-mail, XMPP of Matrix), slaan SimpleX servers geen gebruikers account op, ze sturen alleen berichten door, waardoor de privacy van beide partijen wordt beschermd.
|
||
</p>
|
||
<p>
|
||
Er zijn geen identifiers of gecodeerde tekst tussen verzonden en ontvangen serververkeer — als iemand het waarneemt, kunnen ze niet gemakkelijk bepalen wie met wie communiceert, zelfs als TLS is gecompromitteerd.
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="max-w-[448px]">
|
||
<div class="flex items-center justify-center">
|
||
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-3.png" alt="">
|
||
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-3-dark.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<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 ">Volledig gedecentraliseerd — gebruikers zijn eigenaar van het SimpleX netwerk</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
U kunt <strong>SimpleX gebruiken met uw eigen servers</strong> en nog steeds communiceren met mensen die de door ons geleverde vooraf geconfigureerde servers gebruiken.
|
||
</p>
|
||
<p>
|
||
Het SimpleX platform gebruikt een <a href='https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md' target='_blank'>open protocol</a> en biedt <a href='https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript' target='_blank'>SDK om chatbots te maken</a>, waardoor services kunnen worden geïmplementeerd waarmee gebruikers kunnen communiceren via SimpleX Chat apps — waar we' erg naar uitkijken om te zien welke SimpleX services u kunt bouwen.
|
||
</p>
|
||
<p>
|
||
Als u overweegt om voor het SimpleX platform te ontwikkelen, bijvoorbeeld de chatbot voor gebruikers van de SimpleX app, of de integratie van de SimpleX Chat bibliotheek in uw mobiele apps, <a href='https://simplex.chat/contact# /?v=1&smp=smp%3A%2F%2FPQUV2eL0t7OStZOoAsPEV2QYWt4-xilbakvGUGOItUo%3D%40smp6.simplex.im%2FK1rslx-m5bpXVIdMZg9NLUZ_8JBm8xTt%23MCowBQYDK2VuAyEALDeVe-sG8mRY22LsXlPgiwTNs9dbiLrNuA7f3ZMAJ2w%3D' target='_blank'>get in touch</a> for any advice en ondersteuning.
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="max-w-[448px]">
|
||
<div class="flex items-center justify-center">
|
||
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-4.png" alt="">
|
||
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-4-dark.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<script>
|
||
window.addEventListener('load', function() {
|
||
window.addEventListener('click',e=>{
|
||
if(e.target.closest('.open-card-btn') || e.target.closest('.close-card-btn')){
|
||
e.target.closest('.simplex-unique-card').classList.toggle('active-card');
|
||
e.target.closest('.hide-show-btn').querySelector('.open-card-btn').classList.toggle('hidden');
|
||
e.target.closest('.hide-show-btn').querySelector('.open-card-btn').classList.toggle('flex');
|
||
e.target.closest('.hide-show-btn').querySelector('.close-card-btn').classList.toggle('hidden');
|
||
e.target.closest('.hide-show-btn').querySelector('.close-card-btn').classList.toggle('flex');
|
||
}
|
||
})
|
||
});
|
||
</script>
|
||
|
||
|
||
<section id="features" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[95px] px-5 lg:h-[888px]">
|
||
<div class="container">
|
||
<p class="text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold gradient-text mb-20">Functies</p>
|
||
|
||
<div class="mb-[50px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-10 gap-y-32">
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
|
||
<img src="/img/new/feature-1.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/feature-1-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">E2E-versleutelde berichten met markdown en bewerking</p>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
|
||
<img src="/img/new/feature-2.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/feature-2-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">E2E-versleutelde<br>afbeeldingen en bestanden</p>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
|
||
<img src="/img/new/feature-3.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/feature-3-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Gedecentraliseerde geheime groepen -<br>alleen gebruikers weten dat ze bestaan</p>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
|
||
<img src="/img/new/feature-4.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/feature-4-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">E2E-versleutelde spraakberichten</p>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
|
||
<img src="/img/new/feature-5.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/feature-5-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Verdwijnende geheime gesprekken</p>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
|
||
<img src="/img/new/feature-6.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/feature-6-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">E2E-versleutelde<br>audio- en videogesprekken</p>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
|
||
<img src="/img/new/feature-7.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/feature-7-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Portable versleutelde database — verplaats je profiel naar een ander apparaat</p>
|
||
</div>
|
||
|
||
<div class="flex flex-col items-center">
|
||
<div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
|
||
<img src="/img/new/feature-8.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/feature-8-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Incognitomodus -<br>uniek voor SimpleX Chat</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section id="privacy" class="bg-primary-bg-light dark:bg-primary-bg-dark py-[90px] overflow-hidden px-5 lg:h-[888px]">
|
||
<div class="container scale-100">
|
||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-20">Wat maakt SimpleX <span class='gradient-text'>privé</span></p>
|
||
|
||
<div class="swiper private-swiper overflow-hidden px-4 py-2">
|
||
<div class="swiper-wrapper mb-16">
|
||
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-10.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-10-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Tijdelijke anonieme paarsgewijze identifiers</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">SimpleX gebruikt tijdelijke anonieme paarsgewijze adressen en inloggegevens voor elk gebruikers contact of groepslid.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Het maakt het mogelijk om berichten te bezorgen zonder gebruikers profiel ID's, wat een betere privacy van metagegevens biedt dan alternatieven.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-6.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-6-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Out-of-band<br>sleuteluitwisseling</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Veel communicatie platforms zijn kwetsbaar voor MITM aanvallen door servers of netwerk providers.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Om te voorkomen dat SimpleX apps eenmalige sleutels out-of-band doorgeven, wanneer u een adres deelt als een link of een QR-code.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-1.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-1-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">2 lagen<br>end-to-end versleuteling</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Protocol met double-ratchet -<br>OTR-berichten met perfecte voorwaartse geheimhouding en inbraak herstel.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">NaCL-cryptobox in elke wachtrij om verkeer correlatie tussen berichten wachtrijen te voorkomen als TLS wordt aangetast.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-7.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-7-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Bericht integriteit<br>verificatie</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Om de integriteit te garanderen, zijn de berichten opeenvolgend genummerd en bevatten ze de hash van het vorige bericht.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Als een bericht wordt toegevoegd, verwijderd of gewijzigd, wordt de ontvanger gewaarschuwd.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-2.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-2-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Extra laag<br>server versleuteling</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Extra server versleuteling laag voor levering aan de ontvanger, om de correlatie tussen ontvangen en verzonden server verkeer te voorkomen als TLS is aangetast.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-8.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-8-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Berichten mixen<br>om correlatie te verminderen</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">SimpleX servers fungeren als mix nodes met lage latentie — de inkomende en uitgaande berichten hebben een andere volgorde.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-3.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-3-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Veilig geverifieerd<br>TLS-transport</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Alleen TLS 1.2/1.3 met sterke algoritmen wordt gebruikt voor client-server verbindingen.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Server fingerprint en channel binding voorkomen MITM- en replay-aanvallen.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Connectie herstel is uitgeschakeld om sessie aanvallen te voorkomen.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-4.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-4-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Optionele<br>toegang via Tor</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Om uw IP-adres te beschermen kunt u via Tor of een ander transport overlay netwerk toegang krijgen tot de servers.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Installeer de <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">Orbot-app </a> en schakel de SOCKS5-proxy in (of VPN <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank"> op iOS </a>) om SimpleX via Tor te gebruiken.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-9.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-9-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Unidirectionele<br>berichtenwachtrijen</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Elke berichten wachtrij geeft berichten in één richting door, met verschillende verzend en ontvangst adressen.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Het vermindert de aanvals mogenlijkheden, in vergelijking met traditionele berichten diensten en de beschikbare metadata.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
|
||
<div class="flex items-center justify-center py-12 px-6 h-[322px]">
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-5.svg" alt=""/>
|
||
<img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-5-dark.svg" alt=""/>
|
||
</div>
|
||
<div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
|
||
<p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Meerdere lagen van<br>inhouds opvulling</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">SimpleX gebruikt content opvulling voor elke coderingslaag om aanvallen op bericht grootte te verstoren.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Het zorgt ervoor dat berichten van verschillende grootte er hetzelfde uitzien voor de servers en netwerk waarnemers.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Tik om te sluiten</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<img class="fixed left-[-3px] top-[52%] swiper-button-prev private-swiper-button-prev md:inline-block rtl:!hidden dark:!hidden" src="/img/new/arrow-left.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-next private-swiper-button-next md:inline-block rtl:!hidden dark:!hidden" src="/img/new/arrow-right.svg" alt="">
|
||
<img class="fixed left-[-3px] top-[52%] swiper-button-prev private-swiper-button-prev hidden dark:md:inline-block rtl:!hidden" src="/img/new/arrow-left-dark.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-next private-swiper-button-next hidden dark:md:inline-block rtl:!hidden" src="/img/new/arrow-right-dark.svg" alt="">
|
||
|
||
<img class="fixed left-[-3px] top-[52%] swiper-button-next private-swiper-button-next md:rtl:inline-block ltr:!hidden dark:!hidden" src="/img/new/arrow-left.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-prev private-swiper-button-prev md:rtl:inline-block ltr:!hidden dark:!hidden" src="/img/new/arrow-right.svg" alt="">
|
||
<img class="fixed left-[-3px] top-[52%] swiper-button-next private-swiper-button-next hidden md:dark:inline-block ltr:!hidden" src="/img/new/arrow-left-dark.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-prev private-swiper-button-prev hidden md:dark:inline-block ltr:!hidden" src="/img/new/arrow-right-dark.svg" alt="">
|
||
|
||
<div class="swiper-scrollbar dark:bg-grey-black dark:bg-opacity-[0.2]"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section id="network" class="bg-secondary-bg-light dark:bg-secondary-bg-dark lg:h-[642px] py-[95px] px-5">
|
||
<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-5">SimpleX <span class='gradient-text'>Netwerk</span></p>
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center mb-16">Simplex Chat biedt de beste privacy door de voordelen van P2P en gefedereerde netwerken te combineren.</p>
|
||
|
||
<div class="flex flex-col lg:flex-row justify-between gap-12 md:gap-14 lg:gap-16">
|
||
<div class="flex flex-col md:flex-row lg:flex-col items-center md:gap-9 lg:gap-0">
|
||
<div class="mb-4 md:mb-0 lg:mb-8 md:flex-[1] flex items-center justify-center">
|
||
<img src="/img/new/network-1.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/network-1-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<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">In tegenstelling tot P2P netwerken</p>
|
||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||
Alle berichten worden verzonden via servers, die zorgen voor een betere metadata privacy en een betrouwbare asynchrone bezorging van berichten, terwijl er veel word vermeden <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">van problemen met P2P netwerken</a>.
|
||
|
||
|
||
<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 berichten protocollen</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
<a href='https://en.wikipedia.org/wiki/Peer-to-peer'>P2P</a>-berichtenprotocollen en -apps hebben verschillende problemen waardoor ze minder betrouwbaar zijn dan SimpleX, complexer om te analyseren en kwetsbaarder voor verschillende soorten aanvallen.
|
||
</p>
|
||
<ol style="list-style: auto; padding-left: 1em;">
|
||
<li>
|
||
P2P netwerken vertrouwen op een variant van <a href='https://en.wikipedia.org/wiki/Distributed_hash_table'>DHT</a> om berichten te routeren. DHT ontwerpen moeten een balans vinden tussen leveringsgarantie en latentie. SimpleX heeft zowel een betere leveringsgarantie als een lagere latentie dan P2P, omdat het bericht redundant via meerdere servers parallel kan worden doorgegeven, met behulp van de servers die door de ontvanger zijn gekozen. In P2P netwerken wordt het bericht achtereenvolgens door <em>O(log N)</em>-knooppunten geleid, met behulp van door het algoritme gekozen knooppunten.
|
||
</li>
|
||
<li>
|
||
SimpleX ontwerp heeft, in tegenstelling tot de meeste P2P netwerken, geen globale gebruikers ID's van welke soort dan ook, zelfs niet tijdelijk en gebruikt alleen tijdelijke paarsgewijze ID's wat een betere anonimiteit en metadata bescherming biedt.
|
||
</li>
|
||
<li>
|
||
P2P lost het probleem <a href='https://en.wikipedia.org/wiki/Man-in-the-middle_attack'>MITM-aanval</a> niet op en de meeste bestaande implementaties gebruiken geen out-of-band berichten voor de initiële sleuteluitwisseling. SimpleX gebruikt out-of-band berichten of, in sommige gevallen, reeds bestaande veilige en vertrouwde verbindingen voor de eerste sleuteluitwisseling.
|
||
</li>
|
||
<li>
|
||
P2P implementaties kunnen door sommige internetproviders worden geblokkeerd (zoals <a href='https://en.wikipedia.org/wiki/BitTorrent'>BitTorrent</a>). SimpleX is transport-agnostisch - het kan werken via standaard webprotocollen, b.v. WebSockets.
|
||
</li>
|
||
<li>
|
||
Alle bekende P2P netwerken kunnen kwetsbaar zijn voor <a href='https://en.wikipedia.org/wiki/Sybil_attack'>Sybil-aanval</a>, omdat elk knooppunt vindbaar is en het netwerk als een geheel opereert. Bekende maatregelen om het te verminderen, vereisen een gecentraliseerde component of duur <a href='https://en.wikipedia.org/wiki/Proof_of_work'> bewijs van werk </a>. Het SimpleX-netwerk kan niet worden gedetecteerd door de server, het is gefragmenteerd en werkt als meerdere geïsoleerde subnetwerken, waardoor netwerkbrede aanvallen onmogelijk zijn.
|
||
</li>
|
||
<li>
|
||
P2P netwerken kunnen kwetsbaar zijn voor <a href='https://www.usenix.org/conference/woot15/workshop-program/presentation/p2p-file-sharing-hell-exploiting-bittorrent'>DRDoS-aanvallen</a>, wanneer de clients het verkeer opnieuw kunnen uitzenden en versterken, wat resulteert in netwerkbrede denial of service. SimpleX clients sturen alleen verkeer van een bekende verbinding door en kunnen niet door een aanvaller worden gebruikt om het verkeer in het hele netwerk te versterken.
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="max-w-[448px]">
|
||
<div class="flex items-center justify-center">
|
||
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/network-1.svg" alt="">
|
||
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/network-1-dark.svg" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="hidden md:block lg:hidden mx-5 dark:opacity-[0.2]">
|
||
|
||
<div class="flex flex-col md:flex-row lg:flex-col items-center md:gap-9 lg:gap-0">
|
||
<div class="mb-4 md:mb-0 lg:mb-8 md:flex-[1] flex items-center justify-center">
|
||
<img src="/img/new/network-2.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/network-2-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<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">In tegenstelling tot federatieve netwerken</p>
|
||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||
SimpleX relay servers slaan GEEN gebruikers profielen, contacten en afgeleverde berichten op, maken GEEN verbinding met elkaar en er is GEEN server directory.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="hidden md:block lg:hidden mx-5 dark:opacity-[0.2]">
|
||
|
||
<div class="flex flex-col md:flex-row lg:flex-col items-center md:gap-9 lg:gap-0">
|
||
<div class="mb-4 md:mb-0 lg:mb-8 md:flex-[1] flex items-center justify-center">
|
||
<img src="/img/new/network-3.svg" alt="" class="dark:hidden"/>
|
||
<img src="/img/new/network-3-dark.svg" alt="" class="hidden dark:block"/>
|
||
</div>
|
||
<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">SimpleX netwerk</p>
|
||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||
servers bieden <span class='text-active-blue'>unidirectionele wachtrijen</span> om de gebruikers te verbinden, maar ze hebben geen zicht op de netwerk verbindings grafiek — alleen de gebruikers.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
|
||
<style>
|
||
.tab-button {
|
||
color: #a8b0b4;
|
||
background: linear-gradient(#fff, #fff) padding-box,
|
||
linear-gradient(to bottom, #a8b0b4, transparent) border-box;
|
||
border: 1px solid transparent;
|
||
border-radius: 6px 6px 0px 0px;
|
||
transition: color 0.3s ease;
|
||
text-decoration: underline;
|
||
text-underline-offset: 3px;
|
||
}
|
||
.dark .tab-button{
|
||
color: #fff;
|
||
background: linear-gradient(#0C0B13, #0C0B13) padding-box,
|
||
linear-gradient(to bottom, #01F1FF, transparent) border-box;
|
||
}
|
||
.tab-button.active {
|
||
color: #0053d0;
|
||
text-decoration: none;
|
||
}
|
||
.dark .tab-button.active {
|
||
color: #70F0F9;
|
||
}
|
||
</style>
|
||
|
||
<section id="simplex-explained" class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[890px] py-[90px] px-5">
|
||
<div class="container">
|
||
<p class="text-[35px] leading-[45px] md:leading-[55px] lg:text-[38px] text-center font-bold text-grey-black dark:text-white mb-9">Simplex uitgelegd</p>
|
||
|
||
<!-- Tab links -->
|
||
<div class="tabs hidden md:flex gap-2 mb-24">
|
||
<div data-btn-index="0" class="flex-1 tab-button tab-1 p-2 text-[20px] text-center font-bold cursor-pointer active">1. Wat gebruikers ervaren</div>
|
||
<div data-btn-index="1" class="flex-1 tab-button tab-2 p-2 text-[20px] text-center font-bold cursor-pointer">2. Hoe werkt het</div>
|
||
<div data-btn-index="2" class="flex-1 tab-button tab-3 p-2 text-[20px] text-center font-bold cursor-pointer">3. Wat servers zien</div>
|
||
</div>
|
||
|
||
<!-- Tab content -->
|
||
<div class="swiper simplex-explained-swiper">
|
||
<div class="swiper-wrapper h-[inherit] mb-20 md:mb-0">
|
||
|
||
<div class="swiper-slide h-[inherit]">
|
||
<div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">1. Wat gebruikers ervaren</div>
|
||
<div class="flex flex-col justify-center items-center">
|
||
<img class="h-[340px] mb-[74px]" src="/img/new/explained-1.svg" alt="" />
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
U kunt contacten en groepen maken en tweerichtings gesprekken voeren, zoals in elke andere messenger.
|
||
</p>
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
Hoe kan het werken met unidirectionele wachtrijen en zonder gebruikers profiel ID's?
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="swiper-slide h-[inherit]">
|
||
<div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">2. Hoe werkt het</div>
|
||
<div class="flex flex-col justify-center items-center">
|
||
<img class="h-[340px] mb-[74px]" src="/img/new/explained-2.svg" alt="" />
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
Voor elke verbinding gebruikt u twee afzonderlijke berichten wachtrijen om berichten via verschillende servers te verzenden en te ontvangen.
|
||
</p>
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
Servers geven berichten slechts in één richting door, zonder een volledig beeld te hebben van het gesprek of de connecties van de gebruiker.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="swiper-slide h-[inherit]">
|
||
<div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">3. Wat servers zien</div>
|
||
<div class="flex flex-col justify-center items-center">
|
||
<img class="h-[340px] mb-[74px]" src="/img/new/explained-3.svg" alt="" />
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
De servers hebben afzonderlijke anonieme inloggegevens voor elke wachtrij en weten niet tot welke gebruikers ze behoren.
|
||
</p>
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
Gebruikers kunnen de privacy van metadata verder verbeteren door Tor te gebruiken om toegang te krijgen tot servers, waardoor corellatie op IP-adres wordt voorkomen.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="swiper-pagination simplex-explained-swiper-pagination mt-100 md:hidden"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script>
|
||
window.addEventListener("load", function () {
|
||
const simplexExplainedSwiper__bullets = document.querySelectorAll(".simplex-explained-swiper .swiper-pagination > span");
|
||
const simplexExplainedSwiper__tabs = document.querySelectorAll("#simplex-explained .tabs .tab-button");
|
||
|
||
const observer = new MutationObserver((mutations) => {
|
||
mutations.forEach((mutation) => {
|
||
if (mutation.type === "attributes" && mutation.attributeName === "class" && mutation.target.classList.contains("swiper-pagination")) {
|
||
simplexExplainedSwiper__bullets.forEach((el,index) => {
|
||
if (el.classList.contains("swiper-pagination-bullet-active")) {
|
||
simplexExplainedSwiper__tabs[index].classList.add("active");
|
||
} else {
|
||
simplexExplainedSwiper__tabs[index].classList.remove("active");
|
||
}
|
||
});
|
||
}
|
||
});
|
||
});
|
||
|
||
const targetNode = document.querySelector(".simplex-explained-swiper .swiper-pagination");
|
||
observer.observe(targetNode, { attributes: true });
|
||
|
||
window.addEventListener('click',e=>{
|
||
if(e.target.closest("#simplex-explained .tabs .tab-button")){
|
||
const index = e.target.closest("#simplex-explained .tabs .tab-button").dataset.btnIndex;
|
||
simplexExplainedSwiper__bullets[index].click();
|
||
}
|
||
})
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
<section id="comparison" class="bg-secondary-bg-light dark:bg-secondary-bg-dark lg:h-[950px] py-[90px] px-5">
|
||
<div class="text-grey-black dark:text-white container flex flex-col">
|
||
<p class="text-[35px] leading-[43px] md:leading-[55px] lg:leading-[36px] text-center font-bold mb-12 lg:mb-[90px]">Vergelijking met andere protocollen</p>
|
||
|
||
<div class="w-full overflow-auto">
|
||
<table class="w-full border-separate border-spacing-x-5 border-spacing-y-2 mb-14">
|
||
<thead>
|
||
<tr>
|
||
<th></th>
|
||
<th class="flex items-center justify-center pb-4">
|
||
<img class="h-[34px] dark:hidden" alt="simplex logo" src="/img/new/logo-light.png"/>
|
||
<img class="h-[34px] hidden dark:block" alt="simplex logo" src="/img/new/logo-dark.png"/>
|
||
</th>
|
||
<th class="pb-4">Signaal, grote platforms</th>
|
||
<th class="pb-4">XMPP, Matrix</th>
|
||
<th class="pb-4">P2P protocollen</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="min-w-[210px]">Vereist globale identiteit</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Nee - privé</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja <sup>1</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja <sup>2</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja <sup>3</sup></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="min-w-[210px]">Mogelijkheid van MITM</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Nee - veilig</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja <sup>4</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="min-w-[210px]">Afhankelijkheid van DNS</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Nee - veerkrachtig</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Nee</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="min-w-[210px]">Enkelvoudig of gecentraliseerd netwerk</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Nee - gedecentraliseerd</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Nee - gefedereerd <sup>5</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja <sup>6</sup></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="min-w-[210px]">Centrale component of andere netwerkbrede aanval</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Nee - veerkrachtig</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja <sup>2</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Ja <sup>7</sup></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<hr class="block mb-8 mx-5 dark:opacity-[0.2]">
|
||
|
||
<div>
|
||
<div class="px-5">
|
||
<ol class="text-sm lg:text-base font-medium leading-6 list-decimal list-inside">
|
||
<li> Meestal op basis van een telefoonnummer, in sommige gevallen op gebruikersnamen</li>
|
||
<li> Op DNS gebaseerde adressen</li>
|
||
<li> Publieke sleutel of een andere globale unieke ID</li>
|
||
<li> Als de servers van de operator zijn aangetast</li>
|
||
<li> Beschermt de metadata van gebruikers niet</li>
|
||
<li> Hoewel P2P wordt gedistribueerd, zijn ze niet federatief - ze werken als een enkel netwerk</li>
|
||
<li> P2P netwerken hebben een centrale autoriteit of het hele netwerk kan worden aangetast - <a class="underline text-primary-light dark:text-primary-dark underline-offset-2" href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/SIMPLEX.md#comparison-with-p2p-messaging-protocols">kijk hier</a></li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<section id="join-simplex" class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[855px] py-[90px] px-5">
|
||
<div class="container flex flex-col items-center">
|
||
<p class="text-[38px] leading-[36px] md:leading-[55px] text-grey-black dark:text-white text-center font-bold mb-5"><span class="text-active-blue">Word lid van</span> SimpleX</p>
|
||
<p class="text-black dark:text-white text-base text-center mb-14">Wij nodigen u uit om deel te nemen aan het gesprek</p>
|
||
|
||
<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]">Bezoek ons op 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]">Volg ons op 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:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Doneer hier om ons te helpen</a>
|
||
</div>
|
||
|
||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Schrijf u in om onze updates te ontvangen</p>
|
||
|
||
<form class="flex items-center w-full max-w-[540px] mb-20"
|
||
action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&id=ad6037a2fe"
|
||
method="post" target="_blank" novalidate>
|
||
<input name="EMAIL" type="text" class="h-[44px] ltr:rounded-l-[34px] rtl:rounded-r-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="Voer uw e-mail adres in">
|
||
<span aria-hidden="true" class="hidden">
|
||
<input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
|
||
</span>
|
||
<input type="submit" class="h-[44px] ltr:rounded-r-[34px] rtl:rounded-l-[34px] bg-primary-light text-white text-center px-8">
|
||
</form>
|
||
|
||
<hr class="block mb-7 mx-5 dark:opacity-[0.2] w-full">
|
||
|
||
<p class="text-grey-black dark:text-white text-center mb-7">Krijg SimpleX</p>
|
||
<div class="flex items-center justify-center gap-4 flex-wrap">
|
||
<a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
|
||
<a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
|
||
<a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
|
||
<a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="h-[40px] w-auto" src="/img/new/testflight.png" /></a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apk_icon.png" /></a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px]">
|
||
<div class="container">
|
||
<div class="flex flex-col lg:flex-row justify-between">
|
||
<div class="flex flex-col items-center lg:items-start">
|
||
<a href="/nl/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
|
||
<a href="/nl/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
|
||
|
||
<div class="flex flex-col items-center lg:items-start lg:flex-row gap-[150px] lg:gap-[350px]">
|
||
<div class="flex flex-col items-center lg:items-start">
|
||
<a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
SimpleX Whitepaper</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
SimpleX Chat protocol</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat/blob/stable/PRIVACY.md"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
Voorwaarden & Privacybeleid</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
Doneer</a>
|
||
</div>
|
||
<div class="flex flex-col items-center lg:items-start">
|
||
<a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
Terminal CLI</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
TypeScript SDK</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<article class="mt-10 lg:mt-0">
|
||
<div class="h-[40px] flex gap-4 justify-center">
|
||
<a href="https://simplex.chat/contact#/?v=1&smp=smp%3A%2F%2FPQUV2eL0t7OStZOoAsPEV2QYWt4-xilbakvGUGOItUo%3D%40smp6.simplex.im%2FK1rslx-m5bpXVIdMZg9NLUZ_8JBm8xTt%23%2F%3Fv%3D1%26dh%3DMCowBQYDK2VuAyEALDeVe-sG8mRY22LsXlPgiwTNs9dbiLrNuA7f3ZMAJ2w%253D%26srv%3Dbylepyau3ty4czmn77q4fglvperknl4bi2eb2fdy2bh4jxtf32kf73yd.onion">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.585 0C11.9025 0 0 11.9025 0 26.585C0 41.2674 11.9025 53.1699 26.585 53.1699C41.2674 53.1699 53.1699 41.2674 53.1699 26.585C53.1699 11.9025 41.2674 0 26.585 0ZM11.3862 17.3518L17.6366 23.4373L23.9313 17.3088L17.6787 11.2209L20.866 8.1179L27.1187 14.2061L33.4932 8L36.6199 11.044L30.2448 17.25L36.4982 23.3379L42.8733 17.1321L46 20.1761L39.6249 26.3818L45.8789 32.4702L42.6916 35.5732L36.4376 29.4848L30.0631 35.6906L36.3171 41.7791L33.1299 44.8821L26.8759 38.7936L20.5026 45L17.3759 41.956L23.8003 35.693L17.5493 29.6073L11.1255 35.8621L8 32.8194L14.4244 26.5646L8.17397 20.4792L11.3862 17.3518ZM27.0125 32.5656L33.311 26.4408L27.0576 20.3535L27.0568 20.3516L20.7615 26.4799L27.0125 32.5656Z" fill="#0053D0"/>
|
||
</svg>
|
||
</a>
|
||
<a href="https://github.com/simplex-chat" target="_blank">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M20.2907 0.926758C9.24635 0.926758 0.290527 10.1075 0.290527 21.4331C0.290527 30.4933 6.02118 38.18 13.9679 40.8915C14.9674 41.0813 15.3344 40.4467 15.3344 39.905C15.3344 39.4161 15.3158 37.8007 15.3072 36.0872C9.74314 37.3277 8.56906 33.6677 8.56906 33.6677C7.65927 31.2975 6.3484 30.6672 6.3484 30.6672C4.53379 29.3945 6.48519 29.4206 6.48519 29.4206C8.49355 29.5653 9.55105 31.5338 9.55105 31.5338C11.3349 34.6688 14.2298 33.7624 15.3711 33.2385C15.5506 31.9131 16.069 31.0085 16.6409 30.4964C12.1986 29.9779 7.52878 28.2195 7.52878 20.3621C7.52878 18.1232 8.31007 16.294 9.58947 14.8579C9.38181 14.3414 8.69723 12.2557 9.78322 9.43111C9.78322 9.43111 11.4627 8.87998 15.2847 11.5331C16.8801 11.0787 18.591 10.8509 20.2907 10.8431C21.9904 10.8509 23.7027 11.0787 25.301 11.5331C29.1183 8.87998 30.7955 9.43111 30.7955 9.43111C31.8842 12.2557 31.1992 14.3414 30.9916 14.8579C32.274 16.294 33.05 18.1232 33.05 20.3621C33.05 28.2382 28.3712 29.9724 23.9176
|
||
30.4801C24.635 31.1165 25.2742 32.3644 25.2742 34.2776C25.2742 37.0214 25.251 39.2296 25.251 39.905C25.251 40.4507 25.611 41.0902 26.6248 40.8888C34.5672 38.1742 40.2905 30.4903 40.2905 21.4331C40.2905 10.1075 31.336 0.926758 20.2907 0.926758Z" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://www.reddit.com/r/SimpleXChat/" target="_blank">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.874 40.9268C31.9197 40.9268 40.874 31.9724 40.874 20.9268C40.874 9.88108 31.9197 0.926758 20.874 0.926758C9.82834 0.926758 0.874023 9.88108 0.874023 20.9268C0.874023 31.9724 9.82834 40.9268 20.874 40.9268ZM30.4091 16.615C31.9031 16.615 33.1157 17.8276 33.1157 19.3216C33.1157 20.426 32.4445 21.3787 31.5567 21.8118C31.6 22.0716 31.6217 22.3315 31.6217 22.613C31.6217 26.7705 26.7929 30.1268 20.8165 30.1268C14.8402 30.1268 10.0114 26.7705 10.0114 22.613C10.0114 22.3315 10.0331 22.05 10.0764 21.7902C9.12362 21.3571 8.47402 20.426 8.47402 19.3216C8.47402 17.8276 9.68662 16.615 11.1807 16.615C11.8953 16.615 12.5665 16.9181 13.0429 17.3728C14.9051 16.0086 17.4819 15.1642 20.3618 15.0776L21.726 8.6248C21.7693 8.49488 21.8343 8.3866 21.9425 8.32164C22.0508 8.25668 22.1807 8.23504 22.3106 8.25668L26.7929 9.20944C27.0961 8.55984 27.7457 8.12676 28.5035 8.12676C29.5646 8.12676 30.4307 8.99292 30.4307
|
||
10.0539C30.4307 11.115 29.5646 11.9811 28.5035 11.9811C27.4642 11.9811 26.6197 11.1582 26.5764 10.1406L22.5705 9.29604L21.3362 15.0776C24.1512 15.1858 26.7063 16.052 28.5469 17.3728C29.0232 16.8964 29.6728 16.615 30.4091 16.615ZM16.5291 19.3216C15.4681 19.3216 14.602 20.1878 14.602 21.2488C14.602 22.3098 15.4681 23.176 16.5291 23.176C17.5902 23.176 18.4563 22.3098 18.4563 21.2488C18.4563 20.1878 17.5902 19.3216 16.5291 19.3216ZM20.7949 27.7449C21.5311 27.7449 24.0429 27.6582 25.3638 26.3374C25.5587 26.1425 25.5587 25.8394 25.4071 25.6228C25.2122 25.428 24.8874 25.428 24.6925 25.6228C23.848 26.4456 22.0941 26.7488 20.8165 26.7488C19.539 26.7488 17.7634 26.4456 16.9405 25.6228C16.7457 25.428 16.4209 25.428 16.226 25.6228C16.0311 25.8177 16.0311 26.1425 16.226 26.3374C17.5252 27.6366 20.0587 27.7449 20.7949 27.7449ZM23.0902 21.2488C23.0902 22.3098 23.9563 23.176 25.0173 23.176C26.0783 23.176 26.9445 22.3098 26.9445 21.2488C26.9445 20.1878 26.0783
|
||
19.3216 25.0173 19.3216C23.9563 19.3216 23.0902 20.1878 23.0902 21.2488Z" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://twitter.com/simplexchat" target="_blank">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4575 40.9268C31.5032 40.9268 40.4575 31.9725 40.4575 20.9268C40.4575 9.88106 31.5032 0.926758 20.4575 0.926758C9.41182 0.926758 0.45752 9.88106 0.45752 20.9268C0.45752 31.9725 9.41182 40.9268 20.4575 40.9268ZM29.916 16.7766C29.916 23.1157 25.014 30.4265 16.0519 30.4265V30.423C13.4038 30.4265 10.8115 29.6795 8.58252 28.2719C8.96846 28.3174 9.35558 28.3397 9.74271 28.3409C11.9372 28.3432 14.0688 27.6182 15.7942 26.283C13.7101 26.2444 11.8802 24.9055 11.2425 22.9507C11.9716 23.0898 12.7245 23.0619 13.4418 22.869C11.1689 22.4165 9.53371 20.4504 9.53252 18.1671V18.1062C10.2106 18.478 10.9694 18.6835 11.7448 18.7057C9.60377 17.2981 8.94233 14.4948 10.2355 12.3026C12.7103 15.2992 16.3606 17.1207 20.2782 17.3147C19.8851 15.6487 20.4231 13.902 21.6878 12.7306C23.6507 10.9137 26.737 11.0073 28.5824 12.9387C29.6737 12.7271 30.7199 12.3327 31.677 11.7738C31.3125 12.8857 30.5513 13.828 29.5348 14.4277C30.5002
|
||
14.3155 31.4443 14.0609 32.3325 13.6728C31.6782 14.6362 30.8553 15.4781 29.9017 16.1562C29.916 16.362 29.916 16.5685 29.916 16.7766Z" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://www.linkedin.com/company/simplex-chat/" target="_blank">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0408 0.926758C8.9951 0.926758 0.0407715 9.88109 0.0407715 20.9268C0.0407715 31.9724 8.9951 40.9268 20.0408 40.9268C31.0864 40.9268 40.0408 31.9724 40.0408 20.9268C40.0408 9.88109 31.0864 0.926758 20.0408 0.926758ZM9.6421 17.4916H14.1745V31.1098H9.6421V17.4916ZM14.4731 13.279C14.4437 11.9438 13.4889 10.9268 11.9383 10.9268C10.3878 10.9268 9.3741 11.9438 9.3741 13.279C9.3741 14.5866 10.3579 15.6328 11.8794 15.6328H11.9084C13.4889 15.6328 14.4731 14.5866 14.4731 13.279ZM25.3017 17.1718C28.2843 17.1718 30.5203 19.1187 30.5203 23.3015L30.5201 31.1098H25.9879V23.824C25.9879 21.994 25.3319 20.7453 23.6912 20.7453C22.439 20.7453 21.6932 21.5871 21.3656 22.4003C21.2458 22.6916 21.2164 23.0976 21.2164 23.5046V31.1101H16.6834C16.6834 31.1101 16.7431 18.7698 16.6834 17.492H21.2164V19.4208C21.8179 18.4936 22.8953 17.1718 25.3017 17.1718Z" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
<a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:ltr:text-left lg:rtl:text-right font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Open-sourceproject</a>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<script src="/js/animation.js"></script>
|
||
<script src="/js/swiper-bundle.min.js"></script>
|
||
<script src="/js/script.js"></script>
|
||
</body>
|
||
</html>
|