mirror of
https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git
synced 2024-11-18 06:39:16 +00:00
Merge pull request 'Switch to Hugo' (#2) from alya/selfprivacy.org:hugo into master
Reviewed-on: https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org/pulls/2
This commit is contained in:
Inex Code
commit
d25f1f8839
7
.gitignore
vendored
Executable file → Normal file
7
.gitignore
vendored
Executable file → Normal file
|
|
@ -1,2 +1,5 @@
|
|||
.idea/
|
||||
.DS_Store
|
||||
public/
|
||||
resources/
|
||||
vid/
|
||||
.well-known/
|
||||
.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