Added deployment manual

master
Illia Chub 2021-03-09 17:13:27 +02:00
parent ecd29c184c
commit aebf15480b
22 changed files with 493 additions and 25 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

View File

@ -428,14 +428,116 @@ body {
margin-top: 16px !important;
}
.text-box {
.text-box, .blue-border {
border: 1px solid #1ED9E7;
border-radius: 25px;
margin-bottom: 60px;
padding: 0 15px;
}
.without-border {
border: none !important;
}
.install-page-header {
padding-top: 50px;
}
.blue-border ul {
list-style: decimal;
padding-left: 28px;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: normal;
line-height: 136.5%;
color: #FFFFFF;
}
.blue-border ul li {
list-style: decimal;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 136.5%;
color: #FFFFFF;
}
.blue-border a,
.blue-border a:hover,
.blue-border a:active,
.blue-border a:link,
.blue-border a:visited {
color: #1ED9E7;
}
.code-p {
background: #1ED9E7;
color: #1D2934;
padding: 5px;
border-radius: 4px;
}
.blue-border-img {
border: 1px solid #1ED9E7;
border-radius: 25px;
padding: 15px;
max-width: max-content;
margin: 0 auto 30px;
}
.pb-25 {
padding-bottom: 25px !important;
}
.blue-border img {
width: 100%;
}
.blue-border-img img {
width: 100%;
}
.header-p {
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 136.5%;
color: #ffffff;
padding: 10px;
}
.top-header-p {
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 136.5%;
color: #ffffff;
padding: 10px;
text-align: center;
margin-bottom: 24px;
}
.color-blue {
color: #1ED9E7;
}
.blue-border img {
width: 100%;
max-width: 500px;
margin: auto;
display: block;
}
.blue-border .bottom-p {
text-align: left;
}
.top-p {
font-family: "Inter", sans-serif;
font-style: normal;
@ -574,6 +676,18 @@ footer a {
@media (min-width: 992px) {
.top-header-p {
font-size: 28px;
}
.blue-border ul li {
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 136.5%;
color: #ffffff;
}
.margin-16, .hero {
padding: 0 80px;
}

BIN
img/AWS.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
img/CloudFlare.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

10
img/GitHub Logo.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M31.4008 14.5725L17.4292 0.602221C16.6261 -0.20074 15.3185 -0.20074 14.5155 0.602221L11.6141 3.50334L15.2939 7.18281C16.1492 6.89362 17.1276 7.08744 17.8138 7.76734C18.4999 8.4534 18.6937 9.44402 18.3922 10.2993L21.9366 13.8434C22.792 13.548 23.7889 13.7419 24.4688 14.4279C25.4288 15.3878 25.4288 16.9352 24.4688 17.8951C23.5089 18.855 21.9613 18.855 21.0013 17.8951C20.2844 17.1721 20.1029 16.1169 20.4721 15.2309L17.1615 11.9206V20.627C17.3953 20.7409 17.6138 20.8978 17.8076 21.0916C18.7676 22.0514 18.7676 23.5989 17.8076 24.5588C16.8477 25.5186 15.3 25.5186 14.3401 24.5588C13.3801 23.5989 13.3801 22.0514 14.3401 21.0916C14.5739 20.8578 14.8539 20.6762 15.1431 20.5563V11.776C14.8478 11.656 14.577 11.4807 14.3401 11.2407C13.617 10.5177 13.4417 9.45018 13.8109 8.558L10.1803 4.92775L0.602279 14.5079C-0.20076 15.317 -0.20076 16.6184 0.602279 17.4213L14.5739 31.3978C15.377 32.2007 16.6846 32.2007 17.4876 31.3978L31.3977 17.489C32.2008 16.683 32.2008 15.3755 31.4008 14.5725Z" fill="#1ED9E7"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
img/GitHub-Logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 699 B

BIN
img/Hetzner.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

BIN
img/Server.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 MiB

3
img/Telegram Logo.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 5.51262e-08C12.8355 5.51262e-08 9.74207 0.938383 7.11088 2.69649C4.4797 4.45459 2.42894 6.95344 1.21793 9.87706C0.00693254 12.8007 -0.309921 16.0177 0.307443 19.1214C0.924806 22.2251 2.44866 25.0761 4.6863 27.3137C6.92394 29.5513 9.77487 31.0752 12.8786 31.6926C15.9823 32.3099 19.1993 31.9931 22.1229 30.7821C25.0466 29.5711 27.5454 27.5203 29.3035 24.8891C31.0616 22.2579 32 19.1645 32 16C32.0002 13.8988 31.5864 11.8181 30.7824 9.87686C29.9784 7.93557 28.7999 6.17167 27.3141 4.6859C25.8283 3.20013 24.0644 2.02159 22.1231 1.21757C20.1819 0.413559 18.1012 -0.000174366 16 5.51262e-08ZM21.0872 24.2439C21.0273 24.3933 20.9362 24.5281 20.82 24.6393C20.7037 24.7505 20.565 24.8356 20.4132 24.8889C20.2614 24.9422 20.1 24.9623 19.9397 24.9481C19.7794 24.9339 19.6241 24.8855 19.484 24.8063L15.1405 21.4313L12.3528 24.0032C12.2882 24.051 12.2125 24.0817 12.1328 24.0926C12.0531 24.1035 11.972 24.0942 11.8968 24.0655L12.4312 19.284L12.4483 19.2975L12.4593 19.2031C12.4593 19.2031 20.2753 12.0871 20.5937 11.7839C20.916 11.4815 20.8097 11.4159 20.8097 11.4159C20.828 11.0471 20.2312 11.4159 20.2312 11.4159L9.87521 18.0784L5.56242 16.6096C5.56242 16.6096 4.90002 16.372 4.83762 15.8496C4.77202 15.3312 5.58401 15.0496 5.58401 15.0496L22.7312 8.23758C22.7312 8.23758 24.1408 7.60955 24.1408 8.6496L21.0872 24.2439Z" fill="#1ED9E7"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/Telegram-Logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 940 B

BIN
img/Twitter Logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

3
img/Twitter Logo.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5002 0C15.8631 0 14.5337 1.33244 14.5337 2.96644C14.5337 4.60044 15.8662 5.93288 17.5002 5.93288C19.1373 5.93288 20.4666 4.60044 20.4666 2.96644C20.4666 1.33244 19.1373 0 17.5002 0ZM14.0352 3.53881C14.1552 4.27118 14.5029 4.92971 15.0014 5.43437L6.43444 9.80095C6.31442 9.06857 5.9667 8.41004 5.46819 7.90538L14.0352 3.53881ZM5.5205 22.9714C5.69898 22.9714 5.87438 22.9837 6.0467 23.0114L4.54194 13.5151C4.06805 13.7552 3.53261 13.8875 2.96641 13.8875C2.78793 13.8875 2.61253 13.8752 2.4402 13.8475L3.94496 23.3438C4.41885 23.1038 4.95429 22.9714 5.5205 22.9714ZM18.8818 18.4818L18.5679 16.497L18.8787 18.4818H18.8818ZM20.0573 25.8948C20.5312 25.6547 21.0666 25.5224 21.6298 25.5224C21.8083 25.5224 21.9837 25.5347 22.156 25.5624L20.4297 14.7399L20.445 14.7553L20.4297 14.6568L18.2233 14.3121L20.0573 25.8948ZM17.5002 6.48062C18.0664 6.48062 18.6018 6.3483 19.0757 6.10828L19.9312 11.5119L17.7248 11.1672L16.9739 6.44062C17.1463 6.46831 17.3217 6.48062 17.5002 6.48062ZM6.09295 23.0176C6.82532 23.1376 7.48077 23.4853 7.98851 23.9838L10.1703 19.7004L8.58549 18.1217L6.09295 23.0176ZM25.5687 15.0722C25.6887 15.8046 26.0364 16.4631 26.5349 16.9678L21.636 19.4634L21.2883 17.254L25.5687 15.0722ZM18.6664 20.9774L18.7926 20.9128L18.4449 18.7033L18.368 18.7433L18.3833 18.7464L12.712 21.6236L8.01619 24.0177C8.5147 24.5224 8.86242 25.1809 8.98243 25.9133L12.3766 24.1839L18.6603 20.9743L18.6664 20.9774ZM16.6292 22.5283L20.0142 25.9163C19.371 26.2518 18.8448 26.778 18.5125 27.4211L14.6383 23.5469L16.6292 22.5283ZM6.44057 9.8471C6.46519 10.0194 6.48057 10.1948 6.48057 10.3733C6.48057 10.9395 6.34517 11.4749 6.10823 11.9488L10.8318 12.6966L11.8472 10.7056L6.44057 9.8471ZM14.3645 20.2666L12.3704 21.279L4.58199 13.4936C5.22513 13.1582 5.75134 12.632 6.08675 11.9888L14.3645 20.2666ZM14.5738 13.2874L14.5799 13.2782L25.5625 15.0291C25.5378 14.8568 25.5225 14.6814 25.5225 14.5029C25.5225 13.9367 25.6579 13.4013 25.8948 12.9274L15.5585 11.2996L15.5708 11.2934L14.9984 11.2011L13.9829 13.192L14.5738 13.2874ZM11.6164 16.8601L10.0347 15.2815L15.0352 5.46822C15.543 5.96673 16.1984 6.31445 16.9308 6.43447L16.2107 7.84691L12.355 15.3707L11.6164 16.8601ZM22.2021 25.5686C22.9344 25.6886 23.5899 26.0363 24.0976 26.5349L28.4642 17.9679C27.7318 17.8479 27.0764 17.5001 26.5686 17.0016L22.2021 25.5686ZM25.9164 12.8874L19.1157 6.08674C19.7589 5.75133 20.2851 5.22512 20.6205 4.58198L27.4211 11.3826C26.778 11.7181 26.2518 12.2443 25.9164 12.8874ZM8.99465 25.9563C9.01926 26.1287 9.03465 26.3041 9.03465 26.4825C9.03465 27.0488 8.89925 27.5842 8.66231 28.0581L18.1555 29.5628C18.1309 29.3905 18.1155 29.2151 18.1155 29.0366C18.1155 28.4704 18.2509 27.935 18.4879 27.4611L8.99465 25.9563ZM5.93288 10.3733C5.93288 12.0116 4.60476 13.3397 2.96644 13.3397C1.32812 13.3397 0 12.0116 0 10.3733C0 8.73498 1.32812 7.40686 2.96644 7.40686C4.60476 7.40686 5.93288 8.73498 5.93288 10.3733ZM29.0367 11.5334C27.3996 11.5334 26.0702 12.8658 26.0702 14.4999C26.0702 16.1339 27.4027 17.4663 29.0367 17.4663C30.6707 17.4663 32.0032 16.1339 32.0032 14.4999C32.0032 12.8658 30.6707 11.5334 29.0367 11.5334ZM2.55408 26.4825C2.55408 24.8485 3.88344 23.5161 5.52052 23.5161C7.15452 23.5161 8.48696 24.8485 8.48696 26.4825C8.48696 28.1166 7.15452 29.449 5.52052 29.449C3.88651 29.449 2.55408 28.1166 2.55408 26.4825ZM18.6634 29.0336C18.6634 27.3996 19.9927 26.0671 21.6298 26.0671C23.2669 26.0671 24.5962 27.3996 24.5962 29.0336C24.5962 30.6676 23.2638 32 21.6298 32C19.9958 32 18.6634 30.6676 18.6634 29.0336Z" fill="#FFDD00"/>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
img/Twitter-Logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

10
img/Twitter-Logo.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5002 0C15.8631 0 14.5337 1.33244 14.5337 2.96644C14.5337 4.60044 15.8662 5.93288 17.5002 5.93288C19.1373 5.93288 20.4666 4.60044 20.4666 2.96644C20.4666 1.33244 19.1373 0 17.5002 0ZM14.0352 3.53881C14.1552 4.27118 14.5029 4.92971 15.0014 5.43437L6.43444 9.80095C6.31442 9.06857 5.9667 8.41004 5.46819 7.90538L14.0352 3.53881ZM5.5205 22.9714C5.69898 22.9714 5.87438 22.9837 6.0467 23.0114L4.54194 13.5151C4.06805 13.7552 3.53261 13.8875 2.96641 13.8875C2.78793 13.8875 2.61253 13.8752 2.4402 13.8475L3.94496 23.3438C4.41885 23.1038 4.95429 22.9714 5.5205 22.9714ZM18.8818 18.4818L18.5679 16.497L18.8787 18.4818H18.8818ZM20.0573 25.8948C20.5312 25.6547 21.0666 25.5224 21.6298 25.5224C21.8083 25.5224 21.9837 25.5347 22.156 25.5624L20.4297 14.7399L20.445 14.7553L20.4297 14.6568L18.2233 14.3121L20.0573 25.8948ZM17.5002 6.48062C18.0664 6.48062 18.6018 6.3483 19.0757 6.10828L19.9312 11.5119L17.7248 11.1672L16.9739 6.44062C17.1463 6.46831 17.3217 6.48062 17.5002 6.48062ZM6.09295 23.0176C6.82532 23.1376 7.48077 23.4853 7.98851 23.9838L10.1703 19.7004L8.58549 18.1217L6.09295 23.0176ZM25.5687 15.0722C25.6887 15.8046 26.0364 16.4631 26.5349 16.9678L21.636 19.4634L21.2883 17.254L25.5687 15.0722ZM18.6664 20.9774L18.7926 20.9128L18.4449 18.7033L18.368 18.7433L18.3833 18.7464L12.712 21.6236L8.01619 24.0177C8.5147 24.5224 8.86242 25.1809 8.98243 25.9133L12.3766 24.1839L18.6603 20.9743L18.6664 20.9774ZM16.6292 22.5283L20.0142 25.9163C19.371 26.2518 18.8448 26.778 18.5125 27.4211L14.6383 23.5469L16.6292 22.5283ZM6.44057 9.8471C6.46519 10.0194 6.48057 10.1948 6.48057 10.3733C6.48057 10.9395 6.34517 11.4749 6.10823 11.9488L10.8318 12.6966L11.8472 10.7056L6.44057 9.8471ZM14.3645 20.2666L12.3704 21.279L4.58199 13.4936C5.22513 13.1582 5.75134 12.632 6.08675 11.9888L14.3645 20.2666ZM14.5738 13.2874L14.5799 13.2782L25.5625 15.0291C25.5378 14.8568 25.5225 14.6814 25.5225 14.5029C25.5225 13.9367 25.6579 13.4013 25.8948 12.9274L15.5585 11.2996L15.5708 11.2934L14.9984 11.2011L13.9829 13.192L14.5738 13.2874ZM11.6164 16.8601L10.0347 15.2815L15.0352 5.46822C15.543 5.96673 16.1984 6.31445 16.9308 6.43447L16.2107 7.84691L12.355 15.3707L11.6164 16.8601ZM22.2021 25.5686C22.9344 25.6886 23.5899 26.0363 24.0976 26.5349L28.4642 17.9679C27.7318 17.8479 27.0764 17.5001 26.5686 17.0016L22.2021 25.5686ZM25.9164 12.8874L19.1157 6.08674C19.7589 5.75133 20.2851 5.22512 20.6205 4.58198L27.4211 11.3826C26.778 11.7181 26.2518 12.2443 25.9164 12.8874ZM8.99465 25.9563C9.01926 26.1287 9.03465 26.3041 9.03465 26.4825C9.03465 27.0488 8.89925 27.5842 8.66231 28.0581L18.1555 29.5628C18.1309 29.3905 18.1155 29.2151 18.1155 29.0366C18.1155 28.4704 18.2509 27.935 18.4879 27.4611L8.99465 25.9563ZM5.93288 10.3733C5.93288 12.0116 4.60476 13.3397 2.96644 13.3397C1.32812 13.3397 0 12.0116 0 10.3733C0 8.73498 1.32812 7.40686 2.96644 7.40686C4.60476 7.40686 5.93288 8.73498 5.93288 10.3733ZM29.0367 11.5334C27.3996 11.5334 26.0702 12.8658 26.0702 14.4999C26.0702 16.1339 27.4027 17.4663 29.0367 17.4663C30.6707 17.4663 32.0032 16.1339 32.0032 14.4999C32.0032 12.8658 30.6707 11.5334 29.0367 11.5334ZM2.55408 26.4825C2.55408 24.8485 3.88344 23.5161 5.52052 23.5161C7.15452 23.5161 8.48696 24.8485 8.48696 26.4825C8.48696 28.1166 7.15452 29.449 5.52052 29.449C3.88651 29.449 2.55408 28.1166 2.55408 26.4825ZM18.6634 29.0336C18.6634 27.3996 19.9927 26.0671 21.6298 26.0671C23.2669 26.0671 24.5962 27.3996 24.5962 29.0336C24.5962 30.6676 23.2638 32 21.6298 32C19.9958 32 18.6634 30.6676 18.6634 29.0336Z" fill="#1ED9E7"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 780 B

After

Width:  |  Height:  |  Size: 643 B

3
img/Vector.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.4008 14.5725L17.4292 0.602221C16.6261 -0.20074 15.3185 -0.20074 14.5155 0.602221L11.6141 3.50334L15.2939 7.18281C16.1492 6.89362 17.1276 7.08744 17.8138 7.76734C18.4999 8.4534 18.6937 9.44402 18.3922 10.2993L21.9366 13.8434C22.792 13.548 23.7889 13.7419 24.4688 14.4279C25.4288 15.3878 25.4288 16.9352 24.4688 17.8951C23.5089 18.855 21.9613 18.855 21.0013 17.8951C20.2844 17.1721 20.1029 16.1169 20.4721 15.2309L17.1615 11.9206V20.627C17.3953 20.7409 17.6138 20.8978 17.8076 21.0916C18.7676 22.0514 18.7676 23.5989 17.8076 24.5588C16.8477 25.5186 15.3 25.5186 14.3401 24.5588C13.3801 23.5989 13.3801 22.0514 14.3401 21.0916C14.5739 20.8578 14.8539 20.6762 15.1431 20.5563V11.776C14.8478 11.656 14.577 11.4807 14.3401 11.2407C13.617 10.5177 13.4417 9.45018 13.8109 8.558L10.1803 4.92775L0.602279 14.5079C-0.20076 15.317 -0.20076 16.6184 0.602279 17.4213L14.5739 31.3978C15.377 32.2007 16.6846 32.2007 17.4876 31.3978L31.3977 17.489C32.2008 16.683 32.2008 15.3755 31.4008 14.5725Z" fill="#FFDD00"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
img/add-domain-to-cf.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
img/nc-buy-domain-1.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
img/nc-buy-domain.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
img/nc-to-cf.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

View File

@ -27,32 +27,34 @@
<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 class="nav">
<div class="flex-box-wrap max-width">
<div class="w-25">
<div class="nav-logo-box">
<img src="img/Logo.png" alt="">
</div>
</div>
</div>
<div class="w-50">
<div>
<a class="telegram-btn" href="https://t.me/selfprivacy">
Telegram
</a>
<div class="w-50">
<div>
<a class="telegram-btn" href="https://t.me/selfprivacy">
Telegram
</a>
</div>
</div>
</div>
<div class="w-25">
<div class="flex-box-wrap jc-fe">
<a class="nav-yellow-link" href="https://social.selfprivacy.org">
<img src="img/Vector.png" alt="">
</a>
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
<img src="img/Vector-1.png" alt="">
</a>
<div class="w-25">
<div class="flex-box-wrap jc-fe">
<a class="nav-yellow-link" href="https://social.selfprivacy.org">
<img src="img/Twitter%20Logo.svg" alt="">
</a>
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
<img src="img/Vector.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="hero">
@ -350,15 +352,16 @@
</div>
</div>
<footer>
<a href="https://social.selfprivacy.org">
<img src="img/TwitterLogo.png" alt="">
<img src="img/Twitter-Logo.svg" alt="">
</a>
<a href="https://t.me/selfprivacy">
<img src="img/TelegramLogo.png" alt="">
<img src="img/Telegram%20Logo.svg" alt="">
</a>
<a href="https://git.selfprivacy.org">
<img src="img/GitHubLogo.png" alt="">
<img src="img/GitHub%20Logo.svg" alt="">
</a>
</footer>

322
second.html Normal file
View File

@ -0,0 +1,322 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="font/stylesheet.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="icon" type="image/png" href="favicon.png"/>
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!-- Add your site or application content here -->
<div class="nav">
<div class="flex-box-wrap max-width">
<div class="w-25">
<div class="nav-logo-box">
<img src="img/Logo.png" alt="">
</div>
</div>
<div class="w-50">
<div>
<a class="telegram-btn" href="https://t.me/selfprivacy">
Telegram
</a>
</div>
</div>
<div class="w-25">
<div class="flex-box-wrap jc-fe">
<a class="nav-yellow-link" href="https://social.selfprivacy.org">
<img src="img/Twitter%20Logo.svg" alt="">
</a>
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
<img src="img/Vector.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="margin-16 boxes">
<div class="max-width">
<h2 class="install-page-header">
Установка и настройка
</h2>
<div class="blue-border">
<p></p>
<p class="bottom-p">
SelfPrivacy-сервер создается поэтапно в течение часа. Звучит страшно, но уверяю, ученая степень не понадобится. Процесс не сложнее покупки в интернет-магазине.
</p>
<ul>
<li><!--1. -->Поиск паспорта и карты с балансом $10-15 и $5 в месяц</li>
<li><!--2. -->Регистрация учёток</li>
<li><!--3. -->Защита учёток</li>
<li><!--4. -->Покупка домена</li>
<li><!--5. -->Подключение домена к DNS-серверу</li>
<li><!--6. -->🔑 Создание ключей</li>
<li><!--7. -->Установка</li>
<li><!--8. -->Подключение к сервисам 🎉</li>
</ul>
<p class="bottom-p">
Если кому-нибудь поручите эту задачу — лишитесь приватности. Для 100% независимости и контроля всё делать самому.
</p>
</div>
<div class="blue-border">
<p class="top-p">
Регистрация учёток
</p>
<p class="bottom-p">
SelfPrivacy для устойчивости и приватности требует много учёток. Если всё держать в Google или Amazon получаем то, от чего бежали — все данные у одной компании 🤦‍♀️
</p>
<p class="bottom-p">
Поэтому разные части системы будут в разных компаниях. Регистрируемся:
</p>
<ul>
<li>
<a href="https://accounts.hetzner.com/signUp">Hetzner </a>— хостинг виртуального сервера. Здесь будут жить наши данные и SelfPrivacy-сервисы.
</li>
<li>
<a href="https://www.namecheap.com/myaccount/signup/">NameCheap</a> или любой другой регистратор, для покупки личного адреса в интернете — домена, который будет указывать на сервер.
</li>
<li>
<a href="https://dash.cloudflare.com/sign-up">CloudFlare </a>— DNS-сервер, где работает ваш домен.
</li>
<li>
<a href="https://portal.aws.amazon.com/gp/aws/developer/registration/index.html?nc2=h_ct&src=default">Amazon AWS </a>— IaaS-провайдер, для бесплатного хранения резервных копии ваших данных в зашифрованном виде.
</li>
</ul>
<p class="bottom-p">
Регистрация заурядна, но иногда проверка аккаунта длится несколько дней или требуют дополнительных документов. Поэтому используйте настоящие документы и заполняйте все аккуратно. Провайдеры так защищаются от спамеров, ничего личного )
</p>
</div>
<div class="blue-border">
<p class="top-p">
Защита учёток
</p>
<p class="bottom-p">
Взламывают системы через самое слабое звено. Чтобы учётки не были таким звеном, пароли на всех аккаунтах делаем разные и сложные. MamaMilaRamu как ни странно плохой пароль, а отличные 🌈 — это парольная фраза:
</p>
<p class="code-p">
expert repose postwar anytime glimpse freestyle liability effects
</p>
<p class="bottom-p">или</p>
<p class="code-p">
}Rj;EtG:,M!bc4/|
</p>
<p class="bottom-p">
Как такой пароль запомнить? Никак! Пароли не нужно запоминать, их надо создавать и хранить в <a href="https://keepassxc.org/download/">менеджере паролей</a>. Хотя один помнить придется — пароль от менеджера паролей.
</p>
<p class="bottom-p">
Обязательно включите дополнительную защиту аккаунтов. Называется второй фактор (MFA, 2FA). Без этого простого шага ваши данные не будут в безопасности.
</p>
<p class="bottom-p">
Я знаю, было сложно, но теперь вы защищены лучше, чем у 95%. Можете собой гордится! Я вот вами горжусь 🤗
</p>
</div>
<h2>
Покупка домена
</h2>
<p class="top-header-p">
Включили второй фактор? Я серьезно! Тогда переходим к интересному!
</p>
<div class="blue-border-img">
<img src="img/nc-buy-domain.gif" alt="gif">
</div>
<p class="bottom-p pb-25">
<i>Домен</i> — это кусочек интернета, которому вы даете имя. Простор для творчества огромен, у вас есть 63 символа + .com .org .icu и еще несколько сотен доменов после точки. Можно просто по фамилии выбрать ivanov.live или ivanov.health, а можно что-то творческое shit-happens.shop
</p>
<div class="blue-border">
<p class="top-p">
Рекомендации
</p>
<ul>
<li>Обязательно смотреть на цену ежегодного продления, она может в разы превышать стоимость покупки.</li>
<li>Нормальная цена домена $8-10 в год. Самые дешевые — китайские .icu и .cyou — $4-6.</li>
<li>Хорошее имя удобно и по телефону диктовать и на деловой визитке писать.</li>
<li>Фамилия в домене хороша тем, что можно раздать почту всем однофамильцам, типа: name.secondname@surname.com или ns@surname.com или name@surname.com</li>
<li>При регистрации домена обязательно указывать реальные почту и телефон, иначе регистрацию могут аннулировать. И если вы не сможете продлить домен, у вас все сломается.</li>
<li>Я уже говорил про второй фактор?</li>
</ul>
</div>
<p class="top-header-p">
Подключение домена к DNS-серверу
</p>
<p class="bottom-p">
После покупки домен добавляем в CloudFlare:
</p>
<div class="blue-border-img">
<img src="img/add-domain-to-cf.gif" alt="gif">
</div>
<p class="bottom-p">
На примере домена <span class="color-blue">ruleit.stream</span> мы выбрали бесплатный тариф и получили серверы имен: <span class="color-blue">gail.ns.cloudflare.com</span> и <span class="color-blue">mattns.cloudflare.com</span>, которые надо прописать у своего регистратора. В нашем случае <span class="color-blue">NameCheap:</span>
</p>
<div class="blue-border-img">
<img src="img/nc-to-cf.gif" alt="gif">
</div>
<p class="bottom-p">
Заодно проверяем, что у нас включено автопродление и защита персональных данных — <span class="color-blue">WhoisGuard</span>. Через несколько минут или в худшем случае до 2-ух суток настройки применятся.
</p>
<h2>
🔑 Создание ключей
</h2>
<div class="blue-border">
<p class="top-p">
API-ключи
</p>
<p class="bottom-p">
<i>API-ключи</i> — это почти тоже самое, что и логин с паролем, только для программы, а не человека. SelfPivacy-manager с их помощью управляет сервисами во всех учётках вместо вас. Удобно!
</p>
<p class="bottom-p">
Ключи хранить в <a href="https://keepassxc.org/download/">менеджере паролей</a>
</p>
<p class="bottom-p">
Для NameCheap нам ключ не нужен, мы уже все сделали. А домен будет управляться в CloudFlare.
</p>
<p class="header-p">
CloudFlare
</p>
<ul>
<li>Переходим по <a href="https://dash.cloudflare.com/">ссылке</a></li>
<li>В правом углу, кликаем на иконку профиля(человечек в кружочке). Для мобильной версии сайта, в верхнем левом углу, нажимаем кнопку <b>Меню</b> (три горизонтальных полоски), В выпавшем меню, ищем пункт <b>My Profile</b></li>
<li>Нам предлагается на выбор, четыре категории настройки: <b>Communication, Authentication, API Tokens, Session. Выбираем API Tokens.</b></li>
<li>Самым первым пунктом видим кнопку <b>Create Token</b>. С полной уверенностью в себе и желанием обрести приватность, нажимаем на неё.</li>
<li>Спускаемся в самый низ и видим поле <b>Create Custom Token</b> и кнопку <b>Get Started</b> с правой стороны. Нажимаем.</li>
<li>В поле <b>Token Name</b> даём своему токену имя. Можете покреативить и отнестись к этому как к наименованию домашнего зверька :)</li>
<li>Далее, у нас Permissions. В крайнем левом поле выбираем Zone. В самом длинном поле, по центру, выбираем DNS. В крайнем правом поле выбираем Edit</li>
<li>Далее, прямо под этой строчкой, нажимаем на <b>Add More</b>. Появиться аналогичная строка, такая же как та, которую мы только что заполняли.</li>
<li>В крайнем левом поле новой строки, выбираем, аналогично прошлой строке — <b>Zone</b>. В центральном - немного по другому. Тут мы выбираем то же самое что и в левой - <b>Zone</b>. В крайнем правом поле - выбираем <b>Read</b>.</li>
<li>Далее смотрим на <b>Zone Resources</b>. Под этой надписью есть строка с двумя полями. В левом должно быть <b>Include</b>, а в правом - <b>Specific Zone</b>. Как только вы выберете <b>Specific Zone</b>, справа появиться ещё одно поле. В нём выбираем наш домен.</li>
<li>Листаем в самый низ и нажимаем на синюю кнопку <b>Continue to Summary.</b></li>
<li>Проверяем, всё ли мы правильно выбрали. Должна присутствовать подобная строка: ваш.домен - <b>DNS:Edit, Zone:Read.</b></li>
<li>Нажимаем <b>Create Token.</b></li>
<li>Копируем созданный токен, и сохраняем его в надёжном месте (желательно - в менеджере паролей).</li>
</ul>
<img src="img/CloudFlare.gif" alt="gif">
<p class="header-p">
Hetzner
</p>
<ul>
<li>Переходим по <a href="https://console.hetzner.cloud/">ссылке</a> и авторизуемся в ранее созданном аккаунте.</li>
<li>Заходим в созданный нами проект. Если такового - нет, значит создаём.</li>
<li>Наводим мышкой на боковую панель. Она должна раскрыться, показав нам пункты меню. Нас интересует последний — <b>Security</b> (с иконкой ключика).</li>
<li>Далее, в верхней части интерфейса видим примерно такой список: <b>SSH Keys, API Tokens, Certificates, Members.</b> Нам нужен <b>API Tokens</b>. Переходим по нему.</li>
<li>В правой части интерфейса, нас будет ожидать кнопка Generate API token. Если же вы используете мобильную версию сайта, в нижнем правом углу вы увидите <b>красный плюсик</b>. Нажимаем на эту кнопку.</li>
<li>В поле <b>Description</b>, даём нашему токену название (это может быть любое название, которые вам нравиться. Сути оно не меняет.</li>
<li>Под полем <b>Description</b> видим возможность выбрать разрешения <b>permissions</b>. Выбираем <b>Read & Write</b>.</li>
<li>Нажимаем <b>Generate API Token.</b></li>
<li>После этого, нам покажет ваш ключ. Записываем его в надёжном месте, или ещё лучше, сохраняем в менеджере паролей.</li>
</ul>
<img src="img/Hetzner.gif" alt="gif">
<p class="header-p">
Amazon AWS
</p>
<ul>
<li>У Amazon AWS отсутствует мобильная версия сайта, поэтому, процесс создания ключей у пользователей мобильных и настольных устройств - отличаться не будет. Переходим по ссылке.</li>
<li>В правом верхнем углу, возле иконки колокольчика, нажимаем на своё имя пользователя. В выпавшем списке, выбираем My Security Credentials.</li>
<li>Далее, выбираем пункт Access Keys (access key ID and secret access key).</li>
<li>Нажимаем на синюю кнопку Create New Access Key</li>
<li>Во всплывающем окне, нажимаем на ссылку Show Access Key.</li>
<li>Сохраняем Access Key ID и Secret Access Key в надёжном месте, например менеджере паролей :)</li>
</ul>
<img src="img/AWS.gif" alt="gif">
<p class="header-p">
Установка
</p>
<img src="img/Server.gif" alt="gif">
<p class="header-p">
🎉 Подключение к сервисам
</p>
</div>
</div>
</div>
<footer>
<a href="https://social.selfprivacy.org">
<img src="img/Twitter-Logo.svg" alt="">
</a>
<a href="https://t.me/selfprivacy">
<img src="img/Telegram%20Logo.svg" alt="">
</a>
<a href="https://git.selfprivacy.org">
<img src="img/GitHub%20Logo.svg" alt="">
</a>
</footer>
<!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
-->
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<!--<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>-->
</body>
</html>