mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-03-31 20:36:19 +00:00
1717 lines
139 KiB
HTML
1717 lines
139 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<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 justify-end m-auto px-4 lg:px-7 h-[66px]">
|
||
<a href="/fr/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
|
||
<a href="/fr/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
|
||
<a href="/fr/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
|
||
<a href="/fr/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-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="/fr/" 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">Accueil</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">Développeurs</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"
|
||
>Exemple de chatbot</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">Référence</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"
|
||
>Protocole SMP</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"
|
||
>Protocole de chat</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"
|
||
>Faire un don</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">
|
||
<a href="javascript:void(0);" class="flex items-center justify-end ml-8 lg:ml-5 xl:ml-10 h-6 w-8">
|
||
<img src="/img/flags/fr.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="/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="/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="/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>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<button href="#" class="flex items-center justify-center h-[36px] w-[36px] ml-8 lg:ml-4 xl:ml-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] ml-8 lg:ml-5 xl:ml-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 font-bold text-[38px] md:text-[55px] leading-[46px] md:leading-[63px] mb-2 xl:mb-8">La vie privée redéfinie</p>
|
||
<p class="secondary-header text-center xl:text-left font-bold text-[28px] md:text-[38px] leading-[36px] md:leading-[43px] mb-2 xl:mb-8 tracking-[0.01em]">La première messagerie<br>sans identifiant d'utilisateur</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">
|
||
Les autres applications ont des IDs d'utilisateur : Signal, Matrix, Session, Briar, Jami, Cwtch, etc.<br> SimpleX n'en a pas, <strong>pas même des nombres aléatoires</strong>.<br > Ce qui améliore radicalement votre vie privée.
|
||
</p>
|
||
<a href="javascript:void(0)" data-show-overlay="hero-overlay-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Pourquoi les IDs d'utilisateur sont nuisibles pour votre vie privée ?</a>
|
||
|
||
|
||
<div id="hero-overlay-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Pourquoi les IDs d'utilisateur sont nuisibles pour votre vie privée ?</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Lorsque les utilisateurs ont des identités persistantes, même s'il ne s'agit que d'un nombre aléatoire, comme un ID de session, il y a un risque que le fournisseur ou un attaquant puisse observer comment les utilisateurs sont connectés et combien de messages ils envoient.
|
||
</p>
|
||
<p>
|
||
Ils pourraient ensuite corréler ces informations avec les réseaux sociaux publics existants, et déterminer de véritables identités.
|
||
</p>
|
||
<p>
|
||
Même avec les applications les plus privées qui utilisent les services Tor v3, si vous parlez à deux contacts différents via le même profil, ils peuvent prouver qu'ils sont connectés à la même personne.
|
||
</p>
|
||
<p>
|
||
SimpleX protège contre ces attaques en n'ayant aucun identifiant d'utilisateur dans on modèle. Et, si vous utilisez le mode Incognito, vous aurez un nom d'affichage différent pour chaque contact, évitant toutes les données partagées entre eux.
|
||
</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="hero-overlay-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Comment fonctionne SimpleX ?</a>
|
||
|
||
|
||
<div id="hero-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Comment fonctionne SimpleX ?</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Beaucoup d'utilisateurs se demandent : <em>si SimpleX n'a pas d'identifiant utilisateur, comment peut-il savoir où envoyer les messages ?</em>
|
||
</p>
|
||
<p>
|
||
Pour distribuer les messages, au lieu d'utiliser des identifiants d'utilisateur comme toutes les autres plateformes, SimpleX utilise des identifiants anonymes temporaires par paire de files d'attente de messages, distincts pour chacune de vos connexions ; il n'y a pas d'identifiants à long terme.
|
||
</p>
|
||
<p>
|
||
Vous définissez le ou les serveurs que vous souhaitez utiliser pour recevoir les messages et vos contacts &mdash ; les serveurs que vous utilisez pour leur envoyer des messages. Chaque conversation est susceptible d'utiliser deux serveurs différents.
|
||
</p>
|
||
<p>
|
||
Cette méthode empêche la fuite de métadonnées des utilisateurs au niveau de l'application. Pour améliorer encore la protection de votre vie privée et protéger votre adresse IP, vous pouvez vous connecter aux serveurs de messagerie via Tor.
|
||
</p>
|
||
<p>
|
||
Seuls les appareils clients stockent les profils des utilisateurs, les contacts et les groupes ; les messages sont envoyés avec un chiffrement de bout en bout à deux couches.
|
||
</p>
|
||
<p>
|
||
En savoir plus sur le <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 text-[16px] leading-[26px] mb-[11px] md:mt-6">Obtenir 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 font-bold text-[28px] md:text-[35px] leading-[36px] md:leading-[43px] mb-[28px]">
|
||
Établir une connexion privée
|
||
</p>
|
||
<p class="text-center text-black dark:text-white xl:text-justify leading-[24px] text-[16px] mb-10 xl:mb-[25px] header-description">
|
||
La vidéo montre comment vous pouvez vous connecter à une amie via son code QR à usage unique, en personne ou en appel vidéo. Vous pouvez également vous connecter en partageant un lien d'invitation.
|
||
</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">Pourquoi SimpleX</a>
|
||
<a href="#features" class="menu-link">Fonctionnalités</a>
|
||
<a href="#privacy" class="menu-link">Confidentialité SimpleX</a>
|
||
<a href="#network" class="menu-link">Réseau SimpleX</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 class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
||
<div class="container">
|
||
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Pourquoi la protection de la vie privé <span class='gradient-text'>est importante</span></p>
|
||
<p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">La préservation de la confidentialité de vos métadonnées — <span class='text-active-blue'>avec qui vous parlez</span> vous protège de :</p>
|
||
<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">Publicité et discrimination par les prix</p>
|
||
|
||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">La protection de votre vie privée vous fait économiser de l'argent</a>
|
||
|
||
|
||
<div id="why-privacy-matters-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">La protection de votre vie privée vous fait économiser de l'argent</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
De nombreuses grandes entreprises utilisent les informations sur les personnes avec lesquelles vous êtes connecté pour estimer vos revenus, vous vendre des produits dont vous n'avez pas vraiment besoin et déterminer les prix.
|
||
</p>
|
||
<p>
|
||
Les vendeurs en ligne savent que les personnes à faible revenu sont plus susceptibles d'effectuer des achats urgents. Ils peuvent donc pratiquer des prix plus élevés ou supprimer des remises.
|
||
</p>
|
||
<p>
|
||
Certaines sociétés financières et d'assurance utilisent des graphiques sociaux pour déterminer les taux d'intérêt et les primes. Cela fait souvent payer plus les personnes à faible revenu - c'est connu sous le nom de <a href ='https://fairbydesign.com/povertypremium/' target='_blank'>'prime à la pauvreté'</a>.
|
||
</p>
|
||
<p>
|
||
La plateforme SimpleX protège la confidentialité de vos connexions mieux que tout autres alternatives, empêchant totalement votre graphique de connexion de devenir disponible pour toutes entreprise ou organisation. Même lorsque les gens utilisent des serveurs fournis par SimpleX Chat, nous ne connaissons pas le nombre d'utilisateurs ni leurs connexions.
|
||
</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">Manipulation des élections</p>
|
||
|
||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Le respect de votre vie privée vous donne un pouvoir</a>
|
||
|
||
|
||
<div id="why-privacy-matters-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Le respect de votre vie privée vous donne un pouvoir</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Il n'y a pas si longtemps, nous avons observé que les élections majeures étaient manipulées par <a href='https://fr.wikipedia.org/wiki/Scandale_Facebook-Cambridge_Analytica' target='_blank'>une société de conseil réputée</a> qui ont utilisé nos graphiques de réseaux sociaux pour déformer notre vision du monde réel et manipuler nos votes.
|
||
</p>
|
||
<p>
|
||
Pour être objectif et prendre des décisions indépendantes, vous devez contrôler votre espace d'information. Cela n'est possible que si vous utilisez une plateforme de communication privée qui n'a pas accès à votre graphique de réseau.
|
||
</p>
|
||
<p>
|
||
SimpleX est la première plateforme qui n'a pas d'identifiant utilisateur par définition, protégeant ainsi votre graphique de connexions mieux que toute alternative connue.
|
||
</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">Poursuites pour association innocente</p>
|
||
|
||
<a href="javascript:void(0);" data-show-overlay="why-privacy-matters-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">Le respect de votre vie privée protège votre liberté</a>
|
||
|
||
|
||
<div id="why-privacy-matters-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">Le respect de votre vie privée protège votre liberté</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Tout le monde devrait se soucier de la confidentialité et de la sécurité de ses communications — des conversations lambda peuvent vous mettre en danger, même si vous n'avez rien à cacher.
|
||
</p>
|
||
<p>
|
||
L'une des histoires les plus choquantes est l'expérience de <a href='https://fr.wikipedia.org/wiki/Mohamedou_Ould_Slahi' target='_blank'>Mohamedou Ould Salahi</a> dont il a parlé dans ses Mémoires et qui est illustrée dans le film Désigné coupable (The Mauritanian). Il a été placé dans le camp de Guantanamo, sans procès, et y a été torturé pendant 15 ans après un appel téléphonique à un proche en Afghanistan, soupçonné d'être impliqué dans les attentats du 11 septembre, bien qu'il ait vécu en Allemagne pendant les 10 années précédant les attentats.
|
||
</p>
|
||
<p>
|
||
Des personnes lambda se font arrêter pour ce qu'elles partagent en ligne, même via leurs comptes "anonymes", <a href='https://www.dailymail.co.uk/news/article-11282263/Moment-police-swoop-house-devout-catholic-mother-malicious-online-posts.html' target='_blank'>même dans les pays démocratiques</a>.
|
||
</p>
|
||
<p>
|
||
Il ne suffit pas d'utiliser une messagerie chiffrée de bout en bout, nous devrions tous utiliser des messageries qui protègent la vie privée de nos réseaux personnels — les personnes avec lesquelles nous sommes connectés.
|
||
</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">Assurez-vous que votre messagerie ne peut pas accéder à vos données !</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">Pourquoi SimpleX est <span class="gradient-text">unique</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">#1</p>
|
||
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">Vous avez une confidentialité totale</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">
|
||
<p style="padding-bottom:6px;">
|
||
SimpleX protège la confidentialité de votre profil, de vos contacts et de vos métadonnées, en les cachant des serveurs de la plateforme SimpleX et de tout observateur.
|
||
</p>
|
||
<p>
|
||
Contrairement à toute autre plateforme de messagerie existante, SimpleX n'a aucun identifiant attribué aux utilisateurs — <strong>pas même de nombres aléatoires</strong>.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-1" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||
|
||
</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">Plus d'infos</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">Masquer les infos</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">#2</p>
|
||
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">Vous êtes protégé<br>contre les spams et les abus</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">
|
||
<p>
|
||
Parce que vous n'avez pas d'identifiant ou d'adresse fixe sur la plateforme SimpleX, personne ne peut vous contacter sauf si vous partagez une adresse d'utilisateur unique ou temporaire, comme un code QR ou un lien.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-2" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||
|
||
</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">Plus d'infos</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">Masquer les infos</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">#3</p>
|
||
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">Vous contrôlez vos données</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">
|
||
<p style="padding-bottom:5px;">
|
||
SimpleX stocke toutes les données utilisateur sur les appareils clients dans un <strong>format de base de données chiffrée portable</strong> — elles peuvent être transférées vers un autre appareil.
|
||
</p>
|
||
<p>
|
||
Les messages chiffrés de bout en bout sont conservés temporairement sur les serveurs relais SimpleX jusqu'à leur réception, puis ils sont définitivement supprimés.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-3" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||
|
||
</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">Plus d'infos</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">Masquer les infos</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">#4</p>
|
||
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">Vous possédez le réseau SimpleX</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">
|
||
<p style="padding-bottom:6px;">
|
||
Le réseau SimpleX est entièrement décentralisé et indépendant de toute crypto-monnaie ou de toute autre plateforme, autre qu'Internet.
|
||
</p>
|
||
<p>
|
||
Vous pouvez <strong>utiliser SimpleX avec vos propres serveurs</strong> ou avec les serveurs que nous fournissons — et toujours vous connecter à n'importe quel utilisateur.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<a href="javascript:void(0)" data-show-overlay="why-simplex-is-unique-4" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">En savoir plus</a>
|
||
|
||
</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">Plus d'infos</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">Masquer les infos</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 hidden md:inline-block dark:hidden" src="/img/new/arrow-left.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[52%] swiper-button-next unique-swiper-button-next hidden md:inline-block 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" 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" src="/img/new/arrow-right-dark.svg" alt="">
|
||
|
||
<div class="swiper-pagination simplex-unique-swiper-pagination mt-100"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
<div id="why-simplex-is-unique-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Confidentialité totale de votre identité, profil, contacts et métadonnées</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Contrairement aux autres plateformes de messagerie, SimpleX <strong>n'a pas d'identifiant attribué aux utilisateurs</strong>. Il ne s'appuie pas sur des numéros de téléphone, des adresses basées sur des domaines (comme l'e-mail ou XMPP), des noms d'utilisateur, des clés publiques ou même des nombres aléatoires pour identifier ses utilisateurs — nous ne savons pas combien de personnes utilisent nos serveurs SimpleX.
|
||
</p>
|
||
<p>
|
||
Pour envoyer des messages, SimpleX utilise des <a href='https://csrc.nist.gov/glossary/term/Pairwise_Pseudonymous_Identifier'>adresses anonymes par paires</a > de files d'attente de messages unidirectionnelles, séparées pour les messages reçus et envoyés, généralement via des serveurs différents. Utiliser SimpleX, c'est comme avoir <strong>un e-mail ou un téléphone jetable différent pour chaque contact</strong>, sans aucune difficulté pour les gérer.
|
||
</p>
|
||
<p>
|
||
Cette approche protège la confidentialité des personnes avec lesquelles vous communiquez, en la cachant des serveurs de la plateforme SimpleX et de tout observateur. Pour cacher votre adresse IP aux serveurs, vous pouvez <strong>vous connecter aux serveurs SimpleX 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="why-simplex-is-unique-2" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">La meilleure protection contre le spam et les abus</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Parce que vous n'avez pas d'identifiant sur la plateforme SimpleX, personne ne peut vous contacter sauf si vous partagez une adresse d'utilisateur unique ou temporaire, sous forme de code QR ou de lien .
|
||
</p>
|
||
<p>
|
||
Même avec l'adresse utilisateur facultative, bien qu'elle puisse être utilisée pour envoyer des demandes de contact de spam, vous pouvez la modifier ou la supprimer complètement sans perdre aucune de vos connexions.
|
||
</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="why-simplex-is-unique-3" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Propriété, contrôle et sécurité de vos données</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
SimpleX Chat stocke toutes les données utilisateur uniquement sur les appareils clients à l'aide d'un <strong>format de base de données chiffrée portable</strong> qui peut être exporté et transféré vers n'importe quel appareil pris en charge .
|
||
</p>
|
||
<p>
|
||
Les messages chiffrés de bout en bout sont conservés temporairement sur les serveurs relais SimpleX jusqu'à leur réception, puis ils sont définitivement supprimés.
|
||
</p>
|
||
<p>
|
||
Contrairement aux serveurs de réseaux fédérés (e-mail, XMPP ou Matrix), les serveurs SimpleX ne stockent pas les comptes d'utilisateurs, ils ne font que relayer les messages, protégeant ainsi la vie privée des deux parties.
|
||
</p>
|
||
<p>
|
||
Il n'y a pas d'identifiant ou de texte chiffré en commun entre le trafic serveur envoyé et reçu - si quelqu'un l'observe, il ne peut pas facilement déterminer qui communique avec qui, même si le TLS est compromis.
|
||
</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="why-simplex-is-unique-4" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Entièrement décentralisé — les utilisateurs sont maîtres de leur réseau SimpleX</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Vous pouvez <strong>utiliser SimpleX avec vos propres serveurs</strong> et continuer à communiquer avec les personnes qui utilisent les serveurs préconfigurés que nous fournissons.
|
||
</p>
|
||
<p>
|
||
La plate-forme SimpleX utilise un <a href='https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr. md' target='_blank'>protocole ouvert</a> et fournit un <a href='https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript ' target='_blank'>SDK pour créer des chatbots</a>, permettant la mise en place de services avec lesquels les utilisateurs peuvent interagir via les applications SimpleX Chat - nous sommes vraiment impatients de voir quels services SimpleX vous pouvez créer.
|
||
</p>
|
||
<p>
|
||
Si vous envisagez de développer pour la plateforme SimpleX, par exemple, un chatbot pour les utilisateurs de l'application SimpleX, ou l'intégration de la bibliothèque SimpleX Chat dans vos applications mobiles <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'>contactez-nous</a> pour tout conseil et assistance.
|
||
</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">Fonctionnalités</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]">Messages chiffrés E2E avec édition et format markdown</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]">Images et fichiers<br>chiffrés E2E</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]">Groupes secrets décentralisés —<br>seuls ses membres connaissent leur existence</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]">Messages vocaux chiffrés E2E <em>(bientôt)</em></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]">Conversations secrètes éphémères <em>(bientôt)</em></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]">Appels audio et vidéo<br>chiffrés E2E</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]">Base de données chiffrée portable — déplacez votre profil vers un autre appareil</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]">Mode incognito —<br>unique à 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">Ce qui rend 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">Identifiants temporaires anonymes par paires</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 utilise des adresses et des informations d'identification anonymes temporaires par paires pour chaque contact utilisateur ou membre de groupe.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Il permet la distribution de messages sans identifiants de profil utilisateur, offrant une meilleure confidentialité des métadonnées que les alternatives.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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">Échange de clés<br>hors bande</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">De nombreuses plateformes de communication sont vulnérables aux attaques MITM par des serveurs ou des fournisseurs de réseau.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Pour l'empêcher, les applications SimpleX transmettent des clés à usage unique hors bande, lorsque vous partagez une adresse sous forme de lien ou de code QR.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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 couches de<br>chiffrement de bout en bout</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Protocole à double ratchet —<br>Messagerie OTR avec confidentialité persistante et récupération en cas d'effraction.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Cryptobox NaCL dans chaque file d'attente pour empêcher toute corrélation de trafic entre les files d'attente de messages si le TLS est compromis.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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">Vérification de l'intégrité<br>des messages</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Pour garantir l'intégrité, les messages sont numérotés séquentiellement et incluent le hachage du message précédent.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Si un message est ajouté, supprimé ou modifié, le destinataire sera alerté.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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">Couche supplémentaire de<br>chiffrement du serveur</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Couche supplémentaire de chiffrement du serveur pour la livraison au destinataire, afin d'empêcher la corrélation entre le trafic du serveur reçu et envoyé si le TLS est compromis.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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">Mélange de messages<br>pour réduire la corrélation</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Les serveurs SimpleX agissent comme des nœuds mixtes à faible latence - les messages entrants et sortants ont un ordre différent.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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">Transport TLS<br>sécurisé et authentifié</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Seul TLS 1.2/1.3 avec des algorithmes puissants est utilisé pour les connexions client-serveur.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">L'empreinte du serveur et la fixation des canaux empêchent les attaques MITM et les attaques par rejeu.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">La reprise de connexion est désactivée pour empêcher les attaques de session.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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">Accès<br>possible 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">Pour protéger votre adresse IP, vous pouvez accéder aux serveurs via Tor ou un autre réseau de transport superposé.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Pour utiliser SimpleX via Tor, veuillez installer <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">l'application Orbot</a> et activez le proxy SOCKS5 (ou le mode VPN <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank"> sur iOS</a>).</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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">Files d'attente de messages<br>unidirectionnelles</p>
|
||
<div class="flex-1 py-3 flex flex-col gap-3">
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Chaque file d'attente de messages transmet les messages dans une direction, avec des adresses d'envoi et de réception différentes.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Il réduit les vecteurs d'attaque, par rapport aux agents de messagerie traditionnels, et les métadonnées disponibles.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</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">Plusieurs couches de<br>couverture de contenu</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 utilise une couverture de contenu pour chaque couche de chiffrement afin de résister aux attaques ciblant la taille des messages.</p>
|
||
|
||
<p class="text-grey-black dark:text-white text-[14px] text-center">Cela rend les messages de différentes tailles identiques pour les serveurs et les observateurs du réseau.</p>
|
||
|
||
</div>
|
||
<p class="text-grey-black dark:text-white text-[12px] text-center">Appuyez pour fermer</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<img class="fixed left-[-3px] top-[55%] swiper-button-prev private-swiper-button-prev hidden md:inline-block dark:hidden" src="/img/new/arrow-left.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[55%] swiper-button-next private-swiper-button-next hidden md:inline-block dark:hidden" src="/img/new/arrow-right.svg" alt="">
|
||
<img class="fixed left-[-3px] top-[55%] swiper-button-prev private-swiper-button-prev hidden dark:md:inline-block" src="/img/new/arrow-left-dark.svg" alt="">
|
||
<img class="fixed right-[-6px] top-[55%] swiper-button-next private-swiper-button-next hidden dark:md:inline-block" 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"><span class='gradient-text'>Réseau</span> SimpleX</p>
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center mb-16">Simplex Chat offre la meilleure protection de votre vie privé en combinant les avantages du P2P et des réseaux fédérés.</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">Contrairement aux réseaux P2P</p>
|
||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||
Tous les messages sont envoyés via les serveurs, offrant à la fois une meilleure protection des métadonnées et une livraison asynchrone fiable des messages, tout en évitant de nombreux <a href="javascript:void(0)" data-show-overlay="simplex-network-overlay-1" class="open-overlay-btn">problèmes des réseaux P2P</a>.
|
||
|
||
|
||
<div id="simplex-network-overlay-1" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
||
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
||
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Comparaison avec des protocoles de messagerie P2P</h1>
|
||
<div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
|
||
|
||
<div class="lg:max-w-[448px]">
|
||
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
|
||
<p>
|
||
Les applications et protocoles de messagerie <a href='https://fr.wikipedia.org/wiki/Pair-%C3%A0-pair'>P2P</a> présentent divers problèmes qui les rendent moins fiables que SimpleX, plus complexes à analyser et vulnérables à plusieurs types d'attaques.
|
||
</p>
|
||
<ol style="list-style: auto; padding-left: 1em;">
|
||
<li>
|
||
Les réseaux P2P reposent sur une variante du <a href='https://en.wikipedia.org/wiki/Distributed_hash_table'>DHT</a> pour distribuer les messages. Les conceptions DHT doivent équilibrer la garantie de livraison et la latence. SimpleX offre à la fois une meilleure garantie de livraison et une latence plus faible que le P2P, car le message peut être transmis de manière redondante via plusieurs serveurs en parallèle, en utilisant les serveurs choisis par le destinataire. Dans les réseaux P2P, le message est transmis séquentiellement à travers <em>O(log N)</em> nœuds, en utilisant les nœuds choisis par l'algorithme.
|
||
</li>
|
||
<li>
|
||
Le modèle de SimpleX, contrairement à la plupart des réseaux P2P, n'a aucun identifiant utilisateur global d'aucune sorte, même temporaire, et n'utilise que des identifiants temporaires par paires, offrant un meilleur anonymat et une meilleure protection des métadonnées .
|
||
</li>
|
||
<li>
|
||
Le P2P ne résout pas <a href='https://fr.wikipedia.org/wiki/Attaque_de_l%27homme_du_milieu'>l'attaque MITM</a> et la plupart des implémentations existantes n'utilisent pas de messages hors bande pour l'échange de clé initial. SimpleX utilise des messages hors bande ou, dans certains cas, des connexions sécurisées et approuvées préexistantes pour l'échange de clé initial .
|
||
</li>
|
||
<li>
|
||
Les réseaux P2P peuvent être bloquées par certains fournisseurs Internet (comme <a href='https://fr.wikipedia.org/wiki/BitTorrent'>BitTorrent</a>). SimpleX est indépendant du transport - il peut fonctionner sur des protocoles Web standard, par exemple WebSockets.
|
||
</li>
|
||
<li>
|
||
Tous les réseaux P2P connus sont susceptibles d'être vulnérables à une <a href='https://fr.wikipedia.org/wiki/Attaque_Sybil'>attaque Sybil</a>, car chaque nœud peut être découvert et le réseau fonctionne comme un tout. Les mesures connues pour réduire la probabilité d'une attaque Sybil nécessitent soit un composant centralisé, soit des <a href='https://fr.wikipedia.org/wiki/Preuve_de_travail'>preuves de travail</a> coûteuses. Le réseau SimpleX ne permet pas de découvrir les serveurs, il est fragmenté et fonctionne comme de multiples sous-réseaux isolées, ce qui rend impossible les attaques à l'échelle du réseau.
|
||
</li>
|
||
<li>
|
||
Les réseaux P2P sont susceptibles d'être vulnérables aux <a href='https://www.usenix.org/conference/woot15/workshop-program/presentation/p2p- file-sharing-hell-exploiting-bittorrent'>attaques DRDoS</a>, lorsque les clients peuvent rediffuser et amplifier le trafic, entraînant un déni de service à l'échelle du réseau. Les clients SimpleX relaient uniquement le trafic à partir d'une connexion connue et ne peuvent pas être utilisés par un attaquant pour amplifier le trafic sur l'ensemble du réseau.
|
||
</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">Contrairement aux réseaux fédérés</p>
|
||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||
Les serveurs de relais SimpleX NE stockent PAS les profils d'utilisateurs, les contacts et les messages distribués, NE se connectent PAS les uns aux autres et il N'y a AUCUN répertoire de serveurs.
|
||
</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">Réseau SimpleX</p>
|
||
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
||
les serveurs fournissent des <span class='text-active-blue'>files d'attente unidirectionnelles</span> pour connecter les utilisateurs, mais ils n'ont aucune visibilité sur le graphique de connexion réseau — seuls les utilisateurs l'ont.
|
||
</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 expliqué</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. L'expérience des utilisateurs</div>
|
||
<div data-btn-index="1" class="flex-1 tab-button tab-2 p-2 text-[20px] text-center font-bold cursor-pointer">2. Comment ça marche</div>
|
||
<div data-btn-index="2" class="flex-1 tab-button tab-3 p-2 text-[20px] text-center font-bold cursor-pointer">3. Ce que voient les serveurs</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. L'expérience des utilisateurs</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">
|
||
Vous pouvez créer des contacts et des groupes, et avoir des conversations bidirectionnelles, comme dans n'importe quelle autre messagerie.
|
||
</p>
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
Comment cela peut-il fonctionner avec des files d'attente unidirectionnelles et sans identifiants de profil utilisateur ?
|
||
</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. Comment ça marche</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">
|
||
Pour chaque connexion, vous utilisez deux files d'attente de messages distinctes pour envoyer et recevoir des messages via des serveurs différents.
|
||
</p>
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
Les serveurs ne transmettent les messages que dans un sens, sans connaître la totalité de la conversation ou des connexions de l'utilisateur.
|
||
</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. Ce que voient les serveurs</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">
|
||
Les serveurs disposent d'identifiants anonymes distincts pour chaque file d'attente, et ne savent pas à quels utilisateurs ils appartiennent.
|
||
</p>
|
||
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
||
Les utilisateurs peuvent améliorer davantage leur protection des métadonnées en utilisant Tor pour accéder aux serveurs, ce qui empêche la corrélation par adresse IP.
|
||
</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]">Comparaison avec d'autres protocoles</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">Signal, grandes plateformes</th>
|
||
<th class="pb-4">XMPP, Matrix</th>
|
||
<th class="pb-4">Protocoles P2P</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="min-w-[210px]">Identifiant global nécessaire</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Non - privé</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui <sup>1</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui <sup>2</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui <sup>3</sup></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="min-w-[210px]">Risque d'attaque MITM</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Non - sécurisé</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui <sup>4</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="min-w-[210px]">Dépendance au DNS</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Non - résistant</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Non</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="min-w-[210px]">Réseau unique ou centralisé</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Non - décentralisé</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Non - fédéré <sup>5</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui <sup>6</sup></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="min-w-[210px]">Attaque à l'échelle du réseau</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Non - résistant</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui</td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui <sup>2</sup></td>
|
||
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Oui <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> Généralement basé sur un numéro de téléphone, dans certains cas sur des noms d'utilisateur</li>
|
||
<li> Adresses basées sur le DNS</li>
|
||
<li> Clé publique ou tout autre identifiant global unique</li>
|
||
<li> Si les serveurs de l'opérateur sont compromis</li>
|
||
<li> Ne protège pas les métadonnées des utilisateurs</li>
|
||
<li> Bien que les P2P soient distribués, ils ne sont pas fédérés - ils fonctionnent comme un seul réseau</li>
|
||
<li> Les réseaux P2P ont soit une autorité centrale, soit l'ensemble du réseau peut être compromis - <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">voir ici</a></li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<section 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">Rejoindre</span> SimpleX</p>
|
||
<p class="text-black dark:text-white text-base text-center mb-14">Nous vous invitons à rejoindre la conversation</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]">Rejoindre la communauté REDDIT</a>
|
||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Rejoignez-nous sur GitHub</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Faites un don ici pour nous aider</a>
|
||
</div>
|
||
|
||
<p class="text-grey-black dark:text-white text-base text-center mb-7">Inscrivez-vous pour recevoir nos mises à jour</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] rounded-l-[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="Entrez votre adresse e-mail">
|
||
<span style="position: absolute; left: -5000px" aria-hidden="true">
|
||
<input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
|
||
</span>
|
||
<input type="submit" class="h-[44px] rounded-r-[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">Obtenir 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="/fr/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
|
||
<a href="/fr/" 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">
|
||
Protocole SimpleX Chat</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">
|
||
Conditions et politique de confidentialité</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">
|
||
Faire un don</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://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:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Projet Open-Source</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>
|