inex
/
selfprivacy.org
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Website refactoring

master
Inex Code 2021-11-10 16:09:41 +03:00
parent 4dd47509b9
commit b597ce807f
63 changed files with 150 additions and 231 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
css/main.css
View File

@ -208,15 +208,6 @@ textarea {
text-decoration: underline;
}
.git-link {
color: white;
}
.git-link:visited {
color: white;
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
@ -356,6 +347,7 @@ textarea {
.nav-yellow-link img {
width: 100%;
height: auto;
fill: #1D2934;
}
.w-25 {
@ -499,6 +491,15 @@ body {
width: 100%;
}
.git-link {
color: white;
}
.git-link:visited {
color: white;
text-decoration: underline;
}
.header-p {
font-family: "Inter", sans-serif;
font-style: normal;
@ -646,18 +647,21 @@ h2:last-of-type {
}
footer {
height: 40px;
height: 64px;
background: #1D2934;
display: flex;
justify-content: center;
}
footer a img {
margin: 10px 2px;
width: 32px;
height: auto;
margin: 0 8px;
}
footer a {
display: block;
display: flex;
align-items: center;
}
@media (min-width: 768px) {

BIN
en/img/screenshot1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 239 KiB

BIN
en/img/screenshot2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 325 KiB

BIN
en/img/screenshot4.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 230 KiB

BIN
en/img/screenshot5.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 175 KiB

99
en/index.html
View File

@ -1,39 +1,46 @@
<!doctype html>
<html class="no-js" lang="">
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<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">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="../font/stylesheet.css">
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/main.css">
<link rel="icon" type="image/png" href="../favicon.png" />
<!-- 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>
<!-- Add your site or application content here -->
<div class="nav">
<div class="flex-box-wrap max-width">
<div class="w-25">
<div class="nav-logo-box">
<img src="../img/Logo.png" href="./index.html" alt="">
</div>
<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>
@ -44,13 +51,13 @@
</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="https://selfprivacy.org/">ru</a>
<!-- <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://social.selfprivacy.org">
<img src="../img/Twitter%20Logo.svg" alt="">
<img src="../img/logos/fediverse-yellow.svg" alt="Fediverse">
</a>
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
<img src="../img/Vector.svg" alt="">
<img src="../img/logos/git-yellow.svg" alt="Git">
</a>
</div>
</div>
@ -75,21 +82,19 @@
</p>
<div class="img-box-slider">
<div class="side-screens">
<img src="img/screenshot1.jpg" alt="img">
<img src="../img/screenshots/1-en.png" alt="Digital independence, available to all of us">
</div>
<div>
<img src="img/screenshot2.jpg" alt="img">
<img src="../img/screenshots/2-en.png" alt="SelfPrivacy — it's not a cloud, but your personal datacenter">
</div>
<div>
<video autoplay loop width=100%>
<source src="https://selfprivacy.org/img/SFPresentation.mp4" type=video/mp4>
</video>
<img src="../img/screenshots/3-en.png" alt="Services of SelfPrivacy">
</div>
<div>
<img src="img/screenshot4.jpg" alt="img">
<img src="../img/screenshots/4-en.png" alt="Connecting a server to SelfPrivacy">
</div>
<div class="side-screens">
<img src="img/screenshot5.jpg" alt="img">
<img src="../img/screenshots/5-en.png" alt="Your datacenter">
</div>
</div>
</div>
@ -98,7 +103,7 @@
<a class="download-btn" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/">Get it on F-Droid</a>
<a class="download-btn color-grey" href="second.html">Detailed manual</a>
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Project source in the
git-repo</a><br />http://git.selfprivacy.org</p>
git-repo<br />git.selfprivacy.org</a></p>
</div>
</div>
</div>
@ -250,7 +255,7 @@
<div class="big-box">
<div class="text-image-box">
<img src="../img/cd-icon.png" alt="icon">
<img src="../img/icons/cd-icon.png" alt="icon">
<p class="top-p">
Data control
@ -264,7 +269,7 @@
</div>
<div class="text-image-box">
<img src="../img/shield-icon.png" alt="icon">
<img src="../img/icons/shield-icon.png" alt="icon">
<p class="top-p">
Security
@ -281,7 +286,7 @@
<div class="big-box">
<div class="text-image-box">
<img src="../img/list-icon.png" alt="icon">
<img src="../img/icons/list-icon.png" alt="icon">
<p class="top-p">
No license agreements
@ -296,7 +301,7 @@
<div class="text-image-box">
<img src="../img/like-icon.png" alt="icon">
<img src="../img/icons/like-icon.png" alt="icon">
<p class="top-p">
Save&nbsp;your time&nbsp;and&nbsp;money
@ -317,7 +322,7 @@
<div class="big-box">
<div class="text-image-box">
<img src="../img/ind-icon.png" alt="icon">
<img src="../img/icons/ind-icon.png" alt="icon">
<p class="top-p">
Independency
@ -335,7 +340,7 @@
<div class="text-image-box">
<img src="../img/eye-icon.png" alt="icon">
<img src="../img/icons/eye-icon.png" alt="icon">
<p class="top-p">
Privacy
@ -356,31 +361,15 @@
<footer>
<a href="https://social.selfprivacy.org">
<img src="../img/Twitter-Logo.svg" alt="">
<img src="../img/logos/fediverse-blue.svg" alt="Fediverse">
</a>
<a href="https://t.me/selfprivacy">
<img src="img/Telegram%20Logo.svg" alt="">
<img src="../img/logos/telegram.svg" alt="Telegram">
</a>
<a href="https://git.selfprivacy.org">
<img src="../img/GitHub%20Logo.svg" alt="">
<img src="../img/logos/git-blue.svg" alt="Git">
</a>
</footer>
<!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
-->
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<!--<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>-->
</body>
</html>

72
en/second.html
View File

@ -1,5 +1,5 @@
<!doctype html>
<html class="no-js" lang="">
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
@ -12,7 +12,6 @@
<meta property="og:url" content="">
<meta property="og:image" content="">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="../font/stylesheet.css">
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/main.css">
@ -22,17 +21,14 @@
</head>
<body>
<!-- Add your site or application content here -->
<div class="nav">
<div class="flex-box-wrap max-width">
<div class="w-25">
<div class="nav-logo-box">
<img src="../img/Logo.png" alt="">
</div>
<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>
@ -43,13 +39,13 @@
</div>
<div class="w-25">
<div class="flex-box-wrap jc-fe">
<a href="https://selfprivacy.org/en/index.html">en</a>
<a href="https://selfprivacy.org/">ru</a>
<!-- <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://social.selfprivacy.org">
<img src="../img/Twitter%20Logo.svg" alt="">
<img src="../img/logos/fediverse-yellow.svg" alt="Fediverse">
</a>
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
<img src="../img/Vector.svg" alt="">
<img src="../img/logos/git-yellow.svg" alt="Git">
</a>
</div>
</div>
@ -189,9 +185,7 @@
Enabled 2FA? Then let's proceed to the most interesting part!
</p>
<div class="blue-border-img">
<img src="../img/nc-buy-domain.gif" alt="gif">
<img src="../img/screencasts/nc-buy-domain.gif" alt="gif">
</div>
<p class="bottom-p pb-25">
@ -235,7 +229,7 @@
</p>
<div class="blue-border-img">
<img src="../img/add-domain-to-cf.gif" alt="gif">
<img src="../img/screencasts/add-domain-to-cf.gif" alt="gif">
</div>
<p class="bottom-p">
@ -246,7 +240,7 @@
</p>
<div class="blue-border-img">
<img src="../img/nc-to-cf.gif" alt="gif">
<img src="../img/screencasts/nc-to-cf.gif" alt="gif">
</div>
<p class="bottom-p">
@ -310,27 +304,29 @@
<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>
<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>
<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/CloudFlare.gif" alt="gif">
<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
<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
@ -356,7 +352,7 @@
</li>
</ul>
<img src="../img/Hetzner.gif" alt="gif">
<img src="../img/screencasts/Hetzner.gif" alt="gif">
<p class="header-p">
Backblaze B2
@ -374,46 +370,26 @@
</li>
</ul>
<img src="../img/Backblaze.GIF" alt="gif">
<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://social.selfprivacy.org">
<img src="img/Twitter-Logo.svg" alt="">
<img src="../img/logos/fediverse-blue.svg" alt="Fediverse">
</a>
<a href="https://t.me/selfprivacy">
<img src="img/Telegram%20Logo.svg" alt="">
<img src="../img/logos/telegram.svg" alt="Telegram">
</a>
<a href="https://git.selfprivacy.org">
<img src="img/GitHub%20Logo.svg" alt="">
<img src="../img/logos/git-blue.svg" alt="Git">
</a>
</footer>
<!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
-->
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<!--<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>-->
</body>
</html>

BIN
favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 766 B

0
img/.gitignore vendored
View File

BIN
img/AWS.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 MiB

BIN
img/Burger Menu.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 174 B

BIN
img/GitHub-Logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 699 B

BIN
img/GitHubLogo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 664 B

BIN
img/SFPresentation.mp4
View File

Binary file not shown.

BIN
img/Server.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 48 MiB

BIN
img/Telegram-Logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 940 B

BIN
img/TelegramLogo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 665 B

BIN
img/Twitter Logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
img/Twitter-Logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
img/TwitterLogo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 665 B

BIN
img/Vector-1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 872 B

BIN
img/Vector-2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 940 B

BIN
img/Vector-3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 123 B

BIN
img/Vector.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 643 B

0
img/cd-icon.png → img/icons/cd-icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 994 B

After

Width:  |  Height:  |  Size: 994 B

0
img/eye-icon.png → img/icons/eye-icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
img/ind-icon.png → img/icons/ind-icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 989 B

After

Width:  |  Height:  |  Size: 989 B

0
img/like-icon.png → img/icons/like-icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1023 B

After

Width:  |  Height:  |  Size: 1023 B

0
img/list-icon.png → img/icons/list-icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
img/shield-icon.png → img/icons/shield-icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1005 B

After

Width:  |  Height:  |  Size: 1005 B

0
img/Twitter-Logo.svg → img/logos/fediverse-blue.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

0
img/Twitter Logo.svg → img/logos/fediverse-yellow.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

0
img/GitHub Logo.svg → img/logos/git-blue.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

0
img/Vector.svg → img/logos/git-yellow.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
img/Logo.png → img/logos/self-privacy.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

0
img/Telegram-Logo.svg → img/logos/telegram.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/nc-buy-domain-1.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 MiB

0
img/Backblaze.GIF → img/screencasts/Backblaze.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 2.1 MiB

0
img/CloudFlare.gif → img/screencasts/CloudFlare.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 MiB

After

Width:  |  Height:  |  Size: 2.6 MiB

0
img/Hetzner.gif → img/screencasts/Hetzner.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 MiB

After

Width:  |  Height:  |  Size: 3.3 MiB

0
img/add-domain-to-cf.gif → img/screencasts/add-domain-to-cf.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

0
img/nc-buy-domain.gif → img/screencasts/nc-buy-domain.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

0
img/nc-to-cf.gif → img/screencasts/nc-to-cf.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
img/screenshot1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 180 KiB

BIN
img/screenshot2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 195 KiB

BIN
img/screenshot4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 170 KiB

BIN
img/screenshot5.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 103 KiB

BIN
img/screenshots/1-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 168 KiB

BIN
img/screenshots/1-ru.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 176 KiB

BIN
img/screenshots/2-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

BIN
img/screenshots/2-ru.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

BIN
img/screenshots/3-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
img/screenshots/3-ru.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
img/screenshots/4-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
img/screenshots/4-ru.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
img/screenshots/5-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
img/screenshots/5-ru.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

112
index.html
View File

@ -1,10 +1,12 @@
<!doctype html>
<html class="no-js" lang="">
<html class="no-js" lang="ru">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<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="">
@ -12,28 +14,37 @@
<meta property="og:url" content="">
<meta property="og:image" content="">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="font/stylesheet.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="icon" type="image/png" href="favicon.png" />
<!-- 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>
<!-- Add your site or application content here -->
<div class="nav">
<div class="flex-box-wrap max-width">
<div class="w-25">
<div class="nav-logo-box">
<img src="img/Logo.png" alt="">
</div>
<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>
@ -44,13 +55,13 @@
</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="https://selfprivacy.org/">ru</a>
<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://social.selfprivacy.org">
<img src="img/Twitter%20Logo.svg" alt="">
<img src="img/logos/fediverse-yellow.svg" alt="Fediverse">
</a>
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
<img src="img/Vector.svg" alt="">
<img src="img/logos/git-yellow.svg" alt="Git">
</a>
</div>
</div>
@ -75,21 +86,19 @@
</p>
<div class="img-box-slider">
<div class="side-screens">
<img src="img/screenshot1.png" alt="img">
<img src="img/screenshots/1-ru.png" alt="Цифровая независимость доступна кажому">
</div>
<div>
<img src="img/screenshot2.png" alt="img">
<img src="img/screenshots/2-ru.png" alt="SelfPrivacy — это не облако, а Ваш личный дата-центр">
</div>
<div>
<video autoplay loop width=100%>
<source src="https://selfprivacy.org/img/SFPresentation.mp4" type=video/mp4>
</video>
<img src="img/screenshots/3-ru.png" alt="Сервисы SelfPrivacy">
</div>
<div>
<img src="img/screenshot4.png" alt="img">
<img src="img/screenshots/4-ru.png" alt="Подключение сервера">
</div>
<div class="side-screens">
<img src="img/screenshot5.png" alt="img">
<img src="img/screenshots/5-ru.png" alt="Обзор дата-центра">
</div>
</div>
</div>
@ -99,11 +108,10 @@
(Alpha)</a>
<a class="download-btn color-grey" href="second.html">Подробная инструкция</a>
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Открытый код в
git-репозитории</a><br />http://git.selfprivacy.org</p>
git-репозитории<br />git.selfprivacy.org</a></p>
</div>
</div>
</div>
</div>
@ -123,11 +131,6 @@
</p>
</div>
<!--Comment1-->
<div class="text-box">
<p class="top-p">
Мессенджер
@ -139,7 +142,6 @@
</p>
</div>
<div class="text-box">
<p class="top-p">
Менеджер паролей
@ -205,9 +207,6 @@
и слежки.
</p>
</div>
</div>
</div>
</div>
@ -217,12 +216,8 @@
<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>
Нулевое доверие
@ -251,15 +246,13 @@
дата-центр.
</p>
</div>
</div>
</div>
<div class="big-box">
<div class="text-image-box">
<img src="img/cd-icon.png" alt="icon">
<img src="img/icons/cd-icon.png" alt="icon">
<p class="top-p">
Контроль данных
@ -273,7 +266,7 @@
</div>
<div class="text-image-box">
<img src="img/shield-icon.png" alt="icon">
<img src="img/icons/shield-icon.png" alt="icon">
<p class="top-p">
Безопасность
@ -290,7 +283,7 @@
<div class="big-box">
<div class="text-image-box">
<img src="img/list-icon.png" alt="icon">
<img src="img/icons/list-icon.png" alt="icon">
<p class="top-p">
Без лицензионных соглашений
@ -305,7 +298,7 @@
<div class="text-image-box">
<img src="img/like-icon.png" alt="icon">
<img src="img/icons/like-icon.png" alt="icon">
<p class="top-p">
Экономия&nbsp;времени, денег&nbsp;и&nbsp;сил
@ -326,7 +319,7 @@
<div class="big-box">
<div class="text-image-box">
<img src="img/ind-icon.png" alt="icon">
<img src="img/icons/ind-icon.png" alt="icon">
<p class="top-p">
Независимость
@ -344,7 +337,7 @@
<div class="text-image-box">
<img src="img/eye-icon.png" alt="icon">
<img src="img/icons/eye-icon.png" alt="icon">
<p class="top-p">
Приватность
@ -354,10 +347,7 @@
Без регистрации, куков, телеметрии, логов, гугл аналитики и облаков.
</p>
</div>
</div>
</div>
</div>
</div>
@ -365,31 +355,15 @@
<footer>
<a href="https://social.selfprivacy.org">
<img src="/img/Twitter-Logo.svg" alt="">
<img src="img/logos/fediverse-blue.svg" alt="Fediverse">
</a>
<a href="https://t.me/selfprivacy">
<img src="/img/Telegram%20Logo.svg" alt="">
<img src="img/logos/telegram.svg" alt="Telegram">
</a>
<a href="https://git.selfprivacy.org">
<img src="/img/GitHub%20Logo.svg" alt="">
<img src="img/logos/git-blue.svg" alt="Git">
</a>
</footer>
<!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
-->
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<!--<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>-->
</body>
</html>

BIN
screenshot1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 252 KiB

BIN
screenshot2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 301 KiB

BIN
screenshot4.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 247 KiB

BIN
screenshot5.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 201 KiB

70
second.html
View File

@ -1,5 +1,5 @@
<!doctype html>
<html class="no-js" lang="">
<html class="no-js" lang="ru">
<head>
<meta charset="utf-8">
@ -12,7 +12,6 @@
<meta property="og:url" content="">
<meta property="og:image" content="">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="font/stylesheet.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
@ -22,17 +21,14 @@
</head>
<body>
<!-- Add your site or application content here -->
<div class="nav">
<div class="flex-box-wrap max-width">
<div class="w-25">
<div class="nav-logo-box">
<img src="img/Logo.png" alt="">
</div>
<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>
@ -43,13 +39,13 @@
</div>
<div class="w-25">
<div class="flex-box-wrap jc-fe">
<a href="https://selfprivacy.org/en/index.html">en</a>
<a href="https://selfprivacy.org/">ru</a>
<a class="lang-link" href="en/second.html">en</a>
<!-- <a href="https://selfprivacy.org/">ru</a> -->
<a class="nav-yellow-link" href="https://social.selfprivacy.org">
<img src="img/Twitter%20Logo.svg" alt="">
<img src="img/logos/fediverse-yellow.svg" alt="Fediverse">
</a>
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
<img src="img/Vector.svg" alt="">
<img src="img/logos/git-yellow.svg" alt="Git">
</a>
</div>
</div>
@ -186,9 +182,7 @@
Включили второй фактор? Я серьёзно! Тогда переходим к интересному!
</p>
<div class="blue-border-img">
<img src="img/nc-buy-domain.gif" alt="gif">
<img src="img/screencasts/nc-buy-domain.gif" alt="gif">
</div>
<p class="bottom-p pb-25">
@ -226,7 +220,7 @@
</p>
<div class="blue-border-img">
<img src="img/add-domain-to-cf.gif" alt="gif">
<img src="img/screencasts/add-domain-to-cf.gif" alt="gif">
</div>
<p class="bottom-p">
@ -237,7 +231,7 @@
</p>
<div class="blue-border-img">
<img src="img/nc-to-cf.gif" alt="gif">
<img src="img/screencasts/nc-to-cf.gif" alt="gif">
</div>
<p class="bottom-p">
@ -312,7 +306,7 @@
</li>
</ul>
<img src="img/CloudFlare.gif" alt="gif">
<img src="img/screencasts/CloudFlare.gif" alt="gif">
<p class="header-p">
Hetzner
@ -334,20 +328,22 @@
<b>Read & Write</b>.
</li>
<li>Нажимаем <b>GENERATE API TOKEN</b>.</li>
<li>После этого, появиться окно с Вашим ключём. Записываем его в надёжном месте, или ещё лучше, сохраняем
<li>После этого, появиться окно с Вашим ключём. Записываем его в надёжном месте, или ещё лучше,
сохраняем
в
<a href="https://keepassxc.org/download/">менеджере паролей</a>.
</li>
</ul>
<img src="img/Hetzner.gif" alt="gif">
<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>Переходим по <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>
@ -356,46 +352,26 @@
href="https://keepassxc.org/download/">менеджере паролей</a> :)</li>
</ul>
<img src="img/Backblaze.GIF" alt="gif">
<img src="img/screencasts/Backblaze.gif" alt="gif">
<p class="header-p">
🎉 Поздравляю! Теперь Вы готовы использовать приватные сервисы.
</p>
</div>
</div>
</div>
<footer>
<a href="https://social.selfprivacy.org">
<img src="img/Twitter-Logo.svg" alt="">
<img src="img/logos/fediverse-blue.svg" alt="Fediverse">
</a>
<a href="https://t.me/selfprivacy">
<img src="img/Telegram%20Logo.svg" alt="">
<img src="img/logos/telegram.svg" alt="Telegram">
</a>
<a href="https://git.selfprivacy.org">
<img src="img/GitHub%20Logo.svg" alt="">
<img src="img/logos/git-blue.svg" alt="Git">
</a>
</footer>
<!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
-->
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<!--<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>-->
</body>
</html>