mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-06-07 15:23:11 +00:00
epoberezkin
2005 lines
158 KiB
HTML
2005 lines
158 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt_BR"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
dir="ltr"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SimpleX Chat: private and secure messenger without any user IDs (not even random)</title>
|
|
<meta name="description" content="SimpleX Chat - a private and encrypted messenger without any user IDs (not even random ones)! Make a private connection via link / QR code to send messages and make calls."/>
|
|
<meta name="Content-Type" content="text/html;charset=utf-8"/>
|
|
|
|
<meta http-equiv="onion-location" content="http://isdb4l77sjqoy2qq7ipum6x3at6hyn3jmxfx4zdhc72ufbmuq4ilwkqd.onion/" />
|
|
<meta property="og:url" content="https://simplex.chat/" />
|
|
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:title" content="SimpleX Chat: private and secure messenger without any user IDs (not even random)"/>
|
|
<meta property="og:description" content="SimpleX Chat - a private and encrypted messenger without any user IDs (not even random ones)! Make a private connection via link / QR code to send messages and make calls."/>
|
|
<meta property="og:image" content="https://simplex.chat/img/share_simplex.png"/>
|
|
<meta name="twitter:card" content="summary"/>
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.ico"/>
|
|
|
|
<link rel="stylesheet" href="/css/swiper-bundle.min.css">
|
|
<link href="/css/tailwind.css" rel="stylesheet"/>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
|
<script src="/js/flag-anchor.js"></script>
|
|
|
|
</head>
|
|
<body class="bg-white dark:bg-[#0C0B13]">
|
|
<section class="w-full bg-transparent fixed top-0 z-50">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<header class="">
|
|
<div class="flex items-center flex-row justify-end m-auto px-4 lg:px-7 h-[66px]">
|
|
<a href="/pt_BR" class="h-full hidden dark:hidden lg:flex items-center ltr:mr-auto rtl:ml-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
|
|
<a href="/pt_BR" class="h-full hidden dark:lg:flex items-center ltr:mr-auto rtl:ml-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
|
|
<a href="/pt_BR" class="dark:hidden lg:hidden ltr:mr-auto rtl:ml-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
|
|
<a href="/pt_BR" class="hidden dark:inline-block dark:lg:hidden lg:hidden ltr:mr-auto rtl:ml-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
|
|
|
|
<nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
|
|
<div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
|
|
<ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
|
|
|
|
<li class="nav-link relative active">
|
|
<a href="/pt_BR" class="flex items-center justify-between gap-2 lg:py-5 whitespace-nowrap">
|
|
<span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Início</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">Manual</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="/docs/guide/readme.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Início rápido</a></li>
|
|
|
|
<li><a href="/docs/guide/send-messages.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Enviando mensagens</a></li>
|
|
|
|
<li><a href="/docs/guide/secret-groups.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Grupos secretos</a></li>
|
|
|
|
<li><a href="/docs/guide/chat-profiles.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Perfis de chat</a></li>
|
|
|
|
<li><a href="/docs/guide/managing-data.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Gerenciando dados</a></li>
|
|
|
|
<li><a href="/docs/guide/audio-video-calls.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Chamadas de áudio e vídeo</a></li>
|
|
|
|
<li><a href="/docs/guide/privacy-security.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Privacidade e segurança</a></li>
|
|
|
|
<li><a href="/docs/guide/app-settings.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Configurações do aplicativo</a></li>
|
|
|
|
<li><a href="/docs/guide/making-connections.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Fazendo conexões</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">Referência</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] flex items-center gap-1"
|
|
>Whitepaper
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</a></li>
|
|
<li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
|
|
target="_blank" class="lg:px-[20px] flex items-center gap-1"
|
|
>Protocolo SMP
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</a></li>
|
|
<li><a href="/docs/protocol/simplex-chat.html" class="lg:px-[20px] inline-block"
|
|
>Protocolo de chat</a></li>
|
|
|
|
<hr class=" h-[1px] w-full dark:opacity-[0.1]">
|
|
|
|
|
|
<li><a href="/docs/simplex.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Plataforma SimpleX</a></li>
|
|
|
|
<li><a href="/docs/android.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Acessando arquivos do Android</a></li>
|
|
|
|
<li><a href="/docs/sql.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Acesso ao banco de dados do chat</a></li>
|
|
|
|
<li><a href="/docs/server.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Servidor SMP de host</a></li>
|
|
|
|
<li><a href="/docs/xftp-server.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Servidor XFTP de host</a></li>
|
|
|
|
<li><a href="/docs/webrtc.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Servidores WebRTC</a></li>
|
|
|
|
<li><a href="/docs/translations.html" class=" lg:px-[20px] inline-block whitespace-nowrap">Traduzir o SimpleX Chat</a></li>
|
|
|
|
|
|
<hr class=" h-[1px] w-full dark:opacity-[0.1]">
|
|
|
|
<li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/apps/simplex-bot-advanced/Main.hs"
|
|
target="_blank" class="lg:px-[20px] flex items-center gap-1"
|
|
>Exemplo de chat bot
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</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] flex items-center gap-1"
|
|
>TypeScript SDK
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</a></li>
|
|
<li><a href="/docs/cli.html" class="lg:px-[20px] inline-block"
|
|
>CLI Terminal</a></li>
|
|
<li><a href="https://github.com/simplex-chat/simplexmq"
|
|
target="_blank" class="lg:px-[20px] flex items-center gap-1"
|
|
>SimpleXMQ
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</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 flex items-center gap-1 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"
|
|
>Doar
|
|
</a>
|
|
|
|
<div class="inline-block dark:hidden self-center mt-[8px]">
|
|
<a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
|
|
data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
|
|
</div>
|
|
|
|
<div class="hidden dark:inline-block self-center mt-[8px]">
|
|
<a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
|
|
data-color-scheme="no-preference: dark; light: dark; dark: dark;"
|
|
data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<div class="nav-link relative flag-container">
|
|
<a href="javascript:void(0);" class="flex items-center justify-end ltr:ml-8 ltr:lg:ml-5 ltr:xl:ml-10 rtl:mr-8 rtl:lg:mr-5 rtl:xl:mr-10 h-6 w-8 whitespace-nowrap">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img src="/img/flags/br.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 whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/en.svg" alt="" srcset="">
|
|
<p>English</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/ar/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<div class="flex items-center justify-center" style="background-color:green; color:white; width:21.33px; height:16px">
|
|
<p style="text-align:center; font-size:7px">العربية</p>
|
|
</div>
|
|
<p>العربية</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/cs/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/cs.svg" alt="" srcset="">
|
|
<p>Čeština</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/de/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/de.svg" alt="" srcset="">
|
|
<p>Deutsch</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/es/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/es.svg" alt="" srcset="">
|
|
<p>Español</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/fr/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/fr.svg" alt="" srcset="">
|
|
<p>Français</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/it/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/it.svg" alt="" srcset="">
|
|
<p>Italiano</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/nl/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/nl.svg" alt="" srcset="">
|
|
<p>Nederlands</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/pl/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/pl.svg" alt="" srcset="">
|
|
<p>Polski</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/pt_BR/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/br.svg" alt="" srcset="">
|
|
<p>Português</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
<a href="/zh_Hans/" class="px-[20px] flex items-center gap-4 flag-anchor whitespace-nowrap">
|
|
<img class="h-4" src="/img/flags/cn.svg" alt="" srcset="">
|
|
<p>简体中文</p>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<button href="#" class="flex items-center justify-center h-[36px] w-[36px] ltr:ml-8 ltr:lg:ml-4 ltr:xl:ml-8 rtl:mr-8 rtl:lg:mr-4 rtl:xl:mr-8 theme-switch-btn">
|
|
<img src="/img/new/sun.svg" alt="" srcset="" class="sun">
|
|
<img src="/img/new/moon.svg" alt="" srcset="" class="moon">
|
|
</button>
|
|
|
|
<button href="" id="btn-mobile" class="flex lg:hidden items-center justify-center h-[36px] w-[36px] ltr:ml-8 ltr:lg:ml-5 ltr:xl:ml-10 rtl:mr-8 rtl:lg:mr-5 rtl:xl:mr-10 nav-toggle-btn">
|
|
<img src="/img/new/hamburger.svg" id="hamburger" alt="" srcset="">
|
|
<svg class="fill-black dark:fill-white hidden" id="cross" width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<SCript>
|
|
// switch theme
|
|
const sunIcon = document.querySelector('.sun');
|
|
const moonIcon = document.querySelector('.moon');
|
|
|
|
const userTheme = localStorage.getItem('theme');
|
|
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
const prismThemeLink = document.getElementById('prism-theme')
|
|
|
|
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');
|
|
if(prismThemeLink){
|
|
prismThemeLink.setAttribute('href','/css/prism-dark.min.css')
|
|
}
|
|
}
|
|
else{
|
|
sunIcon.classList.add('hidden');
|
|
if(prismThemeLink){
|
|
prismThemeLink.setAttribute('href','/css/prism-light.min.css')
|
|
}
|
|
}
|
|
}
|
|
|
|
const themeSwitch = () => {
|
|
if(document.documentElement.classList.contains('dark')){
|
|
document.documentElement.classList.remove('dark');
|
|
localStorage.setItem('theme','light');
|
|
if(prismThemeLink){
|
|
prismThemeLink.setAttribute('href','/css/prism-light.min.css')
|
|
}
|
|
iconToggle();
|
|
}
|
|
else{
|
|
document.documentElement.classList.add('dark');
|
|
localStorage.setItem('theme','dark');
|
|
if(prismThemeLink){
|
|
prismThemeLink.setAttribute('href','/css/prism-dark.min.css')
|
|
}
|
|
iconToggle();
|
|
}
|
|
}
|
|
|
|
const nav = document.querySelector('header nav');
|
|
window.addEventListener('click',(e)=>{
|
|
if(e.target.closest('.nav-link')){
|
|
if(e.target.closest('.nav-link').classList.contains('active')){
|
|
e.target.closest('.nav-link').classList.remove('active');
|
|
}
|
|
else{
|
|
document.querySelectorAll('.nav-link').forEach(el => el.classList.remove('active'))
|
|
e.target.closest('.nav-link').classList.add('active');
|
|
}
|
|
}
|
|
else if(e.target.closest('.nav-toggle-btn')){
|
|
document.body.classList.toggle('lock-scroll');
|
|
if(nav.classList.contains('open')){
|
|
nav.classList.remove('open');
|
|
document.getElementById('hamburger').classList.remove('hidden');
|
|
document.getElementById('cross').classList.add('hidden');
|
|
}
|
|
else{
|
|
nav.classList.add('open');
|
|
document.getElementById('hamburger').classList.add('hidden');
|
|
document.getElementById('cross').classList.remove('hidden');
|
|
}
|
|
}
|
|
else if(e.target.closest('.theme-switch-btn')){
|
|
themeSwitch();
|
|
}
|
|
})
|
|
|
|
themeCheck();
|
|
|
|
const changeHeaderBg = ()=>{
|
|
const header = document.querySelector('header')
|
|
const scrollValue = window.scrollY
|
|
if(scrollValue > 5){
|
|
header.classList.add('bg-primary-bg-light');
|
|
header.classList.add('dark:bg-primary-bg-dark');
|
|
}
|
|
else{
|
|
header.classList.remove('bg-primary-bg-light');
|
|
header.classList.remove('dark:bg-primary-bg-dark');
|
|
}
|
|
}
|
|
|
|
window.addEventListener('scroll',changeHeaderBg);
|
|
</SCript>
|
|
</section>
|
|
|
|
<div class="first-two-sections pt-[66px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
|
|
<div class="md:flex md:flex-col-reverse md:items-center xl:flex xl:flex-row xl:items-start relative xl:justify-between xl:gap-10 container">
|
|
<div class="">
|
|
<section class="xl:h-[calc(100vh-66px)] xl:max-h-[888px] m-auto w-full flex items-center justify-between landing-page-header px-5">
|
|
<div class="xl:h-full flex flex-col items-center xl:items-start xl:justify-around w-full landing-page-header-div">
|
|
|
|
<img class="static-phone-mobile md:hidden" src="/img/new/mobile-hero.png" alt="" />
|
|
|
|
<article class="w-full xl:max-w-[600px] landing-page-header-article">
|
|
<p class="primary-header text-center xl:text-left xl:rtl:text-right font-bold text-[38px] md:text-[55px] leading-[46px] md:leading-[63px] mb-2 xl:mb-8">Privacidade redefinida</p>
|
|
<p class="secondary-header text-center xl:text-left xl:rtl:text-right font-bold text-[28px] md:text-[38px] leading-[36px] md:leading-[43px] mb-2 xl:mb-8 tracking-[0.01em]">O primeiro mensageiro<br>sem ID de usuário</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">
|
|
Outros aplicativos possuem IDs de usuário: Signal, Matrix, Session, Briar, Jami, Cwtch, etc.<br> O SimpleX não tem, <strong>nem mesmo números aleatórios</strong>.<br> Isso melhora radicalmente a sua privacidade.
|
|
</p>
|
|
<a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left xl:rtl:text-right text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Por que os IDs são ruins para a privacidade?</a>
|
|
|
|
|
|
<div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Por que os IDs são ruins para a privacidade?</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>
|
|
Quando os usuários têm identidades persistentes, mesmo que seja apenas um número aleatório, como um ID do Session, há o risco de que o provedor ou um invasor possa observar como os usuários estão conectados e quantas mensagens eles enviam.
|
|
</p>
|
|
<p>
|
|
Eles poderiam então correlacionar essas informações com as redes sociais públicas existentes e determinar algumas identidades reais.
|
|
</p>
|
|
<p>
|
|
Mesmo com os aplicativos mais privados que usam os serviços Tor v3, se você conversar com dois contatos diferentes por meio do mesmo perfil, eles poderão provar que estão conectados à mesma pessoa.
|
|
</p>
|
|
<p>
|
|
O SimpleX se protege contra esses ataques por não ter nenhum ID de usuário em seu design. E, se você usar o modo Incognito, terá um nome de exibição diferente para cada contato, evitando qualquer compartilhamento de dados entre eles.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="max-w-[448px]">
|
|
<div class="flex items-center justify-center">
|
|
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/explained-1.svg" alt="">
|
|
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/explained-1.svg" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left xl:rtl:text-right text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Como o SimpleX funciona?</a>
|
|
|
|
|
|
<div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Como o SimpleX funciona?</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>
|
|
Muitos usuários perguntaram: <em>se o SimpleX não tem identificadores de usuário, como ele pode saber onde entregar as mensagens?</em>
|
|
</p>
|
|
<p>
|
|
Para entregar mensagens, em vez de IDs de usuário usados por todas as outras plataformas, o SimpleX usa identificadores anônimos pares temporários de filas de mensagens, separados para cada uma de suas conexões — não há identificadores de longo prazo.
|
|
</p>
|
|
<p>
|
|
Você define o(s) servidor(es) a ser(em) usado(s) para receber as mensagens, seus contatos — os servidores que você usa para enviar as mensagens a eles. É provável que cada conversa use dois servidores diferentes.
|
|
</p>
|
|
<p>
|
|
Esse design evita o vazamento de metadados de qualquer usuário' no nível do aplicativo. Para aumentar ainda mais a privacidade e proteger seu endereço IP, você pode se conectar aos servidores de mensagens via Tor.
|
|
</p>
|
|
<p>
|
|
Somente os dispositivos clientes armazenam perfis de usuários, contatos e grupos; as mensagens são enviadas com duas camadas de criptografia ponta-a-ponta.
|
|
</p>
|
|
<p>
|
|
Leia mais no <a href='https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md' target='_blank'>informativo técnico do SimpleX</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]">
|
|
<div id="simplex-reviews" class="flex items-center justify-center xl:justify-start flex-wrap gap-4 my-10">
|
|
<a class="block rounded overflow-hidden" title="security assessment" href="https://simplex.chat/blog/20221108-simplex-chat-v4.2-security-audit-new-website.html" target="_blank">
|
|
<img class="h-[40px] w-auto block dark:hidden" src="/img/trail-of-bits-light.png" alt="Trail of Bits">
|
|
<img class="h-[40px] w-auto hidden dark:block" src="/img/trail-of-bits-dark.png" alt="Trail of Bits">
|
|
</a>
|
|
<a class="block rounded overflow-hidden" title="messenger recommendations" href="https://www.privacyguides.org/en/real-time-communication/#simplex-chat" target="_blank">
|
|
<img class="h-[40px] w-auto block dark:hidden" src="/img/privacy-guides-light.png" alt="Privacy Guides">
|
|
<img class="h-[40px] w-auto hidden dark:block" src="/img/privacy-guides-dark.png" alt="Privacy Guides">
|
|
</a>
|
|
<a class="block rounded overflow-hidden" title="publication" href="https://www.heise.de/suche/?q=simplex+chat&sort_by=date&rm=search" target="_blank">
|
|
<img class="h-[40px] w-auto block dark:hidden" src="/img/heise-light.png" alt="Heise Online">
|
|
<img class="h-[40px] w-auto hidden dark:block" src="/img/heise-dark.png" alt="Heise Online">
|
|
</a>
|
|
<a class="block rounded overflow-hidden" title="review" href="https://www.kuketz-blog.de/simplex-eindruecke-vom-messenger-ohne-identifier/" target="_blank">
|
|
<img class="h-[40px] w-auto block dark:hidden" src="/img/kuketz-blog-light.png" alt="Mike Kuketz blog">
|
|
<img class="h-[40px] w-auto hidden dark:block" src="/img/kuketz-blog-dark.png" alt="Mike Kuketz blog">
|
|
</a>
|
|
<a class="block rounded overflow-hidden" title="podcast interview" href="https://optoutpod.com/episodes/s3e02-simplexchat/" target="_blank">
|
|
<img class="h-[40px] w-auto" src="/img/optout.jpg" alt="Opt Out Podcast">
|
|
</a>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="text-black dark:text-white hidden md:block text-center xl:text-left xl:rtl:text-right text-[16px] leading-[26px] mb-[11px] md:mt-6">Obtenha o 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>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="xl:h-[calc(100vh-66px)] xl:max-h-[888px]">
|
|
<div class="h-[calc(100%-81.42px)] w-full flex flex-col items-start justify-around">
|
|
<div class="hero-video-phone-container w-full xl:hidden">
|
|
<div class="hidden relative md:flex items-center justify-center">
|
|
<img id="hero-video-phone-Background hidden md:block" src="/img/new/tab-video.svg" />
|
|
<video class="absolute rounded-lg top-10 w-[235px] ml-[-6px] mt-1" controls>
|
|
<source src="/video/connect.mp4" type="video/mp4">
|
|
</video>
|
|
|
|
|
|
</div>
|
|
<div class="w-full md:hidden my-10 relative flex items-center justify-center bg-[#17203D]">
|
|
<video class="w-full" controls>
|
|
<source src="/video/connect.mp4" type="video/mp4">
|
|
</video>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<article class="w-full xl:max-w-[600px] landing-page-header-article px-5">
|
|
<p class="text-active-blue text-center xl:text-left xl:rtl:text-right font-bold text-[28px] md:text-[35px] leading-[36px] md:leading-[43px] mb-[28px]">
|
|
Faça uma conexão privada
|
|
</p>
|
|
<p class="text-center text-black dark:text-white xl:text-justify leading-[24px] text-[16px] mb-10 xl:mb-[25px] header-description">
|
|
O vídeo mostra como você se conecta com seu amigo através do QR code de uso único dele, pessoalmente ou via link de vídeo. Você também pode se conectar compartilhando um link de convite.
|
|
</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">Por que SimpleX</a>
|
|
<a href="#features" class="menu-link">Recursos</a>
|
|
<a href="#privacy" class="menu-link">Privacidade do SimpleX</a>
|
|
<a href="#network" class="menu-link">Rede 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 id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
|
|
<div class="container">
|
|
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">Por que a privacidade é <span class='gradient-text'>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">Preservar a privacidade de seus metadados — <span class='text-active-blue'>com quem você conversa</span> — protege você 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">Propaganda e discriminação de preços</p>
|
|
|
|
<a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">A privacidade economiza seu dinheiro</a>
|
|
|
|
|
|
<div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">A privacidade economiza seu dinheiro</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>
|
|
Muitas grandes empresas usam informações sobre com quem você está conectado para estimar sua renda, vender produtos que você realmente não precisa e determinar os preços.
|
|
</p>
|
|
<p>
|
|
Os varejistas online sabem que as pessoas com renda mais baixa têm maior probabilidade de fazer compras urgentes e, por isso, podem cobrar preços mais altos ou remover descontos.
|
|
</p>
|
|
<p>
|
|
Algumas empresas financeiras e de seguros usam gráficos sociais para determinar taxas de juros e prêmios. Isso geralmente faz com que as pessoas com renda mais baixa paguem mais — isso é conhecido como <a href='https://fairbydesign.com/povertypremium/' target='_blank'>"prêmio de pobreza"</a>.
|
|
</p>
|
|
<p>
|
|
A plataforma SimpleX protege a privacidade de suas conexões melhor do que qualquer alternativa, impedindo totalmente que seu gráfico social fique disponível para quaisquer empresas ou organizações. Mesmo quando as pessoas usam servidores fornecidos pelo SimpleX Chat, não sabemos o número de usuários ou suas conexões.
|
|
</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">Manipulação de eleições</p>
|
|
|
|
<a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">A privacidade lhe dá poder</a>
|
|
|
|
|
|
<div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">A privacidade lhe dá poder</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>
|
|
Não faz muito tempo que observamos as eleições sendo manipuladas por <a href='https://pt.wikipedia.org/wiki/Esc%C3%A2ndalo_de_dados_Facebook%E2%80%93Cambridge_Analytica' target='_blank'>uma empresa de consultoria respeitável</a> que usou nossos gráficos sociais para distorcer nossa visão do mundo real e manipular nossos votos.
|
|
</p>
|
|
<p>
|
|
Para ser objetivo e tomar decisões independentes, você precisa ter o controle do seu espaço de informações. Isso só é possível se você usar uma plataforma de comunicação privada que não tenha acesso ao seu gráfico social.
|
|
</p>
|
|
<p>
|
|
O SimpleX é a primeira plataforma que não tem nenhum identificador de usuário por design, protegendo assim seu gráfico de conexões melhor do que qualquer alternativa conhecida.
|
|
</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">Acusação devido a associação inocente</p>
|
|
|
|
<a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">A privacidade protege sua liberdade</a>
|
|
|
|
|
|
<div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">A privacidade protege sua liberdade</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>
|
|
Todos devem se preocupar com a privacidade e a segurança de suas comunicações - conversas inofensivas podem colocá-lo em perigo, mesmo que você não tenha nada a esconder.
|
|
</p>
|
|
<p>
|
|
Uma das histórias mais chocantes é a experiência de <a href='https://pt.wikipedia.org/wiki/Mohamedou_Ould_Slahi' target='_blank'>Mohamedou Ould Salahi</a>, descrita em seu livro de memórias e mostrada no filme O Mauritano. Ele foi colocado no campo de Guantánamo, sem julgamento, e lá foi torturado por 15 anos após um telefonema para seu parente no Afeganistão, sob suspeita de estar envolvido nos ataques de 11 de setembro, embora tenha vivido na Alemanha nos 10 anos anteriores.
|
|
</p>
|
|
<p>
|
|
Pessoas comuns são presas pelo que compartilham online, mesmo por meio de suas contas "anônimas", <a href='https://www.dailymail.co.uk/news/article-11282263/Moment-police-swoop-house-devout-catholic-mother-malicious-online-posts.html' target='_blank'>mesmo em países democráticos</a>.
|
|
</p>
|
|
<p>
|
|
Não basta usar um mensageiro criptografado de ponta-a-ponta, todos nós devemos usar os mensageiros que protegem a privacidade de nossas redes pessoais — com quem estamos conectados.
|
|
</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">Certifique-se de que seu mensageiro não possa acessar seus dados!</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">Por que o SimpleX é <span class="gradient-text">único</span></p>
|
|
|
|
<div class="swiper unique-swiper px-5 sm:px-4 py-2">
|
|
<div class="swiper-wrapper mb-16">
|
|
|
|
|
|
<div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
|
|
|
|
<div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
|
|
<img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-1.png" alt="">
|
|
<img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-1-dark.png" alt="">
|
|
</div>
|
|
|
|
<div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
|
|
<div class="content-head">
|
|
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left md:rtl:text-right">#1</p>
|
|
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left md:rtl:text-right font-bold text-grey-black dark:text-white">Você tem privacidade total</p>
|
|
</div>
|
|
|
|
<div class="content-body py-5 md:py-7">
|
|
|
|
<div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left md:rtl:text-right">
|
|
<p style="padding-bottom:6px;">
|
|
O SimpleX protege a privacidade do seu perfil, contatos e metadados, ocultando-os dos servidores da plataforma SimpleX e de quaisquer observadores.
|
|
</p>
|
|
<p>
|
|
Diferente de qualquer outra plataforma de mensagens existente, o SimpleX não tem identificadores atribuídos aos usuários — <strong>nem mesmo números aleatórios</strong>.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
<a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left md:rtl:text-right">Saiba mais</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">Mais informações</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">Ocultar informações</span>
|
|
<span class="flex items-center justify-center mt-1">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
|
|
|
|
<div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
|
|
<img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-2.png" alt="">
|
|
<img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-2-dark.png" alt="">
|
|
</div>
|
|
|
|
<div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
|
|
<div class="content-head">
|
|
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left md:rtl:text-right">#2</p>
|
|
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left md:rtl:text-right font-bold text-grey-black dark:text-white">Você está protegido<br>contra spam e abusos</p>
|
|
</div>
|
|
|
|
<div class="content-body py-5 md:py-7">
|
|
|
|
<div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left md:rtl:text-right">
|
|
<p>
|
|
Como você não tem um identificador ou endereço fixo na plataforma SimpleX, ninguém pode entrar em contato com você, a menos que você compartilhe um endereço de usuário único ou temporário, como um QR code ou um link.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
<a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left md:rtl:text-right">Saiba mais</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">Mais informações</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">Ocultar informações</span>
|
|
<span class="flex items-center justify-center mt-1">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
|
|
|
|
<div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
|
|
<img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-3.png" alt="">
|
|
<img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-3-dark.png" alt="">
|
|
</div>
|
|
|
|
<div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
|
|
<div class="content-head">
|
|
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left md:rtl:text-right">#3</p>
|
|
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left md:rtl:text-right font-bold text-grey-black dark:text-white">Você controla seus dados</p>
|
|
</div>
|
|
|
|
<div class="content-body py-5 md:py-7">
|
|
|
|
<div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left md:rtl:text-right">
|
|
<p style="padding-bottom:5px;">
|
|
O SimpleX armazena todos os dados do usuário nos dispositivos clientes em um <strong>formato de banco de dados criptografado portátil</strong> — que pode ser transferido para outro dispositivo.
|
|
</p>
|
|
<p>
|
|
As mensagens criptografadas de ponta-a-ponta são mantidas temporariamente nos servidores de retransmissão SimpleX até serem recebidas e, em seguida, são excluídas permanentemente.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
<a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left md:rtl:text-right">Saiba mais</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">Mais informações</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">Ocultar informações</span>
|
|
<span class="flex items-center justify-center mt-1">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
|
|
|
|
<div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
|
|
<img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-4.png" alt="">
|
|
<img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-4-dark.png" alt="">
|
|
</div>
|
|
|
|
<div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
|
|
<div class="content-head">
|
|
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left md:rtl:text-right">#4</p>
|
|
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left md:rtl:text-right font-bold text-grey-black dark:text-white">Sua própria rede 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 md:rtl:text-right">
|
|
<p style="padding-bottom:6px;">
|
|
A rede SimpleX é totalmente descentralizada e independente de qualquer criptomoeda ou de qualquer outra plataforma, exceto a Internet.
|
|
</p>
|
|
<p>
|
|
Você pode <strong>usar o SimpleX com seus próprios servidores</strong> ou com os servidores fornecidos por nós — e ainda assim se conectar a qualquer usuário.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
<a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left md:rtl:text-right">Saiba mais</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">Mais informações</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">Ocultar informações</span>
|
|
<span class="flex items-center justify-center mt-1">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<img class="fixed left-[-3px] top-[52%] swiper-button-prev unique-swiper-button-prev md:inline-block rtl:!hidden dark:!hidden" src="/img/new/arrow-left.svg" alt="">
|
|
<img class="fixed right-[-6px] top-[52%] swiper-button-next unique-swiper-button-next md:inline-block rtl:!hidden dark:!hidden" src="/img/new/arrow-right.svg" alt="">
|
|
<img class="fixed left-[-3px] top-[52%] swiper-button-prev unique-swiper-button-prev hidden dark:md:inline-block rtl:!hidden" src="/img/new/arrow-left-dark.svg" alt="">
|
|
<img class="fixed right-[-6px] top-[52%] swiper-button-next unique-swiper-button-next hidden dark:md:inline-block rtl:!hidden" src="/img/new/arrow-right-dark.svg" alt="">
|
|
|
|
<img class="fixed left-[-3px] top-[52%] swiper-button-next unique-swiper-button-next md:rtl:inline-block ltr:!hidden dark:!hidden" src="/img/new/arrow-left.svg" alt="">
|
|
<img class="fixed right-[-6px] top-[52%] swiper-button-prev unique-swiper-button-prev md:rtl:inline-block ltr:!hidden dark:!hidden" src="/img/new/arrow-right.svg" alt="">
|
|
<img class="fixed left-[-3px] top-[52%] swiper-button-next unique-swiper-button-next hidden md:dark:inline-block ltr:!hidden" src="/img/new/arrow-left-dark.svg" alt="">
|
|
<img class="fixed right-[-6px] top-[52%] swiper-button-prev unique-swiper-button-prev hidden md:dark:inline-block ltr:!hidden" src="/img/new/arrow-right-dark.svg" alt="">
|
|
|
|
<div class="swiper-pagination simplex-unique-swiper-pagination mt-100"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Privacidade total de sua identidade, perfil, contatos e metadados</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>
|
|
Ao contrário de outras plataformas de mensagens, o SimpleX <strong>não tem identificadores atribuídos aos usuários</strong>. Ele não depende de números de telefone, endereços baseados em domínio (como e-mail ou XMPP), nomes de usuário, chaves públicas ou mesmo números aleatórios para identificar seus usuários — não sabemos quantas pessoas usam nossos servidores SimpleX.
|
|
</p>
|
|
<p>
|
|
Para entregar mensagens, o SimpleX usa <a href='https://csrc.nist.gov/glossary/term/Pairwise_Pseudonymous_Identifier'>endereços anônimos em pares</a> de filas de mensagens unidirecionais, separadas para mensagens recebidas e enviadas, geralmente por meio de servidores diferentes. Usar o SimpleX é como ter <strong>um e-mail ou telefone de “gravação” diferente para cada contato</strong>, sem a necessidade de gerenciá-los.
|
|
</p>
|
|
<p>
|
|
Esse design protege a privacidade de quem está se comunicando com você, ocultando-a dos servidores da plataforma SimpleX e de quaisquer observadores. Para ocultar seu endereço IP dos servidores, você pode <strong>se conectar aos servidores do 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="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Você está protegido contra spam e abusos</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>
|
|
Como você não tem um identificador na plataforma SimpleX, ninguém pode entrar em contato com você, a menos que compartilhe um endereço de usuário único ou temporário, como um QR code ou um link.
|
|
</p>
|
|
<p>
|
|
Mesmo com o endereço de usuário opcional, embora ele possa ser usado para enviar solicitações de contato de spam, você pode alterá-lo ou excluí-lo completamente sem perder nenhuma das suas conexões.
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="max-w-[448px]">
|
|
<div class="flex items-center justify-center">
|
|
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-2.png" alt="">
|
|
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-2-dark.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Propriedade, controle e segurança dos seus dados</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>
|
|
O SimpleX Chat armazena todos os dados do usuário somente em dispositivos clientes usando um <strong>formato de banco de dados criptografado portátil</strong> que pode ser exportado e transferido para qualquer dispositivo compatível.
|
|
</p>
|
|
<p>
|
|
As mensagens criptografadas de ponta-a-ponta são mantidas temporariamente nos servidores de retransmissão SimpleX até serem recebidas e, em seguida, são excluídas permanentemente.
|
|
</p>
|
|
<p>
|
|
Diferente dos servidores de redes federadas (e-mail, XMPP ou Matrix), os servidores SimpleX não armazenam contas de usuários, apenas retransmitem mensagens, protegendo a privacidade de ambas as partes.
|
|
</p>
|
|
<p>
|
|
Não há identificadores ou texto cifrado em comum entre o tráfego de servidor enviado e recebido — se alguém estiver observando, não poderá determinar facilmente quem se comunica com quem, mesmo que o TLS esteja comprometido.
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="max-w-[448px]">
|
|
<div class="flex items-center justify-center">
|
|
<img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-3.png" alt="">
|
|
<img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-3-dark.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Totalmente descentralizado — os usuários são proprietários da rede 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>
|
|
Você pode <strong>usar o SimpleX com seus próprios servidores</strong> e ainda se comunicar com pessoas que usam os servidores pré-configurados fornecidos por nós.
|
|
</p>
|
|
<p>
|
|
A plataforma SimpleX usa um <a href='https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md' target='_blank'>protocolo aberto</a> e fornece um <a href='https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript' target='_blank'>SDK para criar bots de chat</a>, permitindo a implementação de serviços com os quais os usuários podem interagir por meio dos aplicativos SimpleX Chat — estamos realmente ansiosos para ver quais serviços SimpleX você pode criar.
|
|
</p>
|
|
<p>
|
|
Se estiver pensando em desenvolver para a plataforma SimpleX, por exemplo, o bot de chat para os usuários do aplicativo SimpleX ou a integração da biblioteca SimpleX Chat em seus aplicativos móveis, <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'>entre em contato</a> para qualquer orientação e suporte.
|
|
</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">Recursos</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]">Mensagens criptografadas de ponta-a-ponta com markdown e edição</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]">Imagens e arquivos<br>criptografados de ponta-a-ponta</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]">Grupos secretos descentralizados —<br>somente os usuários sabem que eles existem</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]">Mensagens de voz criptografadas de ponta-a-ponta</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]">Mensagens que desaparecem</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]">Chamadas de áudio e vídeo<br>criptografadas de ponta-a-ponta</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]">Banco de dados criptografado portátil — mova seu perfil para outro dispositivo</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]">Modo anônimo —<br> único do 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">O que torna o SimpleX <span class='gradient-text'>privado</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">Identificadores temporários anônimos em pares</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">O SimpleX usa endereços anônimos temporários em pares e credenciais para cada contato de usuário ou membro de grupo.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Ele permite entregar mensagens sem identificadores de perfil, proporcionando melhor privacidade de metadados do que as alternativas.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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">Troca de chaves<br>fora da rede</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Muitas plataformas de comunicação são vulneráveis a ataques MITM por servidores ou provedores de rede.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Para evitar isso, os aplicativos SimpleX passam chaves de uso único fora da banda, quando você compartilha um endereço como um link ou um QR code.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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 camadas de<br>criptografia ponta-a-ponta</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Protocolo de dupla catraca —<br>mensagens OTR com sigilo de encaminhamento perfeito e recuperação de invasão.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Caixa de criptografia NaCL em cada envio para evitar a correlação de tráfego entre os envios de mensagens se o TLS for comprometido.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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">Verificação de integridade<br>da mensagem</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Para garantir a integridade, as mensagens são numeradas sequencialmente e incluem o hash da mensagem anterior.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Se alguma mensagem for adicionada, removida ou alterada, o destinatário será alertado.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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">Camada adicional de<br>encriptação do servidor</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Camada adicional de criptografia de servidor para entrega ao destinatário, para evitar a correlação entre o tráfego de servidor recebido e enviado se o TLS for comprometido.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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">Mistura de mensagens<br>para reduzir a correlação</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Os servidores SimpleX atuam como nós de mistura de baixa latência — as mensagens de entrada e saída têm ordem diferente.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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">Transporte TLS<br>seguro e autenticado</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Somente o TLS 1.2/1.3 com algoritmos fortes é usado para conexões cliente-servidor.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">A impressão digital do servidor e a vinculação de canais evitam ataques MITM e de repetição.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">A retomada da conexão é desativada para evitar ataques à sessão.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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">Acesso opcional<br>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">Para proteger seu endereço IP, você pode acessar os servidores por meio do Tor ou de alguma outra rede de sobreposição de transporte.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Para usar o SimpleX via Tor, instale o aplicativo <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">Orbot</a> e ative o proxy SOCKS5 (ou VPN <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank">no iOS</a>).</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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">Envios de mensagens<br>unidirecionais</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Cada fila de mensagens transmite mensagens em uma direção, com diferentes endereços de envio e recebimento.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Isso reduz os vetores de ataque, em comparação com os corretores de mensagens tradicionais, e os metadados disponíveis.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</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">Múltiplas camadas de<br>preenchimento de conteúdos</p>
|
|
<div class="flex-1 py-3 flex flex-col gap-3">
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">O SimpleX usa proteção de conteúdo em cada camada de criptografia para impedir ataques ao tamanho da mensagem.</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[14px] text-center">Isso faz com que mensagens de tamanhos diferentes tenham a mesma aparência para os servidores e observadores de rede.</p>
|
|
|
|
</div>
|
|
<p class="text-grey-black dark:text-white text-[12px] text-center">Toque para fechar</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<img class="fixed left-[-3px] top-[52%] swiper-button-prev private-swiper-button-prev md:inline-block rtl:!hidden dark:!hidden" src="/img/new/arrow-left.svg" alt="">
|
|
<img class="fixed right-[-6px] top-[52%] swiper-button-next private-swiper-button-next md:inline-block rtl:!hidden dark:!hidden" src="/img/new/arrow-right.svg" alt="">
|
|
<img class="fixed left-[-3px] top-[52%] swiper-button-prev private-swiper-button-prev hidden dark:md:inline-block rtl:!hidden" src="/img/new/arrow-left-dark.svg" alt="">
|
|
<img class="fixed right-[-6px] top-[52%] swiper-button-next private-swiper-button-next hidden dark:md:inline-block rtl:!hidden" src="/img/new/arrow-right-dark.svg" alt="">
|
|
|
|
<img class="fixed left-[-3px] top-[52%] swiper-button-next private-swiper-button-next md:rtl:inline-block ltr:!hidden dark:!hidden" src="/img/new/arrow-left.svg" alt="">
|
|
<img class="fixed right-[-6px] top-[52%] swiper-button-prev private-swiper-button-prev md:rtl:inline-block ltr:!hidden dark:!hidden" src="/img/new/arrow-right.svg" alt="">
|
|
<img class="fixed left-[-3px] top-[52%] swiper-button-next private-swiper-button-next hidden md:dark:inline-block ltr:!hidden" src="/img/new/arrow-left-dark.svg" alt="">
|
|
<img class="fixed right-[-6px] top-[52%] swiper-button-prev private-swiper-button-prev hidden md:dark:inline-block ltr:!hidden" src="/img/new/arrow-right-dark.svg" alt="">
|
|
|
|
<div class="swiper-scrollbar dark:bg-grey-black dark:bg-opacity-[0.2]"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="network" class="bg-secondary-bg-light dark:bg-secondary-bg-dark lg:h-[642px] py-[95px] px-5">
|
|
<div class="container">
|
|
<p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-5"><span class='gradient-text'>Rede</span> SimpleX</p>
|
|
<p class="text-black dark:text-white text-[16px] font-normal text-center mb-16">O Simplex Chat oferece a melhor privacidade ao combinar as vantagens das redes P2P e federadas.</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">Diferente das redes P2P</p>
|
|
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
|
Todas as mensagens são enviadas por meio dos servidores, o que proporciona melhor privacidade de metadados e entrega de mensagens assíncronas confiáveis, além de evitar muitos dos <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">problemas das redes P2P</a>.
|
|
|
|
|
|
<div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
|
|
<div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
|
|
<h1 class="text-3xl font-bold text-active-blue mb-6 ">Comparação com protocolos de mensagens 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>
|
|
Os protocolos e aplicativos de mensagens <a href='https://pt.wikipedia.org/wiki/Peer-to-peer'>P2P</a> têm vários problemas que os tornam menos confiáveis do que o SimpleX, mais complexos de analisar e vulneráveis a vários tipos de ataque.
|
|
</p>
|
|
<ol style="list-style: auto; padding-left: 1em;">
|
|
<li>
|
|
As redes P2P dependem de alguma variante de <a href='https://pt.wikipedia.org/wiki/Distributed_hash_table'>DHT</a> para rotear mensagens. Os projetos de DHT precisam equilibrar a garantia de entrega e a latência. O SimpleX tem melhor garantia de entrega e menor latência do que o P2P, porque a mensagem pode ser passada de forma redundante por vários servidores em paralelo, usando os servidores escolhidos pelo destinatário. Nas redes P2P, a mensagem é passada por nós <em>O(log N)</em> sequencialmente, usando nós escolhidos pelo algoritmo.
|
|
</li>
|
|
<li>
|
|
O design do SimpleX, ao contrário da maioria das redes P2P, não tem identificadores de usuário globais de qualquer tipo, mesmo temporários, e usa apenas identificadores temporários em pares, proporcionando melhor anonimato e proteção de metadados.
|
|
</li>
|
|
<li>
|
|
O P2P não resolve o problema do <a href='https://pt.wikipedia.org/wiki/Ataque_man-in-the-middle'>ataque MITM</a>, e a maioria das implementações existentes não usa mensagens fora de banda para a troca de chaves inicial. O SimpleX usa mensagens fora de banda ou, em alguns casos, conexões pré-existentes seguras e confiáveis para a troca de chaves inicial.
|
|
</li>
|
|
<li>
|
|
As implementações de P2P podem ser bloqueadas por alguns provedores de Internet (como o <a href='https://pt.wikipedia.org/wiki/BitTorrent'>BitTorrent</a>). O SimpleX é independente de transporte, podendo funcionar com protocolos padrão da Web, por exemplo, WebSockets.
|
|
</li>
|
|
<li>
|
|
Todas as redes P2P conhecidas podem ser vulneráveis ao <a href='https://pt.wikipedia.org/wiki/Ataque_Sybil'>ataque Sybil</a>, pois cada nó pode ser descoberto e a rede opera como um todo. As medidas conhecidas para combatê-lo exigem um componente centralizado ou uma <a href='https://pt.wikipedia.org/wiki/Prova_de_trabalho'>prova de trabalho</a> cara. A rede SimpleX não tem capacidade de descoberta de servidor, é fragmentada e opera como várias sub-redes isoladas, impossibilitando ataques em toda a rede.
|
|
</li>
|
|
<li>
|
|
As redes P2P podem ser vulneráveis a <a href='https://www.usenix.org/conference/woot15/workshop-program/presentation/p2p-file-sharing-hell-exploiting-bittorrent'>ataques DRDoS</a>, quando os clientes podem retransmitir e amplificar o tráfego, resultando em uma negação de serviço em toda a rede. Os clientes SimpleX apenas retransmitem o tráfego de uma conexão conhecida e não podem ser usados por um invasor para amplificar o tráfego em toda a rede.
|
|
</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">Diferente das redes federadas</p>
|
|
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
|
Os servidores de retransmissão SimpleX NÃO armazenam perfis de usuário, contatos e mensagens entregues, NÃO se conectam uns aos outros e NÃO há diretório de servidores.
|
|
</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">Rede SimpleX</p>
|
|
<p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
|
|
Os servidores fornecem <span class='text-active-blue'>filas unidirecionais</span> para conectar os usuários, mas não têm visibilidade do gráfico de conexão de rede — somente os usuários têm.
|
|
</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">Explicação do SimpleX</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. O que os usuários experimentam</div>
|
|
<div data-btn-index="1" class="flex-1 tab-button tab-2 p-2 text-[20px] text-center font-bold cursor-pointer">2. Como funciona</div>
|
|
<div data-btn-index="2" class="flex-1 tab-button tab-3 p-2 text-[20px] text-center font-bold cursor-pointer">3. O que os servidores veem</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. O que os usuários experimentam</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">
|
|
Você pode criar contatos e grupos e ter conversas bidirecionais, como em qualquer outro mensageiro.
|
|
</p>
|
|
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
|
Como ele pode funcionar com filas unidirecionais e sem identificadores de perfil de usuário?
|
|
</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. Como funciona</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">
|
|
Para cada conexão, são usadas duas filas de mensagens separadas para enviar e receber mensagens por meio de servidores diferentes.
|
|
</p>
|
|
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
|
Os servidores só passam mensagens em uma direção, sem ter a imagem completa da conversa ou conexões do usuário.
|
|
</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. O que os servidores veem</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">
|
|
Os servidores têm credenciais anônimas separadas para cada envio e não sabem a que usuários elas pertencem.
|
|
</p>
|
|
<p class="text-black dark:text-white text-[16px] font-normal text-center">
|
|
Os usuários podem melhorar ainda mais a privacidade de metadados usando o Tor para acessar os servidores, impedindo a correlação pelo endereço 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]">Comparação com outros protocolos</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 plataformas</th>
|
|
<th class="pb-4">Matrix, XMPP</th>
|
|
<th class="pb-4">Protocolos P2P</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="min-w-[210px]">Requer uma identidade global</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Não - privado</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim <sup>1</sup></td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim <sup>2</sup></td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim <sup>3</sup></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="min-w-[210px]">Possibilidade de MITM</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Não - seguro</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim <sup>4</sup></td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="min-w-[210px]">Dependência do DNS</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Não - resiliente</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Não</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="min-w-[210px]">Rede única ou centralizada</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Não - descentralizado</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Não - federado <sup>5</sup></td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim <sup>6</sup></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="min-w-[210px]">Componente central ou outro ataque em toda a rede</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">Não - resiliente</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim</td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim <sup>2</sup></td>
|
|
<td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">Sim <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> Geralmente com base em um número de telefone, em alguns casos em nomes de usuário</li>
|
|
<li> Endereços baseados no DNS</li>
|
|
<li> Chave pública ou alguma outra ID globalmente exclusiva</li>
|
|
<li> Se os servidores da operadora forem comprometidos</li>
|
|
<li> Não protege os metadados dos usuários</li>
|
|
<li> Embora os P2P sejam distribuídos, eles não são federados - operam como uma única rede</li>
|
|
<li> As redes P2P têm uma autoridade central ou toda a rede pode ser comprometida - <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">veja aqui</a></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section id="join-simplex" class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[855px] py-[90px] px-5">
|
|
<div class="container flex flex-col items-center">
|
|
<p class="text-[38px] leading-[36px] md:leading-[55px] text-grey-black dark:text-white text-center font-bold mb-5"><span class="text-active-blue">Junte-se ao</span> SimpleX</p>
|
|
<p class="text-black dark:text-white text-base text-center mb-14">Convidamos você a participar da conversa</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]">Junte-se à comunidade no 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]">Junte-se a nós no GitHub</a>
|
|
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Doe aqui para nos ajudar</a>
|
|
</div>
|
|
|
|
<p class="text-grey-black dark:text-white text-base text-center mb-7">Inscreva-se para receber nossas atualizações</p>
|
|
|
|
<form class="flex items-center w-full max-w-[540px] mb-20"
|
|
action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&id=ad6037a2fe"
|
|
method="post" target="_blank" novalidate>
|
|
<input name="EMAIL" type="text" class="h-[44px] ltr:rounded-l-[34px] rtl:rounded-r-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="Digite seu endereço de e-mail">
|
|
<span aria-hidden="true" class="hidden">
|
|
<input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
|
|
</span>
|
|
<input type="submit" class="h-[44px] ltr:rounded-r-[34px] rtl:rounded-l-[34px] bg-primary-light text-white text-center px-8">
|
|
</form>
|
|
|
|
<hr class="block mb-7 mx-5 dark:opacity-[0.2] w-full">
|
|
|
|
<p class="text-grey-black dark:text-white text-center mb-7">Obtenha o 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="/pt_BR" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
|
|
<a href="/pt_BR" 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 flex items-center gap-1">
|
|
SimpleX Whitepaper
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</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 flex items-center gap-1">
|
|
Protocolo de Chat SimpleX
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</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 flex items-center gap-1">
|
|
Termos e Política de Privacidade
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</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 flex items-center gap-1">
|
|
Doar
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</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 flex items-center gap-1">
|
|
CLI Terminal
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</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 flex items-center gap-1">
|
|
TypeScript SDK
|
|
<svg class="float-right" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<article class="mt-10 lg:mt-0">
|
|
<div class="h-[40px] flex gap-4 justify-center">
|
|
<a href="https://simplex.chat/contact#/?v=1&smp=smp%3A%2F%2FPQUV2eL0t7OStZOoAsPEV2QYWt4-xilbakvGUGOItUo%3D%40smp6.simplex.im%2FK1rslx-m5bpXVIdMZg9NLUZ_8JBm8xTt%23%2F%3Fv%3D1%26dh%3DMCowBQYDK2VuAyEALDeVe-sG8mRY22LsXlPgiwTNs9dbiLrNuA7f3ZMAJ2w%253D%26srv%3Dbylepyau3ty4czmn77q4fglvperknl4bi2eb2fdy2bh4jxtf32kf73yd.onion">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.585 0C11.9025 0 0 11.9025 0 26.585C0 41.2674 11.9025 53.1699 26.585 53.1699C41.2674 53.1699 53.1699 41.2674 53.1699 26.585C53.1699 11.9025 41.2674 0 26.585 0ZM11.3862 17.3518L17.6366 23.4373L23.9313 17.3088L17.6787 11.2209L20.866 8.1179L27.1187 14.2061L33.4932 8L36.6199 11.044L30.2448 17.25L36.4982 23.3379L42.8733 17.1321L46 20.1761L39.6249 26.3818L45.8789 32.4702L42.6916 35.5732L36.4376 29.4848L30.0631 35.6906L36.3171 41.7791L33.1299 44.8821L26.8759 38.7936L20.5026 45L17.3759 41.956L23.8003 35.693L17.5493 29.6073L11.1255 35.8621L8 32.8194L14.4244 26.5646L8.17397 20.4792L11.3862 17.3518ZM27.0125 32.5656L33.311 26.4408L27.0576 20.3535L27.0568 20.3516L20.7615 26.4799L27.0125 32.5656Z" fill="#0053D0"/>
|
|
</svg>
|
|
</a>
|
|
<a href="https://github.com/simplex-chat" target="_blank">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M20.2907 0.926758C9.24635 0.926758 0.290527 10.1075 0.290527 21.4331C0.290527 30.4933 6.02118 38.18 13.9679 40.8915C14.9674 41.0813 15.3344 40.4467 15.3344 39.905C15.3344 39.4161 15.3158 37.8007 15.3072 36.0872C9.74314 37.3277 8.56906 33.6677 8.56906 33.6677C7.65927 31.2975 6.3484 30.6672 6.3484 30.6672C4.53379 29.3945 6.48519 29.4206 6.48519 29.4206C8.49355 29.5653 9.55105 31.5338 9.55105 31.5338C11.3349 34.6688 14.2298 33.7624 15.3711 33.2385C15.5506 31.9131 16.069 31.0085 16.6409 30.4964C12.1986 29.9779 7.52878 28.2195 7.52878 20.3621C7.52878 18.1232 8.31007 16.294 9.58947 14.8579C9.38181 14.3414 8.69723 12.2557 9.78322 9.43111C9.78322 9.43111 11.4627 8.87998 15.2847 11.5331C16.8801 11.0787 18.591 10.8509 20.2907 10.8431C21.9904 10.8509 23.7027 11.0787 25.301 11.5331C29.1183 8.87998 30.7955 9.43111 30.7955 9.43111C31.8842 12.2557 31.1992 14.3414 30.9916 14.8579C32.274 16.294 33.05 18.1232 33.05 20.3621C33.05 28.2382 28.3712 29.9724 23.9176
|
|
30.4801C24.635 31.1165 25.2742 32.3644 25.2742 34.2776C25.2742 37.0214 25.251 39.2296 25.251 39.905C25.251 40.4507 25.611 41.0902 26.6248 40.8888C34.5672 38.1742 40.2905 30.4903 40.2905 21.4331C40.2905 10.1075 31.336 0.926758 20.2907 0.926758Z" />
|
|
</svg>
|
|
</a>
|
|
<a href="https://www.reddit.com/r/SimpleXChat/" target="_blank">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.874 40.9268C31.9197 40.9268 40.874 31.9724 40.874 20.9268C40.874 9.88108 31.9197 0.926758 20.874 0.926758C9.82834 0.926758 0.874023 9.88108 0.874023 20.9268C0.874023 31.9724 9.82834 40.9268 20.874 40.9268ZM30.4091 16.615C31.9031 16.615 33.1157 17.8276 33.1157 19.3216C33.1157 20.426 32.4445 21.3787 31.5567 21.8118C31.6 22.0716 31.6217 22.3315 31.6217 22.613C31.6217 26.7705 26.7929 30.1268 20.8165 30.1268C14.8402 30.1268 10.0114 26.7705 10.0114 22.613C10.0114 22.3315 10.0331 22.05 10.0764 21.7902C9.12362 21.3571 8.47402 20.426 8.47402 19.3216C8.47402 17.8276 9.68662 16.615 11.1807 16.615C11.8953 16.615 12.5665 16.9181 13.0429 17.3728C14.9051 16.0086 17.4819 15.1642 20.3618 15.0776L21.726 8.6248C21.7693 8.49488 21.8343 8.3866 21.9425 8.32164C22.0508 8.25668 22.1807 8.23504 22.3106 8.25668L26.7929 9.20944C27.0961 8.55984 27.7457 8.12676 28.5035 8.12676C29.5646 8.12676 30.4307 8.99292 30.4307
|
|
10.0539C30.4307 11.115 29.5646 11.9811 28.5035 11.9811C27.4642 11.9811 26.6197 11.1582 26.5764 10.1406L22.5705 9.29604L21.3362 15.0776C24.1512 15.1858 26.7063 16.052 28.5469 17.3728C29.0232 16.8964 29.6728 16.615 30.4091 16.615ZM16.5291 19.3216C15.4681 19.3216 14.602 20.1878 14.602 21.2488C14.602 22.3098 15.4681 23.176 16.5291 23.176C17.5902 23.176 18.4563 22.3098 18.4563 21.2488C18.4563 20.1878 17.5902 19.3216 16.5291 19.3216ZM20.7949 27.7449C21.5311 27.7449 24.0429 27.6582 25.3638 26.3374C25.5587 26.1425 25.5587 25.8394 25.4071 25.6228C25.2122 25.428 24.8874 25.428 24.6925 25.6228C23.848 26.4456 22.0941 26.7488 20.8165 26.7488C19.539 26.7488 17.7634 26.4456 16.9405 25.6228C16.7457 25.428 16.4209 25.428 16.226 25.6228C16.0311 25.8177 16.0311 26.1425 16.226 26.3374C17.5252 27.6366 20.0587 27.7449 20.7949 27.7449ZM23.0902 21.2488C23.0902 22.3098 23.9563 23.176 25.0173 23.176C26.0783 23.176 26.9445 22.3098 26.9445 21.2488C26.9445 20.1878 26.0783
|
|
19.3216 25.0173 19.3216C23.9563 19.3216 23.0902 20.1878 23.0902 21.2488Z" />
|
|
</svg>
|
|
</a>
|
|
<a href="https://twitter.com/simplexchat" target="_blank">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4575 40.9268C31.5032 40.9268 40.4575 31.9725 40.4575 20.9268C40.4575 9.88106 31.5032 0.926758 20.4575 0.926758C9.41182 0.926758 0.45752 9.88106 0.45752 20.9268C0.45752 31.9725 9.41182 40.9268 20.4575 40.9268ZM29.916 16.7766C29.916 23.1157 25.014 30.4265 16.0519 30.4265V30.423C13.4038 30.4265 10.8115 29.6795 8.58252 28.2719C8.96846 28.3174 9.35558 28.3397 9.74271 28.3409C11.9372 28.3432 14.0688 27.6182 15.7942 26.283C13.7101 26.2444 11.8802 24.9055 11.2425 22.9507C11.9716 23.0898 12.7245 23.0619 13.4418 22.869C11.1689 22.4165 9.53371 20.4504 9.53252 18.1671V18.1062C10.2106 18.478 10.9694 18.6835 11.7448 18.7057C9.60377 17.2981 8.94233 14.4948 10.2355 12.3026C12.7103 15.2992 16.3606 17.1207 20.2782 17.3147C19.8851 15.6487 20.4231 13.902 21.6878 12.7306C23.6507 10.9137 26.737 11.0073 28.5824 12.9387C29.6737 12.7271 30.7199 12.3327 31.677 11.7738C31.3125 12.8857 30.5513 13.828 29.5348 14.4277C30.5002
|
|
14.3155 31.4443 14.0609 32.3325 13.6728C31.6782 14.6362 30.8553 15.4781 29.9017 16.1562C29.916 16.362 29.916 16.5685 29.916 16.7766Z" />
|
|
</svg>
|
|
</a>
|
|
<a href="https://www.linkedin.com/company/simplex-chat/" target="_blank">
|
|
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0408 0.926758C8.9951 0.926758 0.0407715 9.88109 0.0407715 20.9268C0.0407715 31.9724 8.9951 40.9268 20.0408 40.9268C31.0864 40.9268 40.0408 31.9724 40.0408 20.9268C40.0408 9.88109 31.0864 0.926758 20.0408 0.926758ZM9.6421 17.4916H14.1745V31.1098H9.6421V17.4916ZM14.4731 13.279C14.4437 11.9438 13.4889 10.9268 11.9383 10.9268C10.3878 10.9268 9.3741 11.9438 9.3741 13.279C9.3741 14.5866 10.3579 15.6328 11.8794 15.6328H11.9084C13.4889 15.6328 14.4731 14.5866 14.4731 13.279ZM25.3017 17.1718C28.2843 17.1718 30.5203 19.1187 30.5203 23.3015L30.5201 31.1098H25.9879V23.824C25.9879 21.994 25.3319 20.7453 23.6912 20.7453C22.439 20.7453 21.6932 21.5871 21.3656 22.4003C21.2458 22.6916 21.2164 23.0976 21.2164 23.5046V31.1101H16.6834C16.6834 31.1101 16.7431 18.7698 16.6834 17.492H21.2164V19.4208C21.8179 18.4936 22.8953 17.1718 25.3017 17.1718Z" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:ltr:text-left lg:rtl:text-right font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Projeto de código livre</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>
|