mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-04-14 16:06:13 +00:00
328 lines
12 KiB
HTML
328 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-US">
|
||
|
||
<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, secure, no global identities</title>
|
||
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.ico">
|
||
<meta
|
||
name="description"
|
||
content="Free open-source chat protocol and software - complete privacy, security and ownership of your contacts and messages."
|
||
/>
|
||
<meta name="Content-Type" content="text/html;charset=utf-8" />
|
||
<meta name="twitter:card" content="summary" />
|
||
<link href="/css/tailwind.css" rel="stylesheet" />
|
||
<link href="../css/contact.css" rel="stylesheet" />
|
||
<link href="../css/style.css" rel="stylesheet" />
|
||
<script src="qrcode.js"></script>
|
||
<script async defer src="index.js"></script>
|
||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<nav class="container">
|
||
<div class="flex items-center gap-[16px] h-full">
|
||
<a href="/">
|
||
<img alt="simplex logo" class="logo" src="/img/simplex.svg" />
|
||
</a>
|
||
|
||
<div class="hidden lg:flex gap-[16px]">
|
||
<a class="tracking-[1px] rounded text-[1.4rem] font-medium white-paper-nav-btn"
|
||
href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
|
||
target="_blank">Whitepaper</a>
|
||
<a class="tracking-[1px] rounded text-[1.4rem] font-medium comparison-nav-btn"
|
||
href="/#comparison">Comparison</a>
|
||
<a class="tracking-[1px] rounded text-[1.4rem] font-medium blog-nav-btn" href="/blog">Blog</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex gap-4">
|
||
<div class="nav__buttons">
|
||
<div class="github">
|
||
<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="donate d-none-576">
|
||
<a href="https://opencollective.com/simplex-chat" target="_blank">
|
||
<span class="button">Donate</span></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="toggle self-stretch">
|
||
<label class="toggle-btn"><span></span></i></label>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="w-full fixed top-[60px] z-[99] bg-[#fbd561] mobile-nav">
|
||
<a class="flex-1 flex justify-center text-[1.2rem] tracking-[1px] font-medium text-base px-3 py-4 border-x-0 border-y-0 border-t-[1px] border-solid border-yellow-200 white-paper-nav-btn"
|
||
href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
|
||
<a class="flex-1 flex justify-center text-[1.2rem] tracking-[1px] font-medium text-base px-3 py-4 border-x-0 border-y-0 border-t-[1px] border-solid border-yellow-200 comparison-nav-btn"
|
||
href="/#comparison">Comparison</a>
|
||
<a class="flex-1 flex justify-center text-[1.2rem] tracking-[1px] font-medium text-base px-3 py-4 border-x-0 border-y-0 border-t-[1px] border-solid border-yellow-200 blog-nav-btn"
|
||
href="/blog">Blog</a>
|
||
</div>
|
||
</header>
|
||
|
||
<script>
|
||
const toggleBtn = document.querySelector(".toggle-btn")
|
||
|
||
toggleBtn.addEventListener("click", () => {
|
||
if (toggleBtn.classList.contains("active-toggle-btn")) {
|
||
console.log("unchecked")
|
||
document.querySelector(".mobile-nav").classList.remove("mobile-nav-active")
|
||
toggleBtn.classList.remove("active-toggle-btn")
|
||
} else {
|
||
console.log("checked")
|
||
document.querySelector(".mobile-nav").classList.add("mobile-nav-active")
|
||
toggleBtn.classList.add("active-toggle-btn")
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<style>
|
||
header {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* ====== NAV TOGGLE BUTTON ====== */
|
||
.toggle {
|
||
display: none;
|
||
}
|
||
|
||
.toggle-btn {
|
||
height: 100%;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.toggle-btn span {
|
||
width: 20px;
|
||
height: 2px;
|
||
background-color: #062d56;
|
||
position: relative;
|
||
}
|
||
|
||
.toggle-btn span::after,
|
||
.toggle-btn span::before {
|
||
content: "";
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: #062d56;
|
||
position: absolute;
|
||
left: 0;
|
||
}
|
||
|
||
span::before {
|
||
top: -8px;
|
||
}
|
||
|
||
span::after {
|
||
top: 8px;
|
||
}
|
||
|
||
/* ====== Styles Applied AFTER the CLICK of TOGGLE BUTTON ====== */
|
||
.active-toggle-btn span {
|
||
background-color: transparent;
|
||
}
|
||
|
||
.active-toggle-btn span::before {
|
||
top: 0;
|
||
transform: rotate(45deg);
|
||
background-color: #062d56;
|
||
}
|
||
|
||
.active-toggle-btn span::after {
|
||
top: 0;
|
||
transform: rotate(-45deg);
|
||
background-color: #062d56;
|
||
}
|
||
|
||
.mobile-nav {
|
||
display: none;
|
||
transform: translateX(-100%);
|
||
transition: transform 0.5s ease-out;
|
||
}
|
||
|
||
.mobile-nav-active {
|
||
display: block;
|
||
transform: translateX(0%);
|
||
transition: transform 0.5s cubic-bezier(0.02, 0.48, 0.59, 1.48);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.toggle {
|
||
display: inline-block;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
|
||
<section id="conn_req">
|
||
<div class="container">
|
||
<h2>This link is the <span class=conn_mode>invitation from</span> a SimpleX Chat user</h2>
|
||
<div class="app__links">
|
||
<a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="../img/apple_store.svg" height="42"></a>
|
||
<a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank"><img src="../img/google_play.svg" height="41"></a>
|
||
<a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img src="../img/f_droid.svg" height="41"></a>
|
||
<a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank" title="Public iOS preview on TestFlight"><img src="../img/testflight.png" width="41" height="41"></a>
|
||
<a href="https://github.com/simplex-chat/website/raw/master/simplex.apk" target="_blank"><img src="../img/apk_icon.png" width="41" height="41"></a>
|
||
</div>
|
||
<div class="conn_req_uri">
|
||
<div class="d-none-992">
|
||
<p>If you already installed <a class="chat-for-terminal"
|
||
href="https://github.com/simplex-chat/simplex-chat">SimpleX Chat for the
|
||
terminal</a> v1.0.0+, copy the command below and use it in the chat:
|
||
</p>
|
||
|
||
<p class="content_copy_with_tooltip">
|
||
<textarea readonly class="content" id="conn_req_uri_text"></textarea>
|
||
<span class="tooltip">
|
||
<span class="tooltiptext" id="copy_conn_req_uri_tooltip">Copy to clipboard</span>
|
||
<img class="content_copy" id="copy_conn_req_uri" src="../img/icons/content-copy.svg">
|
||
</span>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="conn_req__qrcode">
|
||
<img class="d-none-576" src="../img/mobile.png" alt="">
|
||
<div>
|
||
<p class="d-none-576">Scan QR code from mobile app</p>
|
||
<p class="d-none-on-mobile">
|
||
To make a connection:
|
||
</p>
|
||
<ol class="d-none-on-mobile">
|
||
<li>install SimpleX app</li>
|
||
<li>tap the button below</li>
|
||
<li>tap <strong>Connect</strong> button in the app</li>
|
||
</ol>
|
||
<div class="open-in-mobile">
|
||
<a id="mobile_conn_req_uri" href="" target="_blank">
|
||
<span class="button">Connect in SimpleX app</span></a>
|
||
</div>
|
||
<canvas id="conn_req_uri_qrcode" class="d-none-576"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="install_chat">
|
||
<div class="container">
|
||
<h2>To install SimpleX Chat for the terminal</h2>
|
||
<div class="install__command d-none-576">
|
||
<p>
|
||
use this command:
|
||
</p>
|
||
<div class="content_copy_with_tooltip install">
|
||
<p class="content">curl -o- https://raw.githubusercontent.com/simplex-chat/simplex-chat/master/install.sh
|
||
|
|
||
bash
|
||
<span class="tooltip">
|
||
<span class="tooltiptext">Copy to clipboard</span>
|
||
<img class="content_copy" src="../img/icons/content-copy.svg">
|
||
</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="github__redirection">
|
||
<p>
|
||
See SimpleX Chat
|
||
<a href="https://github.com/simplex-chat/simplex-chat">GitHub repository</a>
|
||
<a href="https://github.com/simplex-chat/simplex-chat" class="github"><img src="../img/icons/github.svg"></a>
|
||
for the instructions how to download or compile it from the source code.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<section id="simplex">
|
||
<div class="container">
|
||
<article id="use-simplex" class="half">
|
||
<h3>Use SimpleX</h3>
|
||
<p>
|
||
SimpleX chat terminal client
|
||
<a href="https://github.com/simplex-chat/simplex-chat/releases/tag/v2.0.0" target="_blank">v2.0.0</a> is
|
||
released!<br />
|
||
– groups and files<br />
|
||
– two-layer E2E encryption, with double-ratchet algorithm<br />
|
||
– protocol is compatible with mobile apps<br />
|
||
</p>
|
||
<p>
|
||
You can use our servers or deploy your own, e.g. using
|
||
<a href="https://github.com/simplex-chat/simplexmq#deploy-smp-server-on-linode" target="_blank">
|
||
StackScript on Linode</a>.
|
||
</p>
|
||
<p>
|
||
Sign up to be updated about the new releases.
|
||
</p>
|
||
<form class="sign-up"
|
||
action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&id=ad6037a2fe"
|
||
method="post" target="_blank" novalidate>
|
||
<div>
|
||
<input name="EMAIL" placeholder="Your email" />
|
||
<span style="position: absolute; left: -5000px" aria-hidden="true">
|
||
<input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
|
||
</span>
|
||
<button type="submit">Submit</button>
|
||
</div>
|
||
</form>
|
||
</article>
|
||
|
||
<article id="join-simplex" class="half">
|
||
<h3>Join SimpleX</h3>
|
||
<p>
|
||
The project can move faster with your help.<br />
|
||
We develop it in Haskell.
|
||
</p>
|
||
|
||
<div id="contacts">
|
||
<p>
|
||
<a href="mailto:chat@simplex.chat">
|
||
<span class="button">Email</span> chat@simplex.chat</a>
|
||
</p>
|
||
<p>
|
||
<a href="https://github.com/simplex-chat/simplex-chat" target="_blank"><span
|
||
class="button">Join</span> github.com/simplex-chat</a>
|
||
</p>
|
||
<p>
|
||
<a href="https://opencollective.com/simplex-chat" target="_blank"><span class="button">Donate</span>
|
||
opencollective.com/simplex-chat</a> <strong>(now accepts crypto)</strong>
|
||
</p>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<img alt="simplex logo" class="logo d-none-992" src="../img/simplex.svg" />
|
||
<p class="copyright">© 2020-22 SimpleX | Open-Source Project <span class="d-none-576">|</span>
|
||
<a class="d-none-576" href="https://github.com/simplex-chat" target="_blank"><img
|
||
src="../img/icons/github.svg"></a>
|
||
<a class="d-none-576" href="https://www.reddit.com/r/SimpleXChat/" target="_blank"><img
|
||
src="../img/icons/reddit.svg"></a>
|
||
<a class="d-none-576" href="https://twitter.com/simplexchat" target="_blank"><img
|
||
src="../img/icons/twitter.svg"></a>
|
||
<a class="d-none-576" href="https://www.linkedin.com/company/simplex-chat/" target="_blank"><img
|
||
src="../img/icons/linkedin.svg"></a>
|
||
<a class="d-none-576" href="mailto:chat@simplex.chat" target="_blank"><img src="../img/icons/email.svg"></a>
|
||
</p>
|
||
<div class="github d-none-992">
|
||
<a class="github-button" href="https://github.com/simplex-chat/protocol" data-size="large"
|
||
data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
|
||
</html>
|