mirror of
https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git
synced 2025-01-15 13:26:37 +00:00
switch to hugo
This commit is contained in:
Alya Sirko
parent
a5b07ffd79
commit
a1abd4c06f
5
.gitignore
vendored
Executable file → Normal file
5
.gitignore
vendored
Executable file → Normal file
|
|
@ -1,2 +1,3 @@
|
||||||
.idea/
|
public/
|
||||||
.DS_Store
|
resources/
|
||||||
|
.hugo_build.lock
|
||||||
|
|
|
||||||
21
config.toml
Normal file
21
config.toml
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
baseURL = 'https://selfprivacy.org/'
|
||||||
|
title = 'SelfPrivacy'
|
||||||
|
defaultContentLanguage = 'ru'
|
||||||
|
|
||||||
|
[params]
|
||||||
|
description = 'Self-hosted services without pain'
|
||||||
|
|
||||||
|
[languages]
|
||||||
|
[languages.ru]
|
||||||
|
languageCode = 'ru-RU'
|
||||||
|
languageName = 'Русский'
|
||||||
|
weight = 0
|
||||||
|
[languages.en]
|
||||||
|
languageCode = 'en-US'
|
||||||
|
languageName = 'English'
|
||||||
|
weight = 1
|
||||||
|
|
||||||
|
[markup]
|
||||||
|
[markup.goldmark]
|
||||||
|
[markup.goldmark.renderer]
|
||||||
|
unsafe = true
|
||||||
243
content/_index.en.md
Normal file
243
content/_index.en.md
Normal file
|
|
@ -0,0 +1,243 @@
|
||||||
|
---
|
||||||
|
title: SelfPrivacy
|
||||||
|
images: ["brand.png"]
|
||||||
|
---
|
||||||
|
|
||||||
|
<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="/images/Illustration.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-second-block">
|
||||||
|
<p class="paragraph">
|
||||||
|
Platform on user's hosting provider for deploying private services, managed via mobile application.
|
||||||
|
</p>
|
||||||
|
<div class="img-box-slider">
|
||||||
|
<div class="side-screens">
|
||||||
|
<img src="/images/screenshots/1-en.png" alt="Digital independence, available to all of us">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/images/screenshots/2-en.png" alt="SelfPrivacy — it's not a cloud, but your personal datacenter">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/images/screenshots/3-en.png" alt="Services of SelfPrivacy">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/images/screenshots/4-en.png" alt="Connecting a server to SelfPrivacy">
|
||||||
|
</div>
|
||||||
|
<div class="side-screens">
|
||||||
|
<img src="/images/screenshots/5-en.png" alt="Your datacenter">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-third-block">
|
||||||
|
<a class="download-btn" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/">Download from F-Droid</a>
|
||||||
|
<a class="download-btn color-grey" href="second">Detailed manual</a>
|
||||||
|
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest">.APK, Linux, Windows, macOS</a></p>
|
||||||
|
<p class="paragraph"><a class="git-link" href="https://fdroid.selfprivacy.org">Our F-Droid repository</a></p>
|
||||||
|
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Source code</a></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">
|
||||||
|
Unlimited mailboxes amount for a company or family.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Messenger
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
The most private messenger
|
||||||
|
is the one with the server part located on your personal server. That's what makes DeltaChat
|
||||||
|
more private than Telegram and Signal.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Password Manager
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Passwords no longer need to be remembered, copied between devices, invented or entered manually.
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Bitwarden is a trusted password manager for all devices.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Cloud storage
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Nextcloud is a private
|
||||||
|
and functional replacement
|
||||||
|
for Dropbox and G-drive.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Videomeet
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Zoom and Google-meet are no longer needed when there is a Jitsi-meet. Very simple and convenient video
|
||||||
|
conferencing solution.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Git repository
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Gitea is an excellent analogue of Github, which belongs to you,
|
||||||
|
not 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,
|
||||||
|
just those one which is on your server.
|
||||||
|
OpenConnect
|
||||||
|
— connect an unlimited number 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 block and what to publish. No more advertising and
|
||||||
|
surveillance.
|
||||||
|
</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 developed on the "zero trust" principle, even in relation to SelfPrivacy developers.
|
||||||
|
That means you're the sole owner of your data.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Simplicity
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
It works simple. Without console, complicated instructions, monitoring and involvement of specialists.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Functionality
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Your data will not be lost thanks to regular automatic backups to a
|
||||||
|
separate data center.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="big-box">
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/cd-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Data control
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Why do corporations need your data?
|
||||||
|
To make you buy more and vote as they want.
|
||||||
|
With SelfPrivacy, only you have your data.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/shield-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Security
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Open source. The $2,000 reward for RCE vulnerability significantly increases security
|
||||||
|
compared to conventional self-hosted solutions.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="big-box">
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/list-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
No license agreements
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
What is written in the license agreements that you accept without reading?
|
||||||
|
It says that you allow companies to do anything with your data.
|
||||||
|
SelfPrivacy has no license agreements.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/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?
|
||||||
|
Will it take the same time and money for a specialist to set everything up from scratch?
|
||||||
|
<br><br>
|
||||||
|
SelfPrivacy team works continuously to speed up and simplify this process to a few clicks.
|
||||||
|
<br><br>
|
||||||
|
Now anyone will be capable to setup their own data center.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="big-box">
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/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 are your rules!
|
||||||
|
You will not be blocked or disabled, accidentally or for any other reason.
|
||||||
|
Your infrastructure and data will always remain with you.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/eye-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Privacy
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
No registration, cookies, telemetry, logs, Google analytics and clouds.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
240
content/_index.ru.md
Normal file
240
content/_index.ru.md
Normal file
|
|
@ -0,0 +1,240 @@
|
||||||
|
---
|
||||||
|
title: SelfPrivacy
|
||||||
|
images: ["brand.png"]
|
||||||
|
---
|
||||||
|
|
||||||
|
<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="/images/Illustration.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-second-block">
|
||||||
|
<p class="paragraph">
|
||||||
|
Платформа на хостинге пользователя для разворачивания приватных сервисов, управляемых мобильным приложением.
|
||||||
|
</p>
|
||||||
|
<div class="img-box-slider">
|
||||||
|
<div class="side-screens">
|
||||||
|
<img src="/images/screenshots/1-ru.png" alt="Цифровая независимость доступна каждому">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/images/screenshots/2-ru.png" alt="SelfPrivacy — это не облако, а Ваш личный дата-центр">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/images/screenshots/3-ru.png" alt="Сервисы SelfPrivacy">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/images/screenshots/4-ru.png" alt="Подключение сервера">
|
||||||
|
</div>
|
||||||
|
<div class="side-screens">
|
||||||
|
<img src="/images/screenshots/5-ru.png" alt="Обзор дата-центра">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-third-block">
|
||||||
|
<a class="download-btn" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/">Скачать из F-Droid</a>
|
||||||
|
<a class="download-btn color-grey" href="second">Подробная инструкция</a>
|
||||||
|
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest">.APK, Linux, Windows, macOS</a></p>
|
||||||
|
<p class="paragraph"><a class="git-link" href="https://fdroid.selfprivacy.org">Наш F-Droid репозиторий</a></p>
|
||||||
|
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Исходный код</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="margin-16 boxes">
|
||||||
|
<div class="max-width">
|
||||||
|
<h2>
|
||||||
|
Ваши личные сервисы
|
||||||
|
</h2>
|
||||||
|
<div class="flex-box-wrap flex-wrap jc-sb">
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Электронная почта
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Для семьи или компании с неограниченным количеством почтовых ящиков.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Мессенджер
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Самый приватный мессенджер — это тот, у которого серверная часть находится под вашим контролем. Это делает DeltaChat приватнее Telegram и Signal.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Менеджер паролей
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Пароли больше не нужно запоминать, копировать между устройствами, придумывать или вводить вручную.
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Bitwarden — надежный менеджер паролей для всех устройств.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Файловое облако
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Nextcloud — приватная
|
||||||
|
и функциональная замена
|
||||||
|
Dropbox и G-drive.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Видеоконференция
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Zoom и Google-meet больше не нужны, когда есть Jitsi-meet. Очень простое и удобное решение для
|
||||||
|
видеоконференций.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Git-репозиторий
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Gitea — отличный аналог Github, который принадлежит Вам,
|
||||||
|
а не Microsoft.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p custom-p">
|
||||||
|
VPN для всех устройств друзей и близких
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Ни один публичный VPN
|
||||||
|
не может быть приватным, если только он не расположен на вашем сервере.
|
||||||
|
OpenConnect
|
||||||
|
— подключайте неограниченное количество устройств.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-box">
|
||||||
|
<p class="top-p">
|
||||||
|
Децентрализованная социальная сеть
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Pleroma — социальная сеть в которой вы решаете, кого заблокировать и что публиковать. Никакой больше рекламы
|
||||||
|
и слежки.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="margin-16 ">
|
||||||
|
<div class="max-width">
|
||||||
|
<h2 class="second">Преимущества</h2>
|
||||||
|
<div class="flex-box-wrap flex-wrap jc-sb">
|
||||||
|
<div class="big-box">
|
||||||
|
<div class="blue-box">
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Нулевое доверие
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
SelfPrivacy разработан по принципу "нулевого доверия", даже к самим разработчикам SelfPrivacy. Это
|
||||||
|
значит, что Вы — единственный владелец своих данных.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Простота
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Это работает просто. Без консоли, сложных инструкций, мониторинга и привлечения специалистов.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
Функционал
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Ваши данные никуда не пропадут благодаря регулярному автоматическому резервному копированию в отдельный
|
||||||
|
дата-центр.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="big-box">
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/cd-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Контроль данных
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Почему корпорациям так нужны Ваши данные?
|
||||||
|
Чтобы больше покупали, чтобы Вы голосовали, как им нужно.
|
||||||
|
В SelfPrivacy Ваши данные остаются только у Вас.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/shield-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Безопасность
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Открытый код. Вознаграждение $2000 за RCE-уязвимость значительно повышает безопасность в сравнении с
|
||||||
|
обычными self-hosted решениями.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="big-box">
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/list-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Без лицензионных соглашений
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Что написано в лицензионных соглашениях, которые Вы принимаете, не читая?
|
||||||
|
Там написано, что с Вашими данными можно делать что угодно.
|
||||||
|
В SelfPrivacy нет лицензионных соглашений.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/like-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Экономия времени, денег и сил
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Как сэкономить $500 или две недели жизни?
|
||||||
|
Столько понадобится времени и денег специалисту, чтобы настроить все самому с нуля?
|
||||||
|
<br><br>
|
||||||
|
Команда SelfPrivacy непрерывно работает, чтобы ускорить и упростить этот процесс до нескольких кликов.
|
||||||
|
<br><br>
|
||||||
|
Теперь создание личного дата-центра под силу любому желающему.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="big-box">
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/ind-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Независимость
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Ваши коммуникации в интернете не зависят от Google, Facebook, Amazon и прочих мегакорпораций.
|
||||||
|
<br><br>
|
||||||
|
Ваши сервисы — Ваши правила!
|
||||||
|
Вас не заблокируют, не отключат, случайно или по какой-либо другой причине. Ваша инфраструктура и данные
|
||||||
|
всегда останутся с Вами.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-image-box">
|
||||||
|
<img src="/images/icons/eye-icon.png" alt="icon">
|
||||||
|
<p class="top-p">
|
||||||
|
Приватность
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Без регистрации, куков, телеметрии, логов, гугл аналитики и облаков.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
Before Width: | Height: | Size: 146 KiB After Width: | Height: | Size: 146 KiB |
296
content/second.en.md
Normal file
296
content/second.en.md
Normal file
|
|
@ -0,0 +1,296 @@
|
||||||
|
---
|
||||||
|
title: Second
|
||||||
|
images: ["brand.png"]
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="margin-16 boxes">
|
||||||
|
<div class="max-width">
|
||||||
|
<h2 class="install-page-header">
|
||||||
|
Deployment and setup
|
||||||
|
</h2>
|
||||||
|
<div class="blue-border">
|
||||||
|
<p></p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
SelfPrivacy-server is created step by step within an hour. Sounds scary, but believe me,
|
||||||
|
you shouldn't be a PhD to accomplish that. It's as simple as purchase in the e-shop.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<!--1. -->Searching for passport and card with balance of $10-15 and $5 per month
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<!--2. -->Accounts registration
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<!--3. -->Protecting accounts
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<!--4. -->Domain purchasing
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<!--5. -->Connecting Domain to DNS Server
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<!--6. -->🔑 Generating tokens
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<!--7. -->Installation
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<!--8. -->Connecting to the services 🎉
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p class="bottom-p">
|
||||||
|
If you delegate this process to someone else, you will lose privacy. For 100% independence
|
||||||
|
and control
|
||||||
|
we recommend to do everything on your own.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="blue-border">
|
||||||
|
<p class="top-p">
|
||||||
|
Accounts registration
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
For stability and privacy, SelfPrivacy requires many accounts. If you hold everything in one
|
||||||
|
place,
|
||||||
|
you'll get the same you've been running from — all data in hands of one corporation🤦
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
That's why, different parts of the system will be in different places. Let's register:
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://accounts.hetzner.com/signUp">Hetzner </a>is a virtual server hosting. Our
|
||||||
|
data and SelfPrivacy services will live here.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.namecheap.com/myaccount/signup/">NameCheap</a> or any other
|
||||||
|
registrar, to purchase your personal address on the Internet —
|
||||||
|
the domain that will point to the server.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://dash.cloudflare.com/sign-up">CloudFlare </a>is a DNS server, where your
|
||||||
|
personal
|
||||||
|
address(domain) works.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://portal.aws.amazon.com/gp/aws/developer/registration/index.html?nc2=h_ct&src=default">
|
||||||
|
Backblaze </a>is an IaaS, that provides free storage for your encrypted backups.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Registration is trivial, but sometimes account activation may take up to few days or requires
|
||||||
|
additional documents.
|
||||||
|
Therefore, use real documents and fill out everything carefully.
|
||||||
|
Providers protect themselves from spam in such way. Nothing personal )
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="blue-border">
|
||||||
|
<p class="top-p">
|
||||||
|
Protecting accounts
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Most often, systems are hacked through the weakest part. In order for accounts not to be such
|
||||||
|
a part, passwords must be different and complex. TwinkleTwinkleLittleStar is a great example of a
|
||||||
|
bad password.
|
||||||
|
A good one 🌈 is a
|
||||||
|
passphrase:
|
||||||
|
</p>
|
||||||
|
<p class="code-p">
|
||||||
|
expert repose postwar anytime glimpse freestyle liability effects
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">or</p>
|
||||||
|
<p class="code-p">
|
||||||
|
}Rj;EtG:,M!bc4/|
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
How to remember such complicated password? No way! Passwords do not need to be remembered, they must
|
||||||
|
be
|
||||||
|
created and stored in the <a href="https://keepassxc.org/download/">password manager</a>. Though,
|
||||||
|
you'll
|
||||||
|
have to remember at least one — password from the password manager.
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Be sure to enable additional account protection - the second factor (MFA, 2FA).
|
||||||
|
Without this simple step, your data will not be safe.
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
I know it was difficult, but now your data is better protected than 95% of users.
|
||||||
|
You can be proud of yourself! I'm proud of you 🤗
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<h2>
|
||||||
|
Domain purchasing
|
||||||
|
</h2>
|
||||||
|
<p class="top-header-p">
|
||||||
|
Enabled 2FA? Then let's proceed to the most interesting part!
|
||||||
|
</p>
|
||||||
|
<div class="blue-border-img">
|
||||||
|
<img src="/images/screencasts/nc-buy-domain.gif" alt="gif">
|
||||||
|
</div>
|
||||||
|
<p class="bottom-p pb-25">
|
||||||
|
<i>Domain</i> — it's a piece of Internet, which you can name like your home pet. Potential for
|
||||||
|
creativity is huge.
|
||||||
|
Your only limitations are 63 symbols length + .com .org .icu or other domain zones. Feel free to choose
|
||||||
|
among hundreds of others.
|
||||||
|
You can choose your surname as a domain, like this: jackson.live or carson.health, or it can be
|
||||||
|
something creative,
|
||||||
|
like: unicorn-land.shop
|
||||||
|
</p>
|
||||||
|
<div class="blue-border">
|
||||||
|
<p class="top-p">
|
||||||
|
Advices
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>Be sure to look at the annual renewal price, it can exceed the purchase price many times.</li>
|
||||||
|
<li>Normal domain price is $8-10 per year. The cheapest are Chinese .icu and .cyou - $4-6.</li>
|
||||||
|
<li>A good name is convenient, both on the phone to dictate, and on the business card to indicate.
|
||||||
|
</li>
|
||||||
|
<li>The last name in the domain is good in that you can distribute mail to all namesakes, for
|
||||||
|
example:
|
||||||
|
name.secondname@surname.com, ns@surname.com or name@surname.com</li>
|
||||||
|
<li>
|
||||||
|
During domain registration, make sure to enter your real e-mail address, otherwise your
|
||||||
|
registration can be
|
||||||
|
canceled. And if you can't extend the domain, the system won't work as intended.
|
||||||
|
</li>
|
||||||
|
<li>Did I talk about the 2FA?</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<p class="top-header-p">
|
||||||
|
Connecting Domain to DNS Server
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
After acquisition, add your domain into CloudFlare:
|
||||||
|
</p>
|
||||||
|
<div class="blue-border-img">
|
||||||
|
<img src="/images/screencasts/add-domain-to-cf.gif" alt="gif">
|
||||||
|
</div>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Using <span class="color-blue">ruleit.stream</span> as example, we chose free service plan
|
||||||
|
and got nameservers: <span class="color-blue">gail.ns.cloudflare.com</span> and <span
|
||||||
|
class="color-blue">mattns.cloudflare.com</span>, which must be registered with our registrar.
|
||||||
|
In our case <span class="color-blue">NameCheap:</span>
|
||||||
|
</p>
|
||||||
|
<div class="blue-border-img">
|
||||||
|
<img src="/images/screencasts/nc-to-cf.gif" alt="gif">
|
||||||
|
</div>
|
||||||
|
<p class="bottom-p">
|
||||||
|
At the same time, we check that we include auto-renewal and protection of personal data — <span
|
||||||
|
class="color-blue">WhoisGuard</span>.
|
||||||
|
After a few minutes or, in the worst case, up to 2 days, the settings will be applied.
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
🔑 Generating tokens
|
||||||
|
</h2>
|
||||||
|
<div class="blue-border">
|
||||||
|
<p class="top-p">
|
||||||
|
API tokens
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
<i>API tokens</i> are almost the same as login and password, only for a program, not a person.
|
||||||
|
SelfPrivacy application uses them to manage services in all accounts instead of you. Convenient!
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Tokens should be stored in the <a href="https://keepassxc.org/download/">password manager</a>
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
We do not need a token for the NameCheap. But we will need one for the CloudFlare
|
||||||
|
to use it for domain management.
|
||||||
|
</p>
|
||||||
|
<p class="header-p">
|
||||||
|
CloudFlare
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>Visit the following <a href="https://dash.cloudflare.com/">link</a>.</li>
|
||||||
|
<li>In the right corner, we click on the profile icon (a man in a circle). For the mobile version
|
||||||
|
of the site, in
|
||||||
|
the upper left corner, click the <b>Menu</b> button (three horizontal bars), in the dropdown
|
||||||
|
menu,
|
||||||
|
click on <b>My Profile</b>
|
||||||
|
</li>
|
||||||
|
<li>We have four configuration categories to choose from: <b>Communication, Authentication, API
|
||||||
|
Tokens, Session.</b> Choose <b>API Tokens.</b>
|
||||||
|
</li>
|
||||||
|
<li>The first item is the <b>Create Token</b> button. With complete self-confidence and a desire
|
||||||
|
to gain privacy, we press it.
|
||||||
|
</li>
|
||||||
|
<li>We go down to the bottom and see the <b>Create Custom Token</b> field and
|
||||||
|
the <b>Get Started</b> button on the right side. We press.</li>
|
||||||
|
<li>In the <b>Token Name</b> field, we give our token a name. You can quote and treat this as
|
||||||
|
the name of a pet:)</li>
|
||||||
|
<li>Next we have <b>Permissions</b>. In the leftmost field, select <b>Zone</b>. In the longest
|
||||||
|
field, center, select
|
||||||
|
<b>DNS</b>. In the rightmost field, select <b>Edit</b>.
|
||||||
|
</li>
|
||||||
|
<li>Next, right under this line, click <b>Add More</b>. Similar field will appear.</li>
|
||||||
|
<li>In the leftmost field of the new line, we select, similar to the last line — <b>Zone</b>. In the
|
||||||
|
center — a little different.
|
||||||
|
Here we choose the same as in the left — <b>Zone</b>. In the rightmost field, select
|
||||||
|
<b>Read</b>.
|
||||||
|
</li>
|
||||||
|
<li>Next we look at <b>Zone Resources</b>. Under this inscription there is a line with two fields.
|
||||||
|
The left must have <b>Include</b> and the right must have <b>Specific Zone</b>. Once you select
|
||||||
|
<b>Specific Zone</b>, another field appears on the right. We choose our domain in it.
|
||||||
|
</li>
|
||||||
|
<li>We flick to the bottom and press the blue <b>Continue to Summary</b> button.</li>
|
||||||
|
<li>We're checking to see if we got everything right. A similar string must be present: Domain —
|
||||||
|
<b>DNS:Edit, Zone:Read.</b>
|
||||||
|
</li>
|
||||||
|
<li>Click on <b>Create Token.</b></li>
|
||||||
|
<li>We copy the created token, and save it in a reliable place (preferably in the <a
|
||||||
|
href="https://keepassxc.org/download/">password manager</a>).</li>
|
||||||
|
</ul>
|
||||||
|
<img src="/images/screencasts/CloudFlare.gif" alt="gif">
|
||||||
|
<p class="header-p">
|
||||||
|
Hetzner
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>Visit the following <a href="https://console.hetzner.cloud/">link</a> and authorize in the
|
||||||
|
previously created account.</li>
|
||||||
|
<li>We go into the project we created. If there is none, then we create.</li>
|
||||||
|
<li>Point the mouse to the side panel. It should open by showing us menu items. We are interested
|
||||||
|
in the latter — <b>Security</b> (with a key icon).
|
||||||
|
</li>
|
||||||
|
<li>Next, at the top of the interface we see approximately the following list: <b>SSH Keys,
|
||||||
|
API Tokens,
|
||||||
|
Certificates, Members.</b> We need the <b>API Tokens</b>. Click on it.
|
||||||
|
</li>
|
||||||
|
<li>On the right side of the interface, we will be waiting for the <b>Generate API token</b> button.
|
||||||
|
If you use
|
||||||
|
the mobile version of the site — in the lower right corner you will see a <b>red plus</b>
|
||||||
|
button. We press.
|
||||||
|
</li>
|
||||||
|
<li>In the <b>Description</b> field, give our token a name (this can be any name that
|
||||||
|
you like, it does not essentially change).</li>
|
||||||
|
<li>Under <b>Description</b>, you can select <b>permissions</b>. Select <b>Read & Write</b>.
|
||||||
|
</li>
|
||||||
|
<li>Click <b>Generate API Token.</b></li>
|
||||||
|
<li>After that, your key will be displayed. We write it in a safe place, or even better, we save it
|
||||||
|
in the
|
||||||
|
<a href="https://keepassxc.org/download/">password manager</a>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<img src="/images/screencasts/Hetzner.gif" alt="gif">
|
||||||
|
<p class="header-p">
|
||||||
|
Backblaze B2
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>Visit the following <a href="https://secure.backblaze.com/user_overview.htm">link</a></li>
|
||||||
|
<li>On the left side of the interface, select <b>App Keys</b> in the <b>B2 Cloud Storage</b>
|
||||||
|
subcategory.
|
||||||
|
</li>
|
||||||
|
<li>Click on the blue <b>Generate New Master Application Key</b> button.</li>
|
||||||
|
<li>In the appeared pop-up window confirm the generation.</li>
|
||||||
|
<li>Save <i>keyID</i> and <i>applicationKey</i> in the safe place. For example - in the
|
||||||
|
<a href="https://keepassxc.org/download/">password manager</a> :)
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<img src="/images/screencasts/Backblaze.gif" alt="gif">
|
||||||
|
<p class="header-p">
|
||||||
|
🎉 Congratulations. Now you are ready to use private services.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
311
content/second.ru.md
Normal file
311
content/second.ru.md
Normal file
|
|
@ -0,0 +1,311 @@
|
||||||
|
---
|
||||||
|
title: Second
|
||||||
|
images: ["brand.png"]
|
||||||
|
---
|
||||||
|
|
||||||
|
<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 требует много учётных записей. Если всё держать в одном
|
||||||
|
месте,
|
||||||
|
получаем то, от чего бежали — все данные у одной компании. 🤦♀️
|
||||||
|
</p>
|
||||||
|
<p class="bottom-p">
|
||||||
|
Поэтому разные части системы будут в разных местах. Регистрируемся:
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.hetzner.com/">Hetzner </a>— хостинг виртуального сервера. Здесь
|
||||||
|
будут жить наши данные и сервисы SelfPrivacy.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.namecheap.com/">NameCheap</a> или любой другой
|
||||||
|
регистратор, для покупки личного адреса в интернете — домена, который будет указывать на сервер.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://cloudflare.com">CloudFlare </a>— DNS сервер, где работает Ваш
|
||||||
|
домен.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.backblaze.com/">Backblaze
|
||||||
|
</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="/images/screencasts/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="/images/screencasts/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="/images/screencasts/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> — это почти то же самое, что и логин с паролем, только для программы, а не
|
||||||
|
человека.
|
||||||
|
Мобильное приложение SelfPrivacy с их помощью управляет сервисами во всех учётных записях вместо
|
||||||
|
Вас. Удобно!
|
||||||
|
</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>Preferences, Authentication, API
|
||||||
|
Tokens, Sessions.</b> Выбираем <b>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>Далее, у нас <b>Permissions</b>. В первом поле выбираем <b>Zone</b>. Во втором
|
||||||
|
поле, по центру,
|
||||||
|
выбираем <b>DNS</b>. В последнем поле выбираем <b>Edit</b>.</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>Копируем созданный токен, и сохраняем его в надёжном месте (желательно — в <a
|
||||||
|
href="https://keepassxc.org/download/">менеджере паролей</a>).
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<img src="/images/screencasts/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>По середине в интерфейсе, нас будет ожидать кнопка <b>GENERATE API TOKEN</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>После этого, появиться окно с Вашим ключём. Записываем его в надёжном месте, или ещё лучше,
|
||||||
|
сохраняем
|
||||||
|
в
|
||||||
|
<a href="https://keepassxc.org/download/">менеджере паролей</a>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<img src="/images/screencasts/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>В левой части интерфейса выбираем <b>App Keys</b> в подкатегории <b>"Account"</b></li>
|
||||||
|
<li>Нажимаем на синюю кнопку <b>Generate New Master Application Key</b></li>
|
||||||
|
<li>Во всплывающем окне подтверждаем генерацию</li>
|
||||||
|
<li>Сохраняем <i>keyID</i> и <i>applicationKey</i> в надёжном месте. Например - в <a
|
||||||
|
href="https://keepassxc.org/download/">менеджере паролей</a> :)</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<img src="/images/screencasts/Backblaze.gif" alt="gif">
|
||||||
|
|
||||||
|
<p class="header-p">
|
||||||
|
🎉 Поздравляю! Теперь Вы готовы использовать приватные сервисы.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
370
en/index.html
370
en/index.html
|
|
@ -1,370 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html class="no-js" lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>SelfPrivacy — Self-hosted services without pain</title>
|
|
||||||
<meta name="title" content="SelfPrivacy — Self-hosted services without pain">
|
|
||||||
<meta name="description"
|
|
||||||
content="Platform on user's hosting provider for deploying private services, managed via mobile application.">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
|
|
||||||
<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" />
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Open Graph / Facebook -->
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:url" content="https://selfprivacy.org/">
|
|
||||||
<meta property="og:title" content="SelfPrivacy — Self-hosted services without pain">
|
|
||||||
<meta property="og:description"
|
|
||||||
content="Platform on user's hosting provider for deploying private services, managed via mobile application.">
|
|
||||||
|
|
||||||
<!-- Twitter -->
|
|
||||||
<meta property="twitter:card" content="summary_large_image">
|
|
||||||
<meta property="twitter:url" content="https://selfprivacy.org/">
|
|
||||||
<meta property="twitter:title" content="SelfPrivacy — Self-hosted services without pain">
|
|
||||||
<meta property="twitter:description"
|
|
||||||
content="Platform on user's hosting provider for deploying private services, managed via mobile application.">
|
|
||||||
|
|
||||||
<meta name="theme-color" content="#fafafa">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="nav">
|
|
||||||
<div class="flex-box-wrap max-width">
|
|
||||||
<div class="w-25">
|
|
||||||
<a href="index.html">
|
|
||||||
<div class="nav-logo-box">
|
|
||||||
<img src="../img/logos/self-privacy.png" alt="SelfPrivacy">
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</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="lang-link" href="https://selfprivacy.org/en/index.html">en</a> -->
|
|
||||||
<a class="lang-link" href="../index.html">ru</a>
|
|
||||||
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
|
|
||||||
<img src="../img/logos/git-yellow.svg" alt="Git">
|
|
||||||
</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 for deploying private services, managed via mobile application.
|
|
||||||
</p>
|
|
||||||
<div class="img-box-slider">
|
|
||||||
<div class="side-screens">
|
|
||||||
<img src="../img/screenshots/1-en.png" alt="Digital independence, available to all of us">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="../img/screenshots/2-en.png" alt="SelfPrivacy — it's not a cloud, but your personal datacenter">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="../img/screenshots/3-en.png" alt="Services of SelfPrivacy">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="../img/screenshots/4-en.png" alt="Connecting a server to SelfPrivacy">
|
|
||||||
</div>
|
|
||||||
<div class="side-screens">
|
|
||||||
<img src="../img/screenshots/5-en.png" alt="Your datacenter">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hero-third-block">
|
|
||||||
<a class="download-btn" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/">Download</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/kherel/selfprivacy.org.app/releases/latest">Download .APK</a></p>
|
|
||||||
<p class="paragraph"><a class="git-link" href="https://fdroid.selfprivacy.org">Our F-Droid repository</a></p>
|
|
||||||
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Source code</a></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">
|
|
||||||
Unlimited mailboxes amount for a company or family.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Messenger
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
The most private messenger
|
|
||||||
is the one with the server part located on your personal server. That's what makes DeltaChat
|
|
||||||
more private than Telegram and Signal.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Password Manager
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Passwords no longer need to be remembered, copied between devices, invented or entered manually.
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
Bitwarden is a trusted password manager for all devices.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Cloud storage
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Nextcloud is a private
|
|
||||||
and functional replacement
|
|
||||||
for Dropbox and G-drive.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Videomeet
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Zoom and Google-meet are no longer needed when there is a Jitsi-meet. Very simple and convenient video
|
|
||||||
conferencing solution.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Git repository
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Gitea is an excellent analogue of Github, which belongs to you,
|
|
||||||
not 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,
|
|
||||||
just those one which is on your server.
|
|
||||||
OpenConnect
|
|
||||||
— connect an unlimited number 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 block and what to publish. No more advertising and
|
|
||||||
surveillance.
|
|
||||||
</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 developed on the "zero trust" principle, even in relation to SelfPrivacy developers.
|
|
||||||
That means you're the sole owner of your data.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<p>
|
|
||||||
Simplicity
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
It works simple. Without console, complicated instructions, monitoring and involvement of specialists.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<p>
|
|
||||||
Functionality
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Your data will not be lost thanks to regular automatic backups to a
|
|
||||||
separate data center.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="big-box">
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="../img/icons/cd-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Data control
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Why do corporations need your data?
|
|
||||||
To make you buy more and vote as they want.
|
|
||||||
With SelfPrivacy, only you have your data.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="../img/icons/shield-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Security
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Open source. The $2,000 reward for RCE vulnerability significantly increases security
|
|
||||||
compared to conventional self-hosted solutions.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="big-box">
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="../img/icons/list-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
No license agreements
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
What is written in the license agreements that you accept without reading?
|
|
||||||
It says that you allow companies to do anything with your data.
|
|
||||||
SelfPrivacy has no license agreements.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="../img/icons/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?
|
|
||||||
Will it take the same time and money for a specialist to set everything up from scratch?
|
|
||||||
<br><br>
|
|
||||||
SelfPrivacy team works continuously to speed up and simplify this process to a few clicks.
|
|
||||||
<br><br>
|
|
||||||
Now anyone will be capable to setup their own data center.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="big-box">
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="../img/icons/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 are your rules!
|
|
||||||
You will not be blocked or disabled, accidentally or for any other reason.
|
|
||||||
Your infrastructure and data will always remain with you.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="../img/icons/eye-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Privacy
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
No registration, cookies, telemetry, logs, Google analytics and clouds.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<a href="https://t.me/selfprivacy">
|
|
||||||
<img src="../img/logos/telegram.svg" alt="Telegram">
|
|
||||||
</a>
|
|
||||||
<a href="https://git.selfprivacy.org">
|
|
||||||
<img src="../img/logos/git-blue.svg" alt="Git">
|
|
||||||
</a>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
389
en/second.html
389
en/second.html
|
|
@ -1,389 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html class="no-js" lang="en">
|
|
||||||
|
|
||||||
<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="">
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<div class="nav">
|
|
||||||
<div class="flex-box-wrap max-width">
|
|
||||||
<div class="w-25">
|
|
||||||
<a href="index.html">
|
|
||||||
<div class="nav-logo-box">
|
|
||||||
<img src="../img/logos/self-privacy.png" alt="SelfPrivacy">
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</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 href="https://selfprivacy.org/en/index.html">en</a> -->
|
|
||||||
<a class="lang-link" href="../second.html">ru</a>
|
|
||||||
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
|
|
||||||
<img src="../img/logos/git-yellow.svg" alt="Git">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="margin-16 boxes">
|
|
||||||
<div class="max-width">
|
|
||||||
<h2 class="install-page-header">
|
|
||||||
Deployment and setup
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div class="blue-border">
|
|
||||||
<p></p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
SelfPrivacy-server is created step by step within an hour. Sounds scary, but believe me,
|
|
||||||
you shouldn't be a PhD to accomplish that. It's as simple as purchase in the e-shop.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<!--1. -->Searching for passport and card with balance of $10-15 and $5 per month
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<!--2. -->Accounts registration
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<!--3. -->Protecting accounts
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<!--4. -->Domain purchasing
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<!--5. -->Connecting Domain to DNS Server
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<!--6. -->🔑 Generating tokens
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<!--7. -->Installation
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<!--8. -->Connecting to the services 🎉
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="bottom-p">
|
|
||||||
If you delegate this process to someone else, you will lose privacy. For 100% independence
|
|
||||||
and control
|
|
||||||
we recommend to do everything on your own.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="blue-border">
|
|
||||||
<p class="top-p">
|
|
||||||
Accounts registration
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
For stability and privacy, SelfPrivacy requires many accounts. If you hold everything in one
|
|
||||||
place,
|
|
||||||
you'll get the same you've been running from — all data in hands of one corporation🤦
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
That's why, different parts of the system will be in different places. Let's register:
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="https://accounts.hetzner.com/signUp">Hetzner </a>is a virtual server hosting. Our
|
|
||||||
data and SelfPrivacy services will live here.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://www.namecheap.com/myaccount/signup/">NameCheap</a> or any other
|
|
||||||
registrar, to purchase your personal address on the Internet —
|
|
||||||
the domain that will point to the server.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://dash.cloudflare.com/sign-up">CloudFlare </a>is a DNS server, where your
|
|
||||||
personal
|
|
||||||
address(domain) works.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://portal.aws.amazon.com/gp/aws/developer/registration/index.html?nc2=h_ct&src=default">
|
|
||||||
Backblaze </a>is an IaaS, that provides free storage for your encrypted backups.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Registration is trivial, but sometimes account activation may take up to few days or requires
|
|
||||||
additional documents.
|
|
||||||
Therefore, use real documents and fill out everything carefully.
|
|
||||||
Providers protect themselves from spam in such way. Nothing personal )
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="blue-border">
|
|
||||||
<p class="top-p">
|
|
||||||
Protecting accounts
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Most often, systems are hacked through the weakest part. In order for accounts not to be such
|
|
||||||
a part, passwords must be different and complex. TwinkleTwinkleLittleStar is a great example of a
|
|
||||||
bad password.
|
|
||||||
A good one 🌈 is a
|
|
||||||
passphrase:
|
|
||||||
</p>
|
|
||||||
<p class="code-p">
|
|
||||||
expert repose postwar anytime glimpse freestyle liability effects
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">or</p>
|
|
||||||
<p class="code-p">
|
|
||||||
}Rj;EtG:,M!bc4/|
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
How to remember such complicated password? No way! Passwords do not need to be remembered, they must
|
|
||||||
be
|
|
||||||
created and stored in the <a href="https://keepassxc.org/download/">password manager</a>. Though,
|
|
||||||
you'll
|
|
||||||
have to remember at least one — password from the password manager.
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Be sure to enable additional account protection - the second factor (MFA, 2FA).
|
|
||||||
Without this simple step, your data will not be safe.
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
I know it was difficult, but now your data is better protected than 95% of users.
|
|
||||||
You can be proud of yourself! I'm proud of you 🤗
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h2>
|
|
||||||
Domain purchasing
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<p class="top-header-p">
|
|
||||||
Enabled 2FA? Then let's proceed to the most interesting part!
|
|
||||||
</p>
|
|
||||||
<div class="blue-border-img">
|
|
||||||
<img src="../img/screencasts/nc-buy-domain.gif" alt="gif">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p class="bottom-p pb-25">
|
|
||||||
<i>Domain</i> — it's a piece of Internet, which you can name like your home pet. Potential for
|
|
||||||
creativity is huge.
|
|
||||||
Your only limitations are 63 symbols length + .com .org .icu or other domain zones. Feel free to choose
|
|
||||||
among hundreds of others.
|
|
||||||
You can choose your surname as a domain, like this: jackson.live or carson.health, or it can be
|
|
||||||
something creative,
|
|
||||||
like: unicorn-land.shop
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="blue-border">
|
|
||||||
<p class="top-p">
|
|
||||||
Advices
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li>Be sure to look at the annual renewal price, it can exceed the purchase price many times.</li>
|
|
||||||
<li>Normal domain price is $8-10 per year. The cheapest are Chinese .icu and .cyou - $4-6.</li>
|
|
||||||
<li>A good name is convenient, both on the phone to dictate, and on the business card to indicate.
|
|
||||||
</li>
|
|
||||||
<li>The last name in the domain is good in that you can distribute mail to all namesakes, for
|
|
||||||
example:
|
|
||||||
name.secondname@surname.com, ns@surname.com or name@surname.com</li>
|
|
||||||
<li>
|
|
||||||
During domain registration, make sure to enter your real e-mail address, otherwise your
|
|
||||||
registration can be
|
|
||||||
canceled. And if you can't extend the domain, the system won't work as intended.
|
|
||||||
</li>
|
|
||||||
<li>Did I talk about the 2FA?</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<p class="top-header-p">
|
|
||||||
Connecting Domain to DNS Server
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
After acquisition, add your domain into CloudFlare:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="blue-border-img">
|
|
||||||
<img src="../img/screencasts/add-domain-to-cf.gif" alt="gif">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Using <span class="color-blue">ruleit.stream</span> as example, we chose free service plan
|
|
||||||
and got nameservers: <span class="color-blue">gail.ns.cloudflare.com</span> and <span
|
|
||||||
class="color-blue">mattns.cloudflare.com</span>, which must be registered with our registrar.
|
|
||||||
In our case <span class="color-blue">NameCheap:</span>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="blue-border-img">
|
|
||||||
<img src="../img/screencasts/nc-to-cf.gif" alt="gif">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
At the same time, we check that we include auto-renewal and protection of personal data — <span
|
|
||||||
class="color-blue">WhoisGuard</span>.
|
|
||||||
After a few minutes or, in the worst case, up to 2 days, the settings will be applied.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<h2>
|
|
||||||
🔑 Generating tokens
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div class="blue-border">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
API tokens
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
<i>API tokens</i> are almost the same as login and password, only for a program, not a person.
|
|
||||||
SelfPrivacy application uses them to manage services in all accounts instead of you. Convenient!
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Tokens should be stored in the <a href="https://keepassxc.org/download/">password manager</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
We do not need a token for the NameCheap. But we will need one for the CloudFlare
|
|
||||||
to use it for domain management.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="header-p">
|
|
||||||
CloudFlare
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Visit the following <a href="https://dash.cloudflare.com/">link</a>.</li>
|
|
||||||
<li>In the right corner, we click on the profile icon (a man in a circle). For the mobile version
|
|
||||||
of the site, in
|
|
||||||
the upper left corner, click the <b>Menu</b> button (three horizontal bars), in the dropdown
|
|
||||||
menu,
|
|
||||||
click on <b>My Profile</b>
|
|
||||||
</li>
|
|
||||||
<li>We have four configuration categories to choose from: <b>Communication, Authentication, API
|
|
||||||
Tokens, Session.</b> Choose <b>API Tokens.</b>
|
|
||||||
</li>
|
|
||||||
<li>The first item is the <b>Create Token</b> button. With complete self-confidence and a desire
|
|
||||||
to gain privacy, we press it.
|
|
||||||
</li>
|
|
||||||
<li>We go down to the bottom and see the <b>Create Custom Token</b> field and
|
|
||||||
the <b>Get Started</b> button on the right side. We press.</li>
|
|
||||||
<li>In the <b>Token Name</b> field, we give our token a name. You can quote and treat this as
|
|
||||||
the name of a pet:)</li>
|
|
||||||
<li>Next we have <b>Permissions</b>. In the leftmost field, select <b>Zone</b>. In the longest
|
|
||||||
field, center, select
|
|
||||||
<b>DNS</b>. In the rightmost field, select <b>Edit</b>.
|
|
||||||
</li>
|
|
||||||
<li>Next, right under this line, click <b>Add More</b>. Similar field will appear.</li>
|
|
||||||
<li>In the leftmost field of the new line, we select, similar to the last line — <b>Zone</b>. In the
|
|
||||||
center — a little different.
|
|
||||||
Here we choose the same as in the left — <b>Zone</b>. In the rightmost field, select
|
|
||||||
<b>Read</b>.
|
|
||||||
</li>
|
|
||||||
<li>Next we look at <b>Zone Resources</b>. Under this inscription there is a line with two fields.
|
|
||||||
The left must have <b>Include</b> and the right must have <b>Specific Zone</b>. Once you select
|
|
||||||
<b>Specific Zone</b>, another field appears on the right. We choose our domain in it.
|
|
||||||
</li>
|
|
||||||
<li>We flick to the bottom and press the blue <b>Continue to Summary</b> button.</li>
|
|
||||||
<li>We're checking to see if we got everything right. A similar string must be present: Domain —
|
|
||||||
<b>DNS:Edit, Zone:Read.</b>
|
|
||||||
</li>
|
|
||||||
<li>Click on <b>Create Token.</b></li>
|
|
||||||
<li>We copy the created token, and save it in a reliable place (preferably in the <a
|
|
||||||
href="https://keepassxc.org/download/">password manager</a>).</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<img src="../img/screencasts/CloudFlare.gif" alt="gif">
|
|
||||||
|
|
||||||
<p class="header-p">
|
|
||||||
Hetzner
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Visit the following <a href="https://console.hetzner.cloud/">link</a> and authorize in the
|
|
||||||
previously created account.</li>
|
|
||||||
<li>We go into the project we created. If there is none, then we create.</li>
|
|
||||||
<li>Point the mouse to the side panel. It should open by showing us menu items. We are interested
|
|
||||||
in the latter — <b>Security</b> (with a key icon).
|
|
||||||
</li>
|
|
||||||
<li>Next, at the top of the interface we see approximately the following list: <b>SSH Keys,
|
|
||||||
API Tokens,
|
|
||||||
Certificates, Members.</b> We need the <b>API Tokens</b>. Click on it.
|
|
||||||
</li>
|
|
||||||
<li>On the right side of the interface, we will be waiting for the <b>Generate API token</b> button.
|
|
||||||
If you use
|
|
||||||
the mobile version of the site — in the lower right corner you will see a <b>red plus</b>
|
|
||||||
button. We press.
|
|
||||||
</li>
|
|
||||||
<li>In the <b>Description</b> field, give our token a name (this can be any name that
|
|
||||||
you like, it does not essentially change).</li>
|
|
||||||
<li>Under <b>Description</b>, you can select <b>permissions</b>. Select <b>Read & Write</b>.
|
|
||||||
</li>
|
|
||||||
<li>Click <b>Generate API Token.</b></li>
|
|
||||||
<li>After that, your key will be displayed. We write it in a safe place, or even better, we save it
|
|
||||||
in the
|
|
||||||
<a href="https://keepassxc.org/download/">password manager</a>.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<img src="../img/screencasts/Hetzner.gif" alt="gif">
|
|
||||||
|
|
||||||
<p class="header-p">
|
|
||||||
Backblaze B2
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Visit the following <a href="https://secure.backblaze.com/user_overview.htm">link</a></li>
|
|
||||||
<li>On the left side of the interface, select <b>App Keys</b> in the <b>B2 Cloud Storage</b>
|
|
||||||
subcategory.
|
|
||||||
</li>
|
|
||||||
<li>Click on the blue <b>Generate New Master Application Key</b> button.</li>
|
|
||||||
<li>In the appeared pop-up window confirm the generation.</li>
|
|
||||||
<li>Save <i>keyID</i> and <i>applicationKey</i> in the safe place. For example - in the
|
|
||||||
<a href="https://keepassxc.org/download/">password manager</a> :)
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<img src="../img/screencasts/Backblaze.gif" alt="gif">
|
|
||||||
|
|
||||||
<p class="header-p">
|
|
||||||
🎉 Congratulations. Now you are ready to use private services.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<a href="https://t.me/selfprivacy">
|
|
||||||
<img src="../img/logos/telegram.svg" alt="Telegram">
|
|
||||||
</a>
|
|
||||||
<a href="https://git.selfprivacy.org">
|
|
||||||
<img src="../img/logos/git-blue.svg" alt="Git">
|
|
||||||
</a>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
360
index.html
360
index.html
|
|
@ -1,360 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html class="no-js" lang="ru">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>SelfPrivacy</title>
|
|
||||||
<meta name="title" content="SelfPrivacy">
|
|
||||||
<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="">
|
|
||||||
|
|
||||||
<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" />
|
|
||||||
|
|
||||||
<!-- Open Graph / Facebook -->
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:url" content="https://selfprivacy.org/">
|
|
||||||
<meta property="og:title" content="SelfPrivacy">
|
|
||||||
<meta property="og:description"
|
|
||||||
content="Платформа на хостинге пользователя для разворачивания приватных сервисов, управляемых мобильным приложением.">
|
|
||||||
|
|
||||||
<!-- Twitter -->
|
|
||||||
<meta property="twitter:card" content="summary_large_image">
|
|
||||||
<meta property="twitter:url" content="https://selfprivacy.org/">
|
|
||||||
<meta property="twitter:title" content="SelfPrivacy">
|
|
||||||
<meta property="twitter:description"
|
|
||||||
content="Платформа на хостинге пользователя для разворачивания приватных сервисов, управляемых мобильным приложением.">
|
|
||||||
|
|
||||||
<meta name="theme-color" content="#fafafa">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="nav">
|
|
||||||
<div class="flex-box-wrap max-width">
|
|
||||||
<div class="w-25">
|
|
||||||
<a href="index.html">
|
|
||||||
<div class="nav-logo-box">
|
|
||||||
<img src="img/logos/self-privacy.png" alt="SelfPrivacy">
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</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="lang-link" href="en/index.html">en</a>
|
|
||||||
<!-- <a class="lang-link" href="index.html">ru</a> -->
|
|
||||||
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
|
|
||||||
<img src="img/logos/git-yellow.svg" alt="Git">
|
|
||||||
</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">
|
|
||||||
Платформа на хостинге пользователя для разворачивания приватных сервисов, управляемых мобильным приложением.
|
|
||||||
</p>
|
|
||||||
<div class="img-box-slider">
|
|
||||||
<div class="side-screens">
|
|
||||||
<img src="img/screenshots/1-ru.png" alt="Цифровая независимость доступна каждому">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="img/screenshots/2-ru.png" alt="SelfPrivacy — это не облако, а Ваш личный дата-центр">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="img/screenshots/3-ru.png" alt="Сервисы SelfPrivacy">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<img src="img/screenshots/4-ru.png" alt="Подключение сервера">
|
|
||||||
</div>
|
|
||||||
<div class="side-screens">
|
|
||||||
<img src="img/screenshots/5-ru.png" alt="Обзор дата-центра">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hero-third-block">
|
|
||||||
<a class="download-btn" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/">Скачать</a>
|
|
||||||
<a class="download-btn color-grey" href="second.html">Подробная инструкция</a>
|
|
||||||
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest">Скачать .APK</a></p>
|
|
||||||
<p class="paragraph"><a class="git-link" href="https://fdroid.selfprivacy.org">Наш F-Droid репозиторий</a></p>
|
|
||||||
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Исходный код</a></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="margin-16 boxes">
|
|
||||||
<div class="max-width">
|
|
||||||
<h2>
|
|
||||||
Ваши личные сервисы
|
|
||||||
</h2>
|
|
||||||
<div class="flex-box-wrap flex-wrap jc-sb">
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Электронная почта
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Для семьи или компании с неограниченным количеством почтовых ящиков.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Мессенджер
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Самый приватный мессенджер — это тот, у которого серверная часть находится под вашим контролем. Это делает DeltaChat приватнее Telegram и Signal.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Менеджер паролей
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Пароли больше не нужно запоминать, копировать между устройствами, придумывать или вводить вручную.
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
Bitwarden — надежный менеджер паролей для всех устройств.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Файловое облако
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Nextcloud — приватная
|
|
||||||
и функциональная замена
|
|
||||||
Dropbox и G-drive.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Видеоконференция
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Zoom и Google-meet больше не нужны, когда есть Jitsi-meet. Очень простое и удобное решение для
|
|
||||||
видеоконференций.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Git-репозиторий
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Gitea — отличный аналог Github, который принадлежит Вам,
|
|
||||||
а не Microsoft.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p custom-p">
|
|
||||||
VPN для всех устройств друзей и близких
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Ни один публичный VPN
|
|
||||||
не может быть приватным, если только он не расположен на вашем сервере.
|
|
||||||
OpenConnect
|
|
||||||
— подключайте неограниченное количество устройств.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="top-p">
|
|
||||||
Децентрализованная социальная сеть
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Pleroma — социальная сеть в которой вы решаете, кого заблокировать и что публиковать. Никакой больше рекламы
|
|
||||||
и слежки.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="margin-16 ">
|
|
||||||
<div class="max-width">
|
|
||||||
<h2 class="second">Преимущества</h2>
|
|
||||||
<div class="flex-box-wrap flex-wrap jc-sb">
|
|
||||||
<div class="big-box">
|
|
||||||
<div class="blue-box">
|
|
||||||
<div>
|
|
||||||
<p>
|
|
||||||
Нулевое доверие
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
SelfPrivacy разработан по принципу "нулевого доверия", даже к самим разработчикам SelfPrivacy. Это
|
|
||||||
значит, что Вы — единственный владелец своих данных.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<p>
|
|
||||||
Простота
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Это работает просто. Без консоли, сложных инструкций, мониторинга и привлечения специалистов.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<p>
|
|
||||||
Функционал
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Ваши данные никуда не пропадут благодаря регулярному автоматическому резервному копированию в отдельный
|
|
||||||
дата-центр.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="big-box">
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="img/icons/cd-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Контроль данных
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Почему корпорациям так нужны Ваши данные?
|
|
||||||
Чтобы больше покупали, чтобы Вы голосовали, как им нужно.
|
|
||||||
В SelfPrivacy Ваши данные остаются только у Вас.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="img/icons/shield-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Безопасность
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Открытый код. Вознаграждение $2000 за RCE-уязвимость значительно повышает безопасность в сравнении с
|
|
||||||
обычными self-hosted решениями.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="big-box">
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="img/icons/list-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Без лицензионных соглашений
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Что написано в лицензионных соглашениях, которые Вы принимаете, не читая?
|
|
||||||
Там написано, что с Вашими данными можно делать что угодно.
|
|
||||||
В SelfPrivacy нет лицензионных соглашений.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="img/icons/like-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Экономия времени, денег и сил
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Как сэкономить $500 или две недели жизни?
|
|
||||||
Столько понадобится времени и денег специалисту, чтобы настроить все самому с нуля?
|
|
||||||
<br><br>
|
|
||||||
Команда SelfPrivacy непрерывно работает, чтобы ускорить и упростить этот процесс до нескольких кликов.
|
|
||||||
<br><br>
|
|
||||||
Теперь создание личного дата-центра под силу любому желающему.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="big-box">
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="img/icons/ind-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Независимость
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Ваши коммуникации в интернете не зависят от Google, Facebook, Amazon и прочих мегакорпораций.
|
|
||||||
<br><br>
|
|
||||||
Ваши сервисы — Ваши правила!
|
|
||||||
Вас не заблокируют, не отключат, случайно или по какой-либо другой причине. Ваша инфраструктура и данные
|
|
||||||
всегда останутся с Вами.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="text-image-box">
|
|
||||||
<img src="img/icons/eye-icon.png" alt="icon">
|
|
||||||
|
|
||||||
<p class="top-p">
|
|
||||||
Приватность
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p class="bottom-p">
|
|
||||||
Без регистрации, куков, телеметрии, логов, гугл аналитики и облаков.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<a href="https://t.me/selfprivacy">
|
|
||||||
<img src="img/logos/telegram.svg" alt="Telegram">
|
|
||||||
</a>
|
|
||||||
<a href="https://git.selfprivacy.org">
|
|
||||||
<img src="img/logos/git-blue.svg" alt="Git">
|
|
||||||
</a>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
10
layouts/_default/baseof.html
Normal file
10
layouts/_default/baseof.html
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
{{ partial "head.html" . }}
|
||||||
|
<body>
|
||||||
|
{{ partial "header.html" . }}
|
||||||
|
{{ block "main" . }}
|
||||||
|
{{ end }}
|
||||||
|
{{ partial "footer.html" . }}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
3
layouts/_default/index.html
Normal file
3
layouts/_default/index.html
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
{{ .Content }}
|
||||||
|
{{ end }}
|
||||||
3
layouts/_default/single.html
Normal file
3
layouts/_default/single.html
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
{{ .Content }}
|
||||||
|
{{ end }}
|
||||||
8
layouts/partials/footer.html
Normal file
8
layouts/partials/footer.html
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
<footer>
|
||||||
|
<a href="https://t.me/selfprivacy">
|
||||||
|
<img src="/images/logos/telegram.svg" alt="Telegram">
|
||||||
|
</a>
|
||||||
|
<a href="https://git.selfprivacy.org">
|
||||||
|
<img src="/images/logos/git-blue.svg" alt="Git">
|
||||||
|
</a>
|
||||||
|
</footer>
|
||||||
13
layouts/partials/head.html
Normal file
13
layouts/partials/head.html
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>{{ block "title" . }}
|
||||||
|
{{ .Title }}
|
||||||
|
{{ end }}</title>
|
||||||
|
{{ template "_internal/opengraph.html" . }}
|
||||||
|
{{ template "_internal/twitter_cards.html" . }}
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="/fonts/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" />
|
||||||
|
</head>
|
||||||
28
layouts/partials/header.html
Normal file
28
layouts/partials/header.html
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
<div class="nav">
|
||||||
|
<div class="flex-box-wrap max-width">
|
||||||
|
<div class="w-25">
|
||||||
|
<a href="{{ .Site.BaseURL | absLangURL }}">
|
||||||
|
<div class="nav-logo-box">
|
||||||
|
<img src="/images/logos/self-privacy.png" alt="SelfPrivacy">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</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">
|
||||||
|
{{ range .Translations }}
|
||||||
|
<a class="lang-link" href="{{ .Permalink }}">{{ .Lang }}</a>
|
||||||
|
{{ end }}
|
||||||
|
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
|
||||||
|
<img src="/images/logos/git-yellow.svg" alt="Git">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
371
second.html
371
second.html
|
|
@ -1,371 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html class="no-js" lang="ru">
|
|
||||||
|
|
||||||
<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="">
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<div class="nav">
|
|
||||||
<div class="flex-box-wrap max-width">
|
|
||||||
<div class="w-25">
|
|
||||||
<a href="index.html">
|
|
||||||
<div class="nav-logo-box">
|
|
||||||
<img src="img/logos/self-privacy.png" alt="SelfPrivacy">
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</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="lang-link" href="en/second.html">en</a>
|
|
||||||
<!-- <a href="https://selfprivacy.org/">ru</a> -->
|
|
||||||
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
|
|
||||||
<img src="img/logos/git-yellow.svg" alt="Git">
|
|
||||||
</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 требует много учётных записей. Если всё держать в одном
|
|
||||||
месте,
|
|
||||||
получаем то, от чего бежали — все данные у одной компании. 🤦♀️
|
|
||||||
</p>
|
|
||||||
<p class="bottom-p">
|
|
||||||
Поэтому разные части системы будут в разных местах. Регистрируемся:
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="https://www.hetzner.com/">Hetzner </a>— хостинг виртуального сервера. Здесь
|
|
||||||
будут жить наши данные и сервисы SelfPrivacy.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://www.namecheap.com/">NameCheap</a> или любой другой
|
|
||||||
регистратор, для покупки личного адреса в интернете — домена, который будет указывать на сервер.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://cloudflare.com">CloudFlare </a>— DNS сервер, где работает Ваш
|
|
||||||
домен.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://www.backblaze.com/">Backblaze
|
|
||||||
</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/screencasts/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/screencasts/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/screencasts/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> — это почти то же самое, что и логин с паролем, только для программы, а не
|
|
||||||
человека.
|
|
||||||
Мобильное приложение SelfPrivacy с их помощью управляет сервисами во всех учётных записях вместо
|
|
||||||
Вас. Удобно!
|
|
||||||
</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>Preferences, Authentication, API
|
|
||||||
Tokens, Sessions.</b> Выбираем <b>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>Далее, у нас <b>Permissions</b>. В первом поле выбираем <b>Zone</b>. Во втором
|
|
||||||
поле, по центру,
|
|
||||||
выбираем <b>DNS</b>. В последнем поле выбираем <b>Edit</b>.</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>Копируем созданный токен, и сохраняем его в надёжном месте (желательно — в <a
|
|
||||||
href="https://keepassxc.org/download/">менеджере паролей</a>).
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<img src="img/screencasts/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>По середине в интерфейсе, нас будет ожидать кнопка <b>GENERATE API TOKEN</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>После этого, появиться окно с Вашим ключём. Записываем его в надёжном месте, или ещё лучше,
|
|
||||||
сохраняем
|
|
||||||
в
|
|
||||||
<a href="https://keepassxc.org/download/">менеджере паролей</a>.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<img src="img/screencasts/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>В левой части интерфейса выбираем <b>App Keys</b> в подкатегории <b>"Account"</b></li>
|
|
||||||
<li>Нажимаем на синюю кнопку <b>Generate New Master Application Key</b></li>
|
|
||||||
<li>Во всплывающем окне подтверждаем генерацию</li>
|
|
||||||
<li>Сохраняем <i>keyID</i> и <i>applicationKey</i> в надёжном месте. Например - в <a
|
|
||||||
href="https://keepassxc.org/download/">менеджере паролей</a> :)</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<img src="img/screencasts/Backblaze.gif" alt="gif">
|
|
||||||
|
|
||||||
<p class="header-p">
|
|
||||||
🎉 Поздравляю! Теперь Вы готовы использовать приватные сервисы.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<a href="https://t.me/selfprivacy">
|
|
||||||
<img src="img/logos/telegram.svg" alt="Telegram">
|
|
||||||
</a>
|
|
||||||
<a href="https://git.selfprivacy.org">
|
|
||||||
<img src="img/logos/git-blue.svg" alt="Git">
|
|
||||||
</a>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
0
css/main.css → static/css/main.css
Executable file → Normal file
0
css/main.css → static/css/main.css
Executable file → Normal file
0
css/normalize.css → static/css/normalize.css
vendored
Executable file → Normal file
0
css/normalize.css → static/css/normalize.css
vendored
Executable file → Normal file
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
BIN
static/images/Illustration.png
Executable file
BIN
static/images/Illustration.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
|
Before Width: | Height: | Size: 189 KiB After Width: | Height: | Size: 189 KiB |
|
Before Width: | Height: | Size: 994 B After Width: | Height: | Size: 994 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 989 B After Width: | Height: | Size: 989 B |
|
Before Width: | Height: | Size: 1,023 B After Width: | Height: | Size: 1,023 B |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue