Added English version of a landing
Illia Chub
parent
05a67fbb13
commit
af8b9564eb
|
|
@ -0,0 +1,382 @@
|
|||
<!doctype html>
|
||||
<html class="no-js" lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:type" content="">
|
||||
<meta property="og:url" content="">
|
||||
<meta property="og:image" content="">
|
||||
|
||||
<!-- Place favicon.ico in the root directory -->
|
||||
<link rel="stylesheet" href="font/stylesheet.css">
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<meta name="theme-color" content="#fafafa">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Add your site or application content here -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="nav">
|
||||
<div class="flex-box-wrap max-width">
|
||||
<div class="w-25">
|
||||
<div class="nav-logo-box">
|
||||
<img src="img/Logo.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-50">
|
||||
<div>
|
||||
<a class="telegram-btn" href="https://t.me/selfprivacy">
|
||||
Telegram
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-25">
|
||||
<div class="flex-box-wrap jc-fe">
|
||||
<a class="nav-yellow-link" href="https://social.selfprivacy.org">
|
||||
<img src="img/Twitter%20Logo.svg" alt="">
|
||||
</a>
|
||||
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
|
||||
<img src="img/Vector.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="hero">
|
||||
<div class="max-width">
|
||||
<div class="flex-box-wrap flex-wrap">
|
||||
|
||||
<div class="hero-first-block ">
|
||||
<div class="hero-img-box">
|
||||
<img src="img/Illustration.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-second-block">
|
||||
<p class="paragraph">
|
||||
Platform on user's hosting provider, managed via mobile application.
|
||||
</p>
|
||||
<div class="img-box-slider">
|
||||
<div class="side-screens">
|
||||
<img src="img/screenshot1.png" alt="img">
|
||||
</div>
|
||||
<div>
|
||||
<img src="img/screenshot2.png" alt="img">
|
||||
</div>
|
||||
<div>
|
||||
<video autoplay loop width=100%>
|
||||
<source src="https://selfprivacy.org/img/SFPresentation.mp4" type=video/mp4>
|
||||
</video>
|
||||
</div>
|
||||
<div>
|
||||
<img src="img/screenshot4.png" alt="img">
|
||||
</div>
|
||||
<div class="side-screens">
|
||||
<img src="img/screenshot5.png" alt="img">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-third-block">
|
||||
<a class="download-btn" href="https://fdroid.selfprivacy.org/selfprivacy.apk">Download APK v0.8 (Alpha)</a>
|
||||
<a class="download-btn color-grey" href="second.html">Detailed manual</a>
|
||||
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Project source in the
|
||||
git-repo</a><br />http://git.selfprivacy.org</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="margin-16 boxes">
|
||||
<div class="max-width">
|
||||
<h2>
|
||||
Your personal services
|
||||
</h2>
|
||||
<div class="flex-box-wrap flex-wrap jc-sb">
|
||||
|
||||
<div class="text-box">
|
||||
<p class="top-p">
|
||||
E-Mail
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
For the company or family. Unlimited mailboxes amount.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-box">
|
||||
<p class="top-p">
|
||||
Messenger
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
The most private messenger
|
||||
is the messenger, which server part resides on your own server. That's what makes Delta.Chat
|
||||
more private then Telegram or Signal.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-box">
|
||||
<p class="top-p">
|
||||
Password Manager
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
No more need to design, remember and manually input your passwords.
|
||||
<br>
|
||||
<br>
|
||||
Bitwarben — reliable password manager for all of your devices.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-box">
|
||||
<p class="top-p">
|
||||
Cloud storage
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
NextCloud — private
|
||||
and functional replacement
|
||||
of Dropbox and G-drive.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-box">
|
||||
<p class="top-p">
|
||||
Videomeet
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
No more need in Zoom and Google-meet, when there's Jitsi-meet around. Simple and handy solution for videoconferences.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-box">
|
||||
<p class="top-p">
|
||||
Git repository
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
Gitea is a great Github alternative, that belongs to you,
|
||||
but not to Microsoft.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-box">
|
||||
<p class="top-p custom-p">
|
||||
VPN for all of your friends and relatives devices.
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
No public VPN
|
||||
can be private,
|
||||
but only those, deployed on your own server.
|
||||
OpenConnect
|
||||
— connect unlimited amount of devices.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-box">
|
||||
<p class="top-p">
|
||||
Decentralized social network.
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
Pleroma is a social network where you decide who to ban and what to post. No more advertisments and tracking.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="margin-16 ">
|
||||
<div class="max-width">
|
||||
<h2 class="second">Advantages</h2>
|
||||
<div class="flex-box-wrap flex-wrap jc-sb">
|
||||
|
||||
|
||||
<div class="big-box">
|
||||
|
||||
<div class="blue-box">
|
||||
|
||||
<div>
|
||||
<p>
|
||||
Zero trust
|
||||
</p>
|
||||
<p>
|
||||
SelfPrivacy is designed according to "zero trust" concept, even in relation to SelfPrivacy developers.
|
||||
It means that you're the only owner of your data.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p>
|
||||
Simplicity
|
||||
</p>
|
||||
<p>
|
||||
It just works. No console, complicated manuals, monitoring and staff involvement.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p>
|
||||
Functionality
|
||||
</p>
|
||||
<p>
|
||||
Your data won't disappear without any trace due to regular backups into the
|
||||
separate datacenter.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="big-box">
|
||||
|
||||
<div class="text-image-box">
|
||||
<img src="img/cd-icon.png" alt="icon">
|
||||
|
||||
<p class="top-p">
|
||||
Data control
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
Why corporations need your data?
|
||||
To make you buy more and vote as they want.
|
||||
With SelfPrivacy, your data is only in your hands.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-image-box">
|
||||
<img src="img/shield-icon.png" alt="icon">
|
||||
|
||||
<p class="top-p">
|
||||
Security
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
Open source. Reward of $1000 for found RCE vulnerability drastically rises security
|
||||
in comparison with other self-hosted solutions.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="big-box">
|
||||
|
||||
<div class="text-image-box">
|
||||
<img src="img/list-icon.png" alt="icon">
|
||||
|
||||
<p class="top-p">
|
||||
No license agreements
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
What do you allow to do with your data, while agreeing to license agreements without reading?
|
||||
You allow to do anything that companies want.
|
||||
SelfPrivacy has no license agreements.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-image-box">
|
||||
<img src="img/like-icon.png" alt="icon">
|
||||
|
||||
<p class="top-p">
|
||||
Save your time and money
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
How to save $500 or two weeks of your life?
|
||||
How much time and money will specialist require to setup everything of that from the very beginning?
|
||||
<br><br>
|
||||
SelfPrivacy team works hard to speed up and simplify this process to the few clicks.
|
||||
<br><br>
|
||||
Now anyone will be capable of setting up your own DC.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="big-box">
|
||||
|
||||
<div class="text-image-box">
|
||||
<img src="img/ind-icon.png" alt="icon">
|
||||
|
||||
<p class="top-p">
|
||||
Independency
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
Your communications on the internet no longer depend on Google, Facebook, Amazon and others E-Corps.
|
||||
<br><br>
|
||||
Your services — your rules!
|
||||
You won't be banned for any reason. Your infrastructure and data
|
||||
will always be with you.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="text-image-box">
|
||||
<img src="img/eye-icon.png" alt="icon">
|
||||
|
||||
<p class="top-p">
|
||||
Privacy
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
No registration, cookies, telemetry, logs, analytics, clouds.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
<a href="https://social.selfprivacy.org">
|
||||
<img src="img/Twitter-Logo.svg" alt="">
|
||||
</a>
|
||||
<a href="https://t.me/selfprivacy">
|
||||
<img src="img/Telegram%20Logo.svg" alt="">
|
||||
</a>
|
||||
<a href="https://git.selfprivacy.org">
|
||||
<img src="img/GitHub%20Logo.svg" alt="">
|
||||
</a>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
-->
|
||||
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||
<!--<script>
|
||||
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
|
||||
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
|
||||
</script>
|
||||
<script src="https://www.google-analytics.com/analytics.js" async></script>-->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,387 @@
|
|||
<!doctype html>
|
||||
<html class="no-js" lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:type" content="">
|
||||
<meta property="og:url" content="">
|
||||
<meta property="og:image" content="">
|
||||
|
||||
<!-- Place favicon.ico in the root directory -->
|
||||
<link rel="stylesheet" href="font/stylesheet.css">
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<meta name="theme-color" content="#fafafa">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Add your site or application content here -->
|
||||
|
||||
|
||||
|
||||
<div class="nav">
|
||||
<div class="flex-box-wrap max-width">
|
||||
<div class="w-25">
|
||||
<div class="nav-logo-box">
|
||||
<img src="img/Logo.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-50">
|
||||
<div>
|
||||
<a class="telegram-btn" href="https://t.me/selfprivacy">
|
||||
Telegram
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-25">
|
||||
<div class="flex-box-wrap jc-fe">
|
||||
<a class="nav-yellow-link" href="https://social.selfprivacy.org">
|
||||
<img src="img/Twitter%20Logo.svg" alt="">
|
||||
</a>
|
||||
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
|
||||
<img src="img/Vector.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="margin-16 boxes">
|
||||
<div class="max-width">
|
||||
<h2 class="install-page-header">
|
||||
Установка и настройка
|
||||
</h2>
|
||||
|
||||
<div class="blue-border">
|
||||
<p></p>
|
||||
|
||||
<p class="bottom-p">
|
||||
SelfPrivacy-сервер создается поэтапно в течение часа. Звучит страшно, но уверяю, ученая степень не
|
||||
понадобится. Процесс не сложнее покупки в интернет-магазине.
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<!--1. -->Поиск паспорта и карты с балансом $10-15 и $5 в месяц
|
||||
</li>
|
||||
<li>
|
||||
<!--2. -->Регистрация учёток
|
||||
</li>
|
||||
<li>
|
||||
<!--3. -->Защита учёток
|
||||
</li>
|
||||
<li>
|
||||
<!--4. -->Покупка домена
|
||||
</li>
|
||||
<li>
|
||||
<!--5. -->Подключение домена к DNS-серверу
|
||||
</li>
|
||||
<li>
|
||||
<!--6. -->🔑 Создание ключей
|
||||
</li>
|
||||
<li>
|
||||
<!--7. -->Установка
|
||||
</li>
|
||||
<li>
|
||||
<!--8. -->Подключение к сервисам 🎉
|
||||
</li>
|
||||
</ul>
|
||||
<p class="bottom-p">
|
||||
Если кому-нибудь поручите эту задачу — лишитесь приватности. Для 100% независимости и контроля всё
|
||||
делать самому.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="blue-border">
|
||||
<p class="top-p">
|
||||
Регистрация учёток
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
SelfPrivacy для устойчивости и приватности требует много учёток. Если всё держать в Google или
|
||||
Amazon получаем то, от чего бежали — все данные у одной компании 🤦♀️
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
Поэтому разные части системы будут в разных компаниях. Регистрируемся:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://accounts.hetzner.com/signUp">Hetzner </a>— хостинг виртуального сервера. Здесь
|
||||
будут жить наши данные и SelfPrivacy-сервисы.
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.namecheap.com/myaccount/signup/">NameCheap</a> или любой другой
|
||||
регистратор, для покупки личного адреса в интернете — домена, который будет указывать на сервер.
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dash.cloudflare.com/sign-up">CloudFlare </a>— DNS-сервер, где работает ваш
|
||||
домен.
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://portal.aws.amazon.com/gp/aws/developer/registration/index.html?nc2=h_ct&src=default">Amazon
|
||||
AWS </a>— IaaS-провайдер, для бесплатного хранения резервных копии ваших данных в
|
||||
зашифрованном виде.
|
||||
</li>
|
||||
</ul>
|
||||
<p class="bottom-p">
|
||||
Регистрация заурядна, но иногда проверка аккаунта длится несколько дней или требуют дополнительных
|
||||
документов. Поэтому используйте настоящие документы и заполняйте все аккуратно. Провайдеры так
|
||||
защищаются от спамеров, ничего личного )
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="blue-border">
|
||||
<p class="top-p">
|
||||
Защита учёток
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
Взламывают системы через самое слабое звено. Чтобы учётки не были таким звеном, пароли на всех
|
||||
аккаунтах делаем разные и сложные. MamaMilaRamu как ни странно плохой пароль, а отличные 🌈 — это
|
||||
парольная фраза:
|
||||
</p>
|
||||
<p class="code-p">
|
||||
expert repose postwar anytime glimpse freestyle liability effects
|
||||
</p>
|
||||
<p class="bottom-p">или</p>
|
||||
<p class="code-p">
|
||||
}Rj;EtG:,M!bc4/|
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
Как такой пароль запомнить? Никак! Пароли не нужно запоминать, их надо создавать и хранить в <a
|
||||
href="https://keepassxc.org/download/">менеджере паролей</a>. Хотя один помнить придется —
|
||||
пароль от менеджера паролей.
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
Обязательно включите дополнительную защиту аккаунтов. Называется второй фактор (MFA, 2FA). Без этого
|
||||
простого шага ваши данные не будут в безопасности.
|
||||
</p>
|
||||
<p class="bottom-p">
|
||||
Я знаю, было сложно, но теперь вы защищены лучше, чем у 95%. Можете собой гордится! Я вот вами
|
||||
горжусь 🤗
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>
|
||||
Покупка домена
|
||||
</h2>
|
||||
|
||||
<p class="top-header-p">
|
||||
Включили второй фактор? Я серьезно! Тогда переходим к интересному!
|
||||
</p>
|
||||
<div class="blue-border-img">
|
||||
|
||||
<img src="img/nc-buy-domain.gif" alt="gif">
|
||||
|
||||
</div>
|
||||
|
||||
<p class="bottom-p pb-25">
|
||||
<i>Домен</i> — это кусочек интернета, которому вы даете имя. Простор для творчества огромен, у вас есть
|
||||
63 символа + .com .org .icu и еще несколько сотен доменов после точки. Можно просто по фамилии выбрать
|
||||
ivanov.live или ivanov.health, а можно что-то творческое shit-happens.shop
|
||||
</p>
|
||||
|
||||
<div class="blue-border">
|
||||
<p class="top-p">
|
||||
Рекомендации
|
||||
</p>
|
||||
<ul>
|
||||
<li>Обязательно смотреть на цену ежегодного продления, она может в разы превышать стоимость покупки.
|
||||
</li>
|
||||
<li>Нормальная цена домена $8-10 в год. Самые дешевые — китайские .icu и .cyou — $4-6.</li>
|
||||
<li>Хорошее имя удобно и по телефону диктовать и на деловой визитке писать.</li>
|
||||
<li>Фамилия в домене хороша тем, что можно раздать почту всем однофамильцам, типа:
|
||||
name.secondname@surname.com или ns@surname.com или name@surname.com</li>
|
||||
<li>При регистрации домена обязательно указывать реальные почту и телефон, иначе регистрацию могут
|
||||
аннулировать. И если вы не сможете продлить домен, у вас все сломается.</li>
|
||||
<li>Я уже говорил про второй фактор?</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<p class="top-header-p">
|
||||
Подключение домена к DNS-серверу
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
После покупки домен добавляем в CloudFlare:
|
||||
</p>
|
||||
|
||||
<div class="blue-border-img">
|
||||
<img src="img/add-domain-to-cf.gif" alt="gif">
|
||||
</div>
|
||||
|
||||
<p class="bottom-p">
|
||||
На примере домена <span class="color-blue">ruleit.stream</span> мы выбрали бесплатный тариф и получили
|
||||
серверы имен: <span class="color-blue">gail.ns.cloudflare.com</span> и <span
|
||||
class="color-blue">mattns.cloudflare.com</span>, которые надо прописать у своего регистратора. В
|
||||
нашем случае <span class="color-blue">NameCheap:</span>
|
||||
</p>
|
||||
|
||||
<div class="blue-border-img">
|
||||
<img src="img/nc-to-cf.gif" alt="gif">
|
||||
</div>
|
||||
|
||||
<p class="bottom-p">
|
||||
Заодно проверяем, что у нас включено автопродление и защита персональных данных — <span
|
||||
class="color-blue">WhoisGuard</span>. Через несколько минут или в худшем случае до 2-ух суток
|
||||
настройки применятся.
|
||||
</p>
|
||||
|
||||
|
||||
<h2>
|
||||
🔑 Создание ключей
|
||||
</h2>
|
||||
|
||||
<div class="blue-border">
|
||||
|
||||
<p class="top-p">
|
||||
API-ключи
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
<i>API-ключи</i> — это почти тоже самое, что и логин с паролем, только для программы, а не человека.
|
||||
SelfPivacy-manager с их помощью управляет сервисами во всех учётках вместо вас. Удобно!
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
Ключи хранить в <a href="https://keepassxc.org/download/">менеджере паролей</a>
|
||||
</p>
|
||||
|
||||
<p class="bottom-p">
|
||||
Для NameCheap нам ключ не нужен, мы уже все сделали. А домен будет управляться в CloudFlare.
|
||||
</p>
|
||||
|
||||
<p class="header-p">
|
||||
CloudFlare
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>Переходим по <a href="https://dash.cloudflare.com/">ссылке</a></li>
|
||||
<li>В правом углу, кликаем на иконку профиля(человечек в кружочке). Для мобильной версии сайта, в
|
||||
верхнем левом углу, нажимаем кнопку <b>Меню</b> (три горизонтальных полоски), В выпавшем меню,
|
||||
ищем пункт <b>My Profile</b></li>
|
||||
<li>Нам предлагается на выбор, четыре категории настройки: <b>Communication, Authentication, API
|
||||
Tokens, Session. Выбираем API Tokens.</b></li>
|
||||
<li>Самым первым пунктом видим кнопку <b>Create Token</b>. С полной уверенностью в себе и желанием
|
||||
обрести приватность, нажимаем на неё.</li>
|
||||
<li>Спускаемся в самый низ и видим поле <b>Create Custom Token</b> и кнопку <b>Get Started</b> с
|
||||
правой стороны. Нажимаем.</li>
|
||||
<li>В поле <b>Token Name</b> даём своему токену имя. Можете покреативить и отнестись к этому как к
|
||||
наименованию домашнего зверька :)</li>
|
||||
<li>Далее, у нас Permissions. В крайнем левом поле выбираем Zone. В самом длинном поле, по центру,
|
||||
выбираем DNS. В крайнем правом поле выбираем Edit</li>
|
||||
<li>Далее, прямо под этой строчкой, нажимаем на <b>Add More</b>. Появиться аналогичная строка, такая
|
||||
же как та, которую мы только что заполняли.</li>
|
||||
<li>В крайнем левом поле новой строки, выбираем, аналогично прошлой строке — <b>Zone</b>. В
|
||||
центральном - немного по другому. Тут мы выбираем то же самое что и в левой - <b>Zone</b>. В
|
||||
крайнем правом поле - выбираем <b>Read</b>.</li>
|
||||
<li>Далее смотрим на <b>Zone Resources</b>. Под этой надписью есть строка с двумя полями. В левом
|
||||
должно быть <b>Include</b>, а в правом - <b>Specific Zone</b>. Как только вы выберете
|
||||
<b>Specific Zone</b>, справа появиться ещё одно поле. В нём выбираем наш домен.</li>
|
||||
<li>Листаем в самый низ и нажимаем на синюю кнопку <b>Continue to Summary.</b></li>
|
||||
<li>Проверяем, всё ли мы правильно выбрали. Должна присутствовать подобная строка: ваш.домен -
|
||||
<b>DNS:Edit, Zone:Read.</b></li>
|
||||
<li>Нажимаем <b>Create Token.</b></li>
|
||||
<li>Копируем созданный токен, и сохраняем его в надёжном месте (желательно - в менеджере паролей).
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<img src="img/CloudFlare.gif" alt="gif">
|
||||
|
||||
<p class="header-p">
|
||||
Hetzner
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>Переходим по <a href="https://console.hetzner.cloud/">ссылке</a> и авторизуемся в ранее
|
||||
созданном аккаунте.</li>
|
||||
<li>Заходим в созданный нами проект. Если такового - нет, значит создаём.</li>
|
||||
<li>Наводим мышкой на боковую панель. Она должна раскрыться, показав нам пункты меню. Нас интересует
|
||||
последний — <b>Security</b> (с иконкой ключика).</li>
|
||||
<li>Далее, в верхней части интерфейса видим примерно такой список: <b>SSH Keys, API Tokens,
|
||||
Certificates, Members.</b> Нам нужен <b>API Tokens</b>. Переходим по нему.</li>
|
||||
<li>В правой части интерфейса, нас будет ожидать кнопка Generate API token. Если же вы используете
|
||||
мобильную версию сайта, в нижнем правом углу вы увидите <b>красный плюсик</b>. Нажимаем на эту
|
||||
кнопку.</li>
|
||||
<li>В поле <b>Description</b>, даём нашему токену название (это может быть любое название, которые
|
||||
вам нравиться. Сути оно не меняет.</li>
|
||||
<li>Под полем <b>Description</b> видим возможность выбрать разрешения <b>permissions</b>. Выбираем
|
||||
<b>Read & Write</b>.</li>
|
||||
<li>Нажимаем <b>Generate API Token.</b></li>
|
||||
<li>После этого, нам покажет ваш ключ. Записываем его в надёжном месте, или ещё лучше, сохраняем в
|
||||
менеджере паролей.</li>
|
||||
</ul>
|
||||
|
||||
<img src="img/Hetzner.gif" alt="gif">
|
||||
|
||||
<p class="header-p">
|
||||
Backblaze B2
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>Переходим по <a href="https://secure.backblaze.com/user_overview.htm">ссылке</a></li>
|
||||
<li>В левой части интерфейса выбираем "App Keys" в подкатегории "B2 Cloud Storage"</li>
|
||||
<li>Нажимаем на синюю кнопку Generate New Master Application Key</li>
|
||||
<li>Во всплывающем окне, подтверждаем генерацию</li>
|
||||
<li>Сохраняем keyID и applicationKey в надёжном месте. Например - в менеджере паролей :)</li>
|
||||
</ul>
|
||||
|
||||
<img src="img/Backblaze.GIF" alt="gif">
|
||||
|
||||
<!p class="header-p">
|
||||
<!Установка>
|
||||
<! /p>
|
||||
|
||||
<!img src="img/Server.gif" alt="gif">
|
||||
|
||||
<p class="header-p">
|
||||
🎉 Подключение к сервисам
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<a href="https://social.selfprivacy.org">
|
||||
<img src="img/Twitter-Logo.svg" alt="">
|
||||
</a>
|
||||
<a href="https://t.me/selfprivacy">
|
||||
<img src="img/Telegram%20Logo.svg" alt="">
|
||||
</a>
|
||||
<a href="https://git.selfprivacy.org">
|
||||
<img src="img/GitHub%20Logo.svg" alt="">
|
||||
</a>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
-->
|
||||
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||
<!--<script>
|
||||
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
|
||||
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
|
||||
</script>
|
||||
<script src="https://www.google-analytics.com/analytics.js" async></script>-->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue