493 lines
39 KiB
HTML
493 lines
39 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<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 - Contact</title>
|
||
<meta name="description" content=""/>
|
||
<meta name="Content-Type" content="text/html;charset=utf-8"/>
|
||
<meta property="og:type" content="website"/>
|
||
<meta property="og:title" content="SimpleX Chat - Contact"/>
|
||
<meta property="og:description" content=""/>
|
||
<meta property="og:image" content="https://simplex.chat/img/share_simplex.png"/>
|
||
<meta name="twitter:card" content="summary"/>
|
||
<meta property="og:url" content="https://simplex.chat/" />
|
||
<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">
|
||
|
||
|
||
</head>
|
||
<body class="bg-white dark:bg-[#0C0B13]">
|
||
<section class="w-full bg-transparent fixed top-0 z-50">
|
||
<header class="">
|
||
<div class="flex items-center justify-end m-auto px-4 lg:px-7 h-[66px]">
|
||
<a href="/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto h-[50px]" src="/img/new/logo-light.png" alt="logo" /></a>
|
||
<a href="/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto h-[50px]" src="/img/new/logo-dark.png" alt="logo" /></a>
|
||
<a href="/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
|
||
<a href="/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
|
||
|
||
<nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
|
||
<div class="flex flex-col lg:flex-row justify-between lg:items-center gap-10 px-4 lg:px-7 h-full">
|
||
<ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-10">
|
||
|
||
<li class="nav-link relative ">
|
||
<a href="/" 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">Home</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">Developers</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/simplex-chat/blob/stable/apps/simplex-bot-advanced/Main.hs"
|
||
target="_blank" class="py-[10px] lg:px-[20px]"
|
||
>Chat bot example</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
|
||
target="_blank" class="py-[10px] lg:px-[20px]"
|
||
>TypeScript SDK</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
|
||
target="_blank" class="py-[10px] lg:px-[20px]"
|
||
>Terminal CLI</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplexmq"
|
||
target="_blank" class="py-[10px] lg:px-[20px]"
|
||
>SimpleXMQ</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<hr class="dark:opacity-[0.1]" >
|
||
|
||
<li class="nav-link relative">
|
||
<a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
|
||
<span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Reference</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="py-[10px] lg:px-[20px]"
|
||
>Whitepaper</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
|
||
target="_blank" class="py-[10px] lg:px-[20px]"
|
||
>SMP protocol</a></li>
|
||
<li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
|
||
target="_blank" class="py-[10px] lg:px-[20px]"
|
||
>Chat protocol</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<hr class="dark:opacity-[0.1]" >
|
||
|
||
<li class="nav-link relative ">
|
||
<a href="/blog" class="flex items-center justify-between gap-2 lg:py-5">
|
||
<span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Blog</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
|
||
target="_blank" class="inline-block self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
|
||
>Donate</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<button href="#" class="flex items-center justify-center h-[36px] w-[36px] ml-10 theme-switch-btn">
|
||
<img src="/img/new/sun.svg" alt="" srcset="" class="sun">
|
||
<img src="/img/new/moon.svg" alt="" srcset="" class="moon">
|
||
</button>
|
||
|
||
<button href="" id="btn-mobile" class="flex lg:hidden items-center justify-center h-[36px] w-[36px] ml-10 nav-toggle-btn">
|
||
<img src="/img/new/hamburger.svg" id="hamburger" alt="" srcset="">
|
||
<svg class="fill-black dark:fill-white hidden" id="cross" width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
<SCript>
|
||
// switch theme
|
||
const sunIcon = document.querySelector('.sun');
|
||
const moonIcon = document.querySelector('.moon');
|
||
|
||
const userTheme = localStorage.getItem('theme');
|
||
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||
|
||
const iconToggle = () => {
|
||
sunIcon.classList.toggle('hidden');
|
||
moonIcon.classList.toggle('hidden');
|
||
}
|
||
|
||
const themeCheck = () => {
|
||
if(userTheme === 'dark' || (!userTheme && systemTheme)){
|
||
document.documentElement.classList.add('dark');
|
||
moonIcon.classList.add('hidden');
|
||
}
|
||
else{
|
||
sunIcon.classList.add('hidden');
|
||
}
|
||
}
|
||
|
||
const themeSwitch = () => {
|
||
if(document.documentElement.classList.contains('dark')){
|
||
document.documentElement.classList.remove('dark');
|
||
localStorage.setItem('theme','light');
|
||
iconToggle();
|
||
}
|
||
else{
|
||
document.documentElement.classList.add('dark');
|
||
localStorage.setItem('theme','dark');
|
||
iconToggle();
|
||
}
|
||
}
|
||
|
||
const nav = document.querySelector('header nav');
|
||
window.addEventListener('click',(e)=>{
|
||
if(e.target.closest('.nav-link')){
|
||
if(e.target.closest('.nav-link').classList.contains('active')){
|
||
e.target.closest('.nav-link').classList.remove('active');
|
||
}
|
||
else{
|
||
document.querySelectorAll('.nav-link').forEach(el => el.classList.remove('active'))
|
||
e.target.closest('.nav-link').classList.add('active');
|
||
}
|
||
}
|
||
else if(e.target.closest('.nav-toggle-btn')){
|
||
document.body.classList.toggle('lock-scroll');
|
||
if(nav.classList.contains('open')){
|
||
nav.classList.remove('open');
|
||
document.getElementById('hamburger').classList.remove('hidden');
|
||
document.getElementById('cross').classList.add('hidden');
|
||
}
|
||
else{
|
||
nav.classList.add('open');
|
||
document.getElementById('hamburger').classList.add('hidden');
|
||
document.getElementById('cross').classList.remove('hidden');
|
||
}
|
||
}
|
||
else if(e.target.closest('.theme-switch-btn')){
|
||
themeSwitch();
|
||
}
|
||
})
|
||
|
||
themeCheck();
|
||
|
||
const changeHeaderBg = ()=>{
|
||
const header = document.querySelector('header')
|
||
const scrollValue = window.scrollY
|
||
if(scrollValue > 5){
|
||
header.classList.add('bg-primary-bg-light');
|
||
header.classList.add('dark:bg-primary-bg-dark');
|
||
}
|
||
else{
|
||
header.classList.remove('bg-primary-bg-light');
|
||
header.classList.remove('dark:bg-primary-bg-dark');
|
||
}
|
||
}
|
||
|
||
window.addEventListener('scroll',changeHeaderBg);
|
||
</SCript>
|
||
</section>
|
||
|
||
|
||
|
||
<script src="/js/qrcode.js"></script>
|
||
<script async defer src="/js/contact.js"></script>
|
||
|
||
|
||
<section class="hidden xl:block h-screen pt-[66px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
|
||
<div class="container m-auto h-full flex items-center justify-between px-5">
|
||
<div class="flex flex-col items-start justify-center w-full h-full">
|
||
<p class="text-[38px] leading-[43px] font-bold max-w-[500px] mb-[30px] primary-header-contact">You have been sent a link to connect on SimpleX Chat</p>
|
||
<p class="text-[20px] leading-[28px] text-[#606C71] dark:text-white font-bold max-w-[475px] mb-[80px] secondary-header-contact">Scan the QR code with the SimpleX Chat app on your phone or tablet.</p>
|
||
<p class="text-grey-black dark:text-white text-base mb-[16px]">
|
||
The public keys and message queue address in this link are NOT sent over the network when you view this page —
|
||
they are contained in the hash fragment of the link URL.
|
||
</p>
|
||
<p class="text-grey-black dark:text-white text-base">Not downloaded the SimpleX Chat yet?</p>
|
||
<p class="text-grey-black dark:text-white text-base mb-[24px]">Use the links below to download the app.</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>
|
||
|
||
<div class="h-full pt-[30px] w-[630px] relative">
|
||
<div class="relative h-full w-[inherit] flex items-center justify-center">
|
||
<div class="absolute mt-[-100px]">
|
||
<img class="" src="/img/new/contact_page_mobile.png" alt="">
|
||
</div>
|
||
|
||
<div class="z-10 flex flex-col items-center pt-[40px] ml-[-15px]">
|
||
<p class="text-base font-medium">Scan QR code from mobile app</p>
|
||
<canvas class="conn_req_uri_qrcode"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="block xl:hidden pt-[106px] pb-[90px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
|
||
<div class="container m-auto h-full px-5">
|
||
<div class="flex flex-col items-center">
|
||
<p class="text-[28px] font-bold text-center max-w-[602px] mb-[40px] primary-header-contact">You have been sent a link to connect on SimpleX Chat</p>
|
||
<p class="text-[20px] leading-[28px] text-grey-black dark:text-white font-medium mb-[30px]">To make a connection:</p>
|
||
|
||
<div class="flex flex-col justify-center items-center p-4 w-full max-w-[468px] min-h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 mb-6 relative">
|
||
<p class="text-xl font-medium text-grey-black dark:text-white mb-4">Install SimpleX app</p>
|
||
<div class="flex flex-wrap items-center justify-center gap-2">
|
||
<a class="apple-store-btn hidden" 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 class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
|
||
<a class="f-droid-btn hidden" 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>
|
||
</div>
|
||
|
||
<div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
|
||
<p class="text-base text-white font-bold leading-[36px]">1</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col justify-center items-center w-full max-w-[468px] h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 mb-6 relative">
|
||
<p class="text-xl font-medium text-grey-black dark:text-white mb-4">Connect in app</p>
|
||
<a id="mobile_conn_req_uri" class="bg-[#0053D0] text-white py-3 px-8 rounded-[34px] h-[44px] text-[16px] leading-[19px] tracking-[0.02em]">Open Simplex app</a>
|
||
|
||
<div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
|
||
<p class="text-base text-white font-bold leading-[36px]">2</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col justify-center items-center w-full max-w-[468px] h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 relative">
|
||
<p class="text-xl font-medium text-grey-black dark:text-white max-w-[230px] text-center">Tap the <span class="text-active-blue">‘connect’</span> button in the app</p>
|
||
|
||
<div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
|
||
<p class="text-base text-white font-bold leading-[36px]">3</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="hidden md:block bg-secondary-bg-light dark:bg-secondary-bg-dark py-[20px]">
|
||
<div class="container px-5">
|
||
<div class="text-grey-black dark:text-white">
|
||
|
||
|
||
<div class="hidden md:block xl:hidden for-tablet">
|
||
<div class="contact-tab">
|
||
<div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
|
||
<p class="text-xl font-bold">Scan the QR code with the SimpleX Chat app</p>
|
||
<svg class="fill-grey-black dark:fill-white" 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>
|
||
</div>
|
||
|
||
|
||
<div class="contact-tab-content flex flex-col gap-10">
|
||
<p class="text-base mb-5">
|
||
The public keys and message queue address in this link are NOT sent over the network when you view this page —<br>
|
||
they are contained in the hash fragment of the link URL.
|
||
</p>
|
||
<canvas class="self-center conn_req_uri_qrcode"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="hidden xl:block">
|
||
<div class="contact-tab">
|
||
<div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
|
||
<p class="text-xl font-bold">Installing SimpleX chat to terminal</p>
|
||
<svg class="fill-grey-black dark:fill-white" 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>
|
||
</div>
|
||
|
||
|
||
<div class="contact-tab-content">
|
||
<p class="text-base mb-4">Use this command:</p>
|
||
<p class="bg-white flex items-center justify-between rounded p-3 shadow-[inset_0px_2px_2px_rgba(0,0,0,0.15)] mb-8">
|
||
<span class="text-grey-black font-light text-[14px] leading-6">curl -o- https://raw.githubusercontent.com/simplex-chat/simplex-chat/master/install.sh | bash</span>
|
||
<!-- <img class="content_copy" src="/img/new/content-copy.svg" /> -->
|
||
</p>
|
||
|
||
<p class="flex text-base font-medium mb-[76px]">See SimpleX Chat
|
||
<a href="" class="flex gap-1 no-underline">
|
||
<span class="text-primary-light dark:text-primary-dark underline underline-offset-4 text-base font-medium">GitHub repository</span>
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="24" height="24" 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>
|
||
|
||
the instructions how to download or compile it from the source code.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="block mb-7 dark:opacity-[0.2] w-full">
|
||
|
||
<div class="contact-tab">
|
||
<div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
|
||
<p class="text-xl font-bold">If you already installed SimpleX Chat for the terminal</p>
|
||
<svg class="fill-grey-black dark:fill-white" 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>
|
||
</div>
|
||
|
||
<div class="contact-tab-content">
|
||
<p class="text-base font-medium mb-[46px]">If you already installed
|
||
<a href="" class="text-base font-medium">SimpleX Chat for the terminal</a>
|
||
v1.0.0+, copy the command below and use it in the chat:
|
||
</p>
|
||
<p class="bg-white flex items-center justify-between rounded p-3 shadow-[inset_0px_2px_2px_rgba(0,0,0,0.15)] mb-[36px]">
|
||
<span id="conn_req_uri_text" class="text-grey-black font-light text-[14px] leading-6">/c https://simplex.chat/contact#/?v=1&smp=smp://u2dS9sG8nMNURyZwqASV4yROM28Er0luVTx5X1CsMrU=@smp4.simplex.im/KBCmxJ3-lEjpWLPPkI6OWPk-YJneU5uY%23MCowBQYDK2VuAyEAtixHJWDXvYWcoe-77vIfjvI6XWEuzUsapMS9nVHP_Go=</span>
|
||
<!-- <img class="content_copy" src="/img/new/content-copy.svg" /> -->
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<section class="bg-primary-bg-light dark:bg-primary-bg-dark py-[85px] px-5">
|
||
<div class="container flex flex-col items-center">
|
||
<p class="text-[35px] lg:text-[45px] text-grey-black dark:text-white text-center font-bold mb-4"><span class="text-active-blue">Join</span> SimpleX</p>
|
||
<p class="text-black dark:text-white text-base text-center mb-10">We invite you to join the conversion</p>
|
||
|
||
<div class="flex flex-col items-center gap-5 self-stretch mb-10">
|
||
<a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join the REDDIT community</a>
|
||
<a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Join us on GitHub</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Donate here to help us</a>
|
||
</div>
|
||
|
||
<p class="text-black dark:text-white text-base text-center mb-5">Sign up to receive our updates</p>
|
||
|
||
<form class="flex items-center w-full max-w-[540px] mb-4"
|
||
action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&id=ad6037a2fe"
|
||
method="post" target="_blank" novalidate>
|
||
<input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5"
|
||
placeholder="Enter your email address">
|
||
<span style="position: absolute; left: -5000px" aria-hidden="true">
|
||
<input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
|
||
</span>
|
||
<input type="submit" class="h-[44px] rounded-r-[34px] bg-primary-light text-white text-center px-8">
|
||
</form>
|
||
|
||
<hr class="block my-10 mx-5 dark:opacity-[0.2] w-full">
|
||
|
||
<p class="text-black dark:text-white text-center mb-5">Get 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="/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
|
||
<a href="/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
|
||
|
||
<div class="flex flex-col items-center lg:items-start lg:flex-row gap-[150px] lg:gap-[350px]">
|
||
<div class="flex flex-col items-center lg:items-start">
|
||
<a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
SimpleX Whitepaper</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
SimpleX Chat protocol</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat/blob/stable/PRIVACY.md"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
Terms & Privacy Policy</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">
|
||
Donate</a>
|
||
</div>
|
||
<div class="flex flex-col items-center lg:items-start">
|
||
<a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
Terminal CLI</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
|
||
target="_blank"
|
||
class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
|
||
TypeScript SDK</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<article class="mt-10 lg:mt-0">
|
||
<div class="h-[40px] flex gap-4 justify-center">
|
||
<a href="https://github.com/simplex-chat" target="_blank">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M20.2907 0.926758C9.24635 0.926758 0.290527 10.1075 0.290527 21.4331C0.290527 30.4933 6.02118 38.18 13.9679 40.8915C14.9674 41.0813 15.3344 40.4467 15.3344 39.905C15.3344 39.4161 15.3158 37.8007 15.3072 36.0872C9.74314 37.3277 8.56906 33.6677 8.56906 33.6677C7.65927 31.2975 6.3484 30.6672 6.3484 30.6672C4.53379 29.3945 6.48519 29.4206 6.48519 29.4206C8.49355 29.5653 9.55105 31.5338 9.55105 31.5338C11.3349 34.6688 14.2298 33.7624 15.3711 33.2385C15.5506 31.9131 16.069 31.0085 16.6409 30.4964C12.1986 29.9779 7.52878 28.2195 7.52878 20.3621C7.52878 18.1232 8.31007 16.294 9.58947 14.8579C9.38181 14.3414 8.69723 12.2557 9.78322 9.43111C9.78322 9.43111 11.4627 8.87998 15.2847 11.5331C16.8801 11.0787 18.591 10.8509 20.2907 10.8431C21.9904 10.8509 23.7027 11.0787 25.301 11.5331C29.1183 8.87998 30.7955 9.43111 30.7955 9.43111C31.8842 12.2557 31.1992 14.3414 30.9916 14.8579C32.274 16.294 33.05 18.1232 33.05 20.3621C33.05 28.2382 28.3712 29.9724 23.9176
|
||
30.4801C24.635 31.1165 25.2742 32.3644 25.2742 34.2776C25.2742 37.0214 25.251 39.2296 25.251 39.905C25.251 40.4507 25.611 41.0902 26.6248 40.8888C34.5672 38.1742 40.2905 30.4903 40.2905 21.4331C40.2905 10.1075 31.336 0.926758 20.2907 0.926758Z" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://www.reddit.com/r/SimpleXChat/" target="_blank">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.874 40.9268C31.9197 40.9268 40.874 31.9724 40.874 20.9268C40.874 9.88108 31.9197 0.926758 20.874 0.926758C9.82834 0.926758 0.874023 9.88108 0.874023 20.9268C0.874023 31.9724 9.82834 40.9268 20.874 40.9268ZM30.4091 16.615C31.9031 16.615 33.1157 17.8276 33.1157 19.3216C33.1157 20.426 32.4445 21.3787 31.5567 21.8118C31.6 22.0716 31.6217 22.3315 31.6217 22.613C31.6217 26.7705 26.7929 30.1268 20.8165 30.1268C14.8402 30.1268 10.0114 26.7705 10.0114 22.613C10.0114 22.3315 10.0331 22.05 10.0764 21.7902C9.12362 21.3571 8.47402 20.426 8.47402 19.3216C8.47402 17.8276 9.68662 16.615 11.1807 16.615C11.8953 16.615 12.5665 16.9181 13.0429 17.3728C14.9051 16.0086 17.4819 15.1642 20.3618 15.0776L21.726 8.6248C21.7693 8.49488 21.8343 8.3866 21.9425 8.32164C22.0508 8.25668 22.1807 8.23504 22.3106 8.25668L26.7929 9.20944C27.0961 8.55984 27.7457 8.12676 28.5035 8.12676C29.5646 8.12676 30.4307 8.99292 30.4307
|
||
10.0539C30.4307 11.115 29.5646 11.9811 28.5035 11.9811C27.4642 11.9811 26.6197 11.1582 26.5764 10.1406L22.5705 9.29604L21.3362 15.0776C24.1512 15.1858 26.7063 16.052 28.5469 17.3728C29.0232 16.8964 29.6728 16.615 30.4091 16.615ZM16.5291 19.3216C15.4681 19.3216 14.602 20.1878 14.602 21.2488C14.602 22.3098 15.4681 23.176 16.5291 23.176C17.5902 23.176 18.4563 22.3098 18.4563 21.2488C18.4563 20.1878 17.5902 19.3216 16.5291 19.3216ZM20.7949 27.7449C21.5311 27.7449 24.0429 27.6582 25.3638 26.3374C25.5587 26.1425 25.5587 25.8394 25.4071 25.6228C25.2122 25.428 24.8874 25.428 24.6925 25.6228C23.848 26.4456 22.0941 26.7488 20.8165 26.7488C19.539 26.7488 17.7634 26.4456 16.9405 25.6228C16.7457 25.428 16.4209 25.428 16.226 25.6228C16.0311 25.8177 16.0311 26.1425 16.226 26.3374C17.5252 27.6366 20.0587 27.7449 20.7949 27.7449ZM23.0902 21.2488C23.0902 22.3098 23.9563 23.176 25.0173 23.176C26.0783 23.176 26.9445 22.3098 26.9445 21.2488C26.9445 20.1878 26.0783
|
||
19.3216 25.0173 19.3216C23.9563 19.3216 23.0902 20.1878 23.0902 21.2488Z" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://twitter.com/simplexchat" target="_blank">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4575 40.9268C31.5032 40.9268 40.4575 31.9725 40.4575 20.9268C40.4575 9.88106 31.5032 0.926758 20.4575 0.926758C9.41182 0.926758 0.45752 9.88106 0.45752 20.9268C0.45752 31.9725 9.41182 40.9268 20.4575 40.9268ZM29.916 16.7766C29.916 23.1157 25.014 30.4265 16.0519 30.4265V30.423C13.4038 30.4265 10.8115 29.6795 8.58252 28.2719C8.96846 28.3174 9.35558 28.3397 9.74271 28.3409C11.9372 28.3432 14.0688 27.6182 15.7942 26.283C13.7101 26.2444 11.8802 24.9055 11.2425 22.9507C11.9716 23.0898 12.7245 23.0619 13.4418 22.869C11.1689 22.4165 9.53371 20.4504 9.53252 18.1671V18.1062C10.2106 18.478 10.9694 18.6835 11.7448 18.7057C9.60377 17.2981 8.94233 14.4948 10.2355 12.3026C12.7103 15.2992 16.3606 17.1207 20.2782 17.3147C19.8851 15.6487 20.4231 13.902 21.6878 12.7306C23.6507 10.9137 26.737 11.0073 28.5824 12.9387C29.6737 12.7271 30.7199 12.3327 31.677 11.7738C31.3125 12.8857 30.5513 13.828 29.5348 14.4277C30.5002
|
||
14.3155 31.4443 14.0609 32.3325 13.6728C31.6782 14.6362 30.8553 15.4781 29.9017 16.1562C29.916 16.362 29.916 16.5685 29.916 16.7766Z" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://www.linkedin.com/company/simplex-chat/" target="_blank">
|
||
<svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0408 0.926758C8.9951 0.926758 0.0407715 9.88109 0.0407715 20.9268C0.0407715 31.9724 8.9951 40.9268 20.0408 40.9268C31.0864 40.9268 40.0408 31.9724 40.0408 20.9268C40.0408 9.88109 31.0864 0.926758 20.0408 0.926758ZM9.6421 17.4916H14.1745V31.1098H9.6421V17.4916ZM14.4731 13.279C14.4437 11.9438 13.4889 10.9268 11.9383 10.9268C10.3878 10.9268 9.3741 11.9438 9.3741 13.279C9.3741 14.5866 10.3579 15.6328 11.8794 15.6328H11.9084C13.4889 15.6328 14.4731 14.5866 14.4731 13.279ZM25.3017 17.1718C28.2843 17.1718 30.5203 19.1187 30.5203 23.3015L30.5201 31.1098H25.9879V23.824C25.9879 21.994 25.3319 20.7453 23.6912 20.7453C22.439 20.7453 21.6932 21.5871 21.3656 22.4003C21.2458 22.6916 21.2164 23.0976 21.2164 23.5046V31.1101H16.6834C16.6834 31.1101 16.7431 18.7698 16.6834 17.492H21.2164V19.4208C21.8179 18.4936 22.8953 17.1718 25.3017 17.1718Z" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
<a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2022 SimpleX | Open-Source Project</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>
|