Merge branch 'master' into set-img-size

.gitmodules

@@ -1,4 +0,0 @@
-
-[submodule "themes/docsy"]
-	path = themes/docsy
-	url = https://github.com/google/docsy

assets/scss/_styles_project.scss

@@ -23,7 +23,6 @@
 .sp-footer span i {
   margin: auto;
 }
-
 .rounded-img {
   border-radius: 1rem;
 }
@@ -113,20 +112,10 @@
 .sp-supported-by-list {
   display: flex;
   align-items: center;
-  justify-content: space-around;
+  justify-content: center;
+  column-gap: 5vw;
   flex-wrap: wrap;
-}
-
-.sp-supported-by-card {
-  background: white;
-  box-shadow: $shadow;
-  border-radius: 10px;
-  border: none;
-  margin-top: 1rem;
-}
-
-body {
-  background-color: $bg-color;
+  margin-top: 2rem;
 }
 
 a.nav-link.sp-coming-soon {
@@ -144,6 +133,50 @@ a.nav-link.sp-coming-soon {
   }
 }
 
+html {
+  max-width: 100%;
+  overflow-x: hidden;
+}
+
+body {
+  background-color: $bg-color;
+}
+
+a, a.btn-link {
+  text-decoration: none;
+}
+
+.sp-advantages {
+  row-gap: 0px;
+}
+
+.sp-advantages-header {
+  position: sticky;
+  top: 10vh;
+  margin-bottom: 5rem;
+}
+
+.sp-feature {
+  position: sticky;
+  top: 0;
+  min-height: 100vh;
+}
+
+.sp-feature-green {
+  background-color: #e9f1da !important;
+}
+.sp-feature-blue {
+  background-color: #e1eaea !important;
+}
+.sp-feature-purple {
+  background-color: #ebe0e8 !important;
+}
+
+.container-fluid {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
 .error {
   display: flex;
   flex-direction: column;
@@ -157,5 +190,4 @@ a.nav-link.sp-coming-soon {
   border-radius: .5rem;
   & > i {
     color: lightgray;
-  }
-}
+  }

assets/scss/docsy_overrides.scss

@@ -1,6 +1,7 @@
 .td-navbar {
     background: $dark;
     min-height: 5rem;
+    z-index: 15;
     .navbar-brand__name {
         display: none;
     }
@@ -192,4 +193,8 @@ li:has(input[type="checkbox"]) {
     .td-sidebar-toc {
         padding-top: 2.75rem;
     }
+}
+
+.carousel-control-next, .carousel-control-prev {
+    background-image: none;
 }

content/en/_index.html

@@ -5,19 +5,10 @@ linkTitle = "SelfPrivacy"
 +++
 
 {{< blocks/section color="dark" type="section" >}}
-	<div class="row">
+	<div class="flex-md-row flex-column-reverse d-flex justify-content-center align-content-center">
 		<div class="col-xs-12 col-md-4">
 			<div class="container rounded">
-				<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
-					<ol class="carousel-indicators">
-						<li data-target="#screenshotsCarouselControls" data-slide-to="0" class="active"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="2"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="5"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="6"></li>
-					  </ol>
+				<div id="screenshotsCarouselControls" class="carousel slide" data-bs-ride="carousel">
 				  <div class="carousel-inner rounded">
 					<div class="carousel-item">
 					  <img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide">
@@ -41,18 +32,27 @@ linkTitle = "SelfPrivacy"
 						<img class="d-block w-100" src="/images/screenshots/7-en.png" alt="Seventh slide">
 					</div>
 				  </div>
-				  <a class="carousel-control-prev" href="#screenshotsCarouselControls" role="button" data-slide="prev">
+				  <ol class="carousel-indicators">
+					<li data-bs-target="#screenshotsCarouselControls" data-slide-to="0" class="active"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="1"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="2"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="3"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="4"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="5"></li>
+					<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="6"></li>
+				  </ol>
+				  <button class="carousel-control-prev" type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide="prev">
 					<span class="carousel-control-prev-icon" aria-hidden="true"></span>
-					<span class="sr-only">Previous</span>
-				  </a>
-				  <a class="carousel-control-next" href="#screenshotsCarouselControls" role="button" data-slide="next">
+					<span class="visually-hidden">Previous</span>
+				  </button>
+				  <button class="carousel-control-next" type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide="next">
 					<span class="carousel-control-next-icon" aria-hidden="true"></span>
-					<span class="sr-only">Next</span>
-				  </a>
-				</div>
+					<span class="visually-hidden">Next</span>
+				  </button>	
+				  </div>
 			</div>
  		</div>
-		<div class="col-xs-12 col-md-8 my-auto">
+		<div class="col-xs-12 col-md-8 col-lg-6 my-auto">
 			<div class="container my-4">
 				<h1>
 					SelfPrivacy app allows you to set up self-hosted services and manage them
@@ -65,12 +65,12 @@ linkTitle = "SelfPrivacy"
 </div>
 {{< /blocks/section >}}
 
-<section class="container-fluid">
-	<div class="row w-100">
+<section class="container">
+	<div class="w-100">
 		<h2 class="mx-auto text-center font-weight-bolder">Your personal services</h2>
 	</div>
 
-	<div class="row w-100 mt-5 mb-3">
+	<div class="w-100 mt-5 mb-3">
 		<h3 class="mx-auto text-center">For serious business</h3>
 	</div>
 
@@ -94,7 +94,7 @@ linkTitle = "SelfPrivacy"
 		</div>
 	</div>
 
-	<div class="row w-100 mt-5 mb-3">
+	<div class="w-100 mt-5 mb-3">
 		<h3 class="mx-auto text-center">For entertainment and communication</h3>
 	</div>
 
@@ -118,7 +118,7 @@ linkTitle = "SelfPrivacy"
 		</div>
 	</div>
 
-	<div class="row w-100 mt-5 mb-3">
+	<div class="w-100 mt-5 mb-3">
 		<h3 class="mx-auto text-center">For a good life</h3>
 	</div>
 
@@ -138,47 +138,47 @@ linkTitle = "SelfPrivacy"
 	</div>
 </section>
 
-<section class="container-fluid">
-	<div class="row w-100">
+<section class="container-fluid d-flex flex-column sp-advantages">
+	<div class="w-100 sp-advantages-header">
 		<h2 class="mx-auto text-center">Advantages</h2>
 	</div>
 
-	{{< landing-feature privacy "Privacy" >}}
+	{{< landing-feature privacy "Privacy" "-green" >}}
 		<p class="card-text">No registration, cookies or telemetry.</p>
 	{{< /landing-feature >}}
 
-	{{< landing-feature zerotrust "Zero trust" "right">}}
+	{{< landing-feature zerotrust "Zero trust" "-blue" "right" >}}
 		<p class="card-text">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>
 	{{< /landing-feature >}}
 
-	{{< landing-feature security "Security">}}
+	{{< landing-feature security "Security" "-purple" >}}
 		<p class="card-text">Open source. The $2,000 reward for RCE vulnerability significantly increases security compared to conventional self-hosted solutions.</p>
 	{{< /landing-feature >}}
 
-	{{< landing-feature simplicity "Simplicity" "right">}}
+	{{< landing-feature simplicity "Simplicity" "-green" "right">}}
 		<p class="card-text">It is simple. Without console, complicated instructions, monitoring and involvement of specialists.</p>
 	{{< /landing-feature >}}
 
-	{{< landing-feature arrow "No license agreements">}}
+	{{< landing-feature arrow "No license agreements" "-blue" >}}
 		<p class="card-text">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>
 	{{< /landing-feature >}}
 
-	{{< landing-feature coolhack3r "Save your time and money" "right">}}
+	{{< landing-feature coolhack3r "Save your time and money" "-purple" "right">}}
 		<p class="card-text">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?</p>
 		<p class="card-text">SelfPrivacy team works continuously to speed up and simplify this process to a few clicks.</p>
 		<p class="card-text">Now anyone will be capable to set up their own data center.</p>
 	{{< /landing-feature >}}
 
-	{{< landing-feature thisisfine "Functionality">}}
+	{{< landing-feature thisisfine "Functionality" "-green">}}
 		<p class="card-text">Your data will not be lost thanks to regular automatic backups to a separate data center. </p>
 	{{< /landing-feature >}}
 
-	{{< landing-feature smartphonecomparison "Independence" "right">}}
+	{{< landing-feature smartphonecomparison "Independence" "-blue" "right">}}
 		<p class="card-text">Your communications on the internet no longer depend on Google, Facebook, Amazon and others E-Corps.</p>
 		<p class="card-text">Your services, 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>
 	{{< /landing-feature >}}
 
-	{{< landing-feature datactrl "Data control">}}
+	{{< landing-feature datactrl "Data control" "-purple" >}}
 		<p class="card-text">Why do corporations need your data? To make you buy more and vote as they want. With SelfPrivacy, only you have your data.</p>
 	{{< /landing-feature >}}
 </section>
@@ -189,8 +189,8 @@ linkTitle = "SelfPrivacy"
 	<h2 class="mx-auto text-center">Supported by</h2>
 </div>
 
-<div class="card sp-supported-by-card h-100">
-	<div class="card-body sp-supported-by-list">
+<div class="container-fluid">
+	<div class="sp-supported-by-list">
 		<a href="https://nlnet.nl/project/SelfPrivacy/" target="_blank" rel="noopener noreferrer">
 			<object role="img" aria-label="NLnet foundation" class="d-flex justify-content-center align-items-center sp-supported-by-img" type="image/svg+xml" data="/images/logos/nlnet.svg">
                 <div class="error">

content/en/docs/About us/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "About us"
 linkTitle: "About us"
-weight: 4
+weight: 6
 date: 2022-01-09
 description: >
   Who we are, our motivation and policies.

content/en/docs/About us/policy.md

@@ -1,7 +1,7 @@
 ---
 title: "Privacy Policy"
 date: 2023-05-15
-weight: 4
+weight: 5
 description: >
   Our policies and politics.
 ---

content/en/docs/About us/roadmap.md

@@ -1,7 +1,7 @@
 ---
 title: "Roadmap"
 linkTitle: "Roadmap"
-weight: 5
+weight: 3
 date: 2023-10-05
 description: >
   What we are going to do next

content/en/docs/About us/team.md

@@ -1,7 +1,7 @@
 ---
 title: "Team"
 date: 2017-01-05T
-weight: 3
+weight: 1
 description: >
   Our team, contributors and like-minded people.
 ---

content/en/docs/Backups/_index.md

@@ -2,7 +2,7 @@
 title: "Backups"
 linkTitle: "Backups"
 date: 2023-07-31T
-weight: 2
+weight: 4
 description: >
     Backing up your services so that they are not lost
 ---

content/en/docs/Contributing/_index.md

@@ -2,7 +2,7 @@
 title: "How to contribute"
 linkTitle: "Contributing"
 date: 2023-03-13T
-weight: 2
+weight: 7
 description: >
     You can help with translations and programming 
 ---

content/en/docs/FAQ/_index.md

@@ -2,7 +2,7 @@
 title: "Frequency Asked Questions"
 linkTitle: "FAQ"
 date: 2023-03-13T
-weight: 2
+weight: 8
 description: >
     Frequently asked questions about our project.
 ---

content/en/docs/Getting started/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Getting Started"
 linkTitle: "Getting Started"
-weight: 1
+weight: 2
 description: >
   How do you deploy and set up SelfPrivacy server?
 aliases:

content/en/docs/How To Guides/_index.md

@@ -1,6 +1,6 @@
 ---
 title: "How-to guides"
-weight: 2
+weight: 5
 date: 2023-03-14
 description: >
     These are the guides on how to perform common tasks.

content/en/docs/Overview/_index.md

@@ -1,39 +0,0 @@
----
-title: "Overview"
-linkTitle: "Overview"
-weight: 2
-draft: true
-description: >
-  Here's where your user finds out if your project is for them.
----
-
-{{% pageinfo %}}
-This is a placeholder page that shows you how to use this template site.
-{{% /pageinfo %}}
-
-
-The Overview is where your users find out about your project. Depending on the size of your docset, you can have a separate overview page (like this one) or put your overview contents in the Documentation landing page (like in the Docsy User Guide). 
-
-Try answering these questions for your user in this page:
-
-## What is it?
-
-Introduce your project, including what it does or lets you do, why you would use it, and its primary goal (and how it achieves it). This should be similar to your README description, though you can go into a little more detail here if you want.
-
-## Why do I want it?
-
-Help your user know if your project will help them. Useful information can include: 
-
-* **What is it good for?**: What types of problems does your project solve? What are the benefits of using it?
-
-* **What is it not good for?**: For example, point out situations that might intuitively seem suited for your project, but aren't for some reason. Also mention known limitations, scaling issues, or anything else that might let your users know if the project is not for them.
-
-* **What is it *not yet* good for?**: Highlight any useful features that are coming soon.
-
-## Where should I go next?
-
-Give your users next steps from the Overview. For example:
-
-* [Getting Started](/docs/getting-started/): Get started with $project
-* [Examples](/docs/examples/): Check out some example code!
-

content/en/docs/Services/bitwarden.md

@@ -1,6 +1,7 @@
 ---
 title: "Bitwarden"
 date: 2023-01-11T18:09:37+03:00
+weight: 7
 description: >
   Your password manager 
 ---

content/en/docs/Services/delta-chat.md

@@ -1,6 +1,7 @@
 ---
 title: "Delta.Chat"
 date: 2023-01-11T17:15:31+03:00
+weight: 4
 description: >
   E-mail-based messenger with end-to-end encryption
 ---

content/en/docs/Services/email/_index.md

@@ -1,6 +1,7 @@
 ---
 title: "E-mail"
 date: 2023-01-11T17:10:29+03:00
+weight: 1
 description: >
   Self-hosted e-mail service
 ---

content/en/docs/Services/gitea.md

@@ -1,6 +1,7 @@
 ---
 title: "Gitea"
 date: 2023-01-11T18:09:12+03:00
+weight: 3
 description: >
   Gitea is a self-hosted Git service
 ---

content/en/docs/Services/jitsi.md

@@ -1,6 +1,7 @@
 ---
 title: "Jitsi"
 date: 2023-01-11T17:15:31+03:00
+weight: 6
 description: >
   Video conference
 ---

content/en/docs/Services/nextcloud.md

@@ -1,6 +1,7 @@
 ---
 title: "Nextcloud"
 date: 2023-01-11T17:08:23+03:00
+weight: 2
 description: >
   Swiss knife in the business of working together
 ---

content/en/docs/Services/pleroma.md

@@ -1,6 +1,7 @@
 ---
 title: "Pleroma"
 date: 2023-01-11T17:17:40+03:00
+weight: 5
 description: >
   Decentralized Social Network Server
 ---

content/en/docs/Theory/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Theory"
 linkTitle: "Theory"
-weight: 5
+weight: 1
 date: 2023-05-09
 description: >
     Discussion of various aspects of the project 

content/en/download/_index.html

@@ -2,8 +2,6 @@
 title: Downloads
 ---
 
-<!--add blocks of content here to add more sections to the community page -->
-
 {{< blocks/lead >}}
 	<div class="row w-100 my-4">
 		<h1 class="mx-auto text-center w-100">Downloads</h1>
@@ -12,7 +10,6 @@ title: Downloads
 	<p>
 		Get the latest version of SelfPrivacy app for your operating system.
 	</p>
-
 {{< /blocks/lead >}}
 
 {{< blocks/section color="white" type="section" >}}
@@ -23,26 +20,25 @@ title: Downloads
 
 	<div class="row w-100">
 		<div class="col-md-4">
-			<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/" rel="noopener noreferrer" target="_blank">
+			<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/" rel="noopener noreferrer" target="_blank">
 				F-Droid
 			</a>
-			<a class="btn btn-link w-100" href="https://fdroid.selfprivacy.org/" rel="noopener noreferrer" target="_blank">
+			<a class="w-100 btn btn-link w-100" href="https://fdroid.selfprivacy.org/" rel="noopener noreferrer" target="_blank">
 				Our F-Droid repository
 			</a>
 		</div>
 		<div class="col-md-4">
-			<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
+			<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
 				APK File
 			</a>
 		</div>
 		<div class="col-md-4">
-			<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://play.google.com/store/apps/details?id=org.selfprivacy.app" rel="noopener noreferrer" target="_blank">
+			<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://play.google.com/store/apps/details?id=org.selfprivacy.app" rel="noopener noreferrer" target="_blank">
 				Google Play
 			</a>
 		</div>
 	</div>
 
-
 {{< /blocks/section >}}
 
 {{< blocks/section color="white" type="section" >}}
@@ -63,17 +59,17 @@ title: Downloads
 
 <div class="row w-100">
 		<div class="col-md-4">
-			<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding disabled" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
+			<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
 				Windows
 			</a>
 		</div>
 		<div class="col-md-4">
-			<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
+			<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
 				GNU/Linux
 			</a>
 		</div>
 		<div class="col-md-4">
-			<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding disabled" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
+			<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding disabled" href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" rel="noopener noreferrer" target="_blank">
 				MacOS
 			</a>
 		</div>
@@ -84,7 +80,7 @@ title: Downloads
 {{< blocks/section type="section" >}}
 
 	{{< landing-feature book "What to do next?" "right" >}}
-		<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="{{< relref "/docs/Getting started/" >}}">
+		<a class="w-100 btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="{{< relref "/docs/Getting started/" >}}">
 					Setup guide
 			</a>
 	{{< /landing-feature >}}

content/ru/_index.html

@@ -5,19 +5,10 @@ linkTitle = "SelfPrivacy"
 +++
 
 {{< blocks/section color="dark" type="section">}}
-	<div class="row">
+	<div class="flex-md-row flex-column-reverse d-flex justify-content-center align-content-center">
 		<div class="col-xs-12 col-md-4">
 			<div class="container rounded">
-				<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
-					<ol class="carousel-indicators">
-						<li data-target="#screenshotsCarouselControls" data-slide-to="0" class="active"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="2"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="5"></li>
-						<li data-target="#screenshotsCarouselControls" data-slide-to="6"></li>
-					</ol>
+				<div id="screenshotsCarouselControls" class="carousel slide" data-bs-ride="carousel">
 					<div class="carousel-inner rounded">
 						<div class="carousel-item">
 							<img class="d-block w-100" src="/images/screenshots/1-ru.png" alt="Первый слайд">
@@ -40,28 +31,34 @@ linkTitle = "SelfPrivacy"
 						<div class="carousel-item">
 							<img class="d-block w-100" src="/images/screenshots/7-ru.png" alt="Седьмой слайд">
 						</div>
-						
 					</div>
-					<a class="carousel-control-prev" href="#screenshotsCarouselControls" role="button"
-						data-slide="prev">
+					<ol class="carousel-indicators">
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="0" class="active"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="1"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="2"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="3"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="4"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="5"></li>
+						<li data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="6"></li>
+					</ol>
+					<button class="carousel-control-prev" type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide="prev">
 						<span class="carousel-control-prev-icon" aria-hidden="true"></span>
-						<span class="sr-only">Previous</span>
-					</a>
-					<a class="carousel-control-next" href="#screenshotsCarouselControls" role="button"
-						data-slide="next">
+						<span class="visually-hidden">Назад</span>
+					  </button>
+					  <button class="carousel-control-next" type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide="next">
 						<span class="carousel-control-next-icon" aria-hidden="true"></span>
-						<span class="sr-only">Next</span>
-					</a>
+						<span class="visually-hidden">Далее</span>
+					  </button>					
 				</div>
 			</div>
 		</div>
-		<div class="col-xs-12 col-md-8 my-auto">
+		<div class="col-xs-12 col-md-8 col-lg-6 my-auto">
 			<div class="container my-4">
 				<h1>
 					Приложение SelfPrivacy поможет настроить селфхост-сервисы и управлять ими
 				</h1>
 				<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding"
-					href="{{< relref " /download">}}">
+					href="{{< relref "/download" >}}">
 					Скачать
 				</a>
 			</div>
@@ -69,12 +66,12 @@ linkTitle = "SelfPrivacy"
 	</div>
 	{{< /blocks/section>}}
 
-	<section class="container-fluid">
-			<div class="row w-100">
-				<h2 class="mx-auto text-center">Ваши личные сервисы</h2>
+	<section class="container">
+			<div class="w-100">
+				<h2 class="mx-auto text-center font-weight-bolder">Ваши личные сервисы</h2>
 			</div>
 
-			<div class="row w-100 mt-5 mb-3">
+			<div class="w-100 mt-5 mb-3">
 				<h3 class="mx-auto text-center">Для серьезных дел</h3>
 			</div>
 
@@ -99,7 +96,7 @@ linkTitle = "SelfPrivacy"
 				</div>
 			</div>
 
-			<div class="row w-100 mt-5 mb-3">
+			<div class="w-100 mt-5 mb-3">
 				<h3 class="mx-auto text-center">Для развлечений и общения</h3>
 			</div>
 
@@ -107,38 +104,36 @@ linkTitle = "SelfPrivacy"
 				<div class="col-md-4 col-xs-12 sp-services-row">
 					{{< landing-service "/images/services/deltachat.svg" "Мессенджер" >}}
 						<p class="card-text">Самый приватный мессенджер — это тот, у которого серверная часть находится
-							под вашим контролем. Это делает DeltaChat
-							приватнее Telegram и Signal.</p>
-						{{< /landing-service>}}
+						под вашим контролем. Это делает DeltaChat
+						приватнее Telegram и Signal.</p>
+					{{< /landing-service>}}
 				</div>
 
 				<div class="col-md-4 col-xs-12 sp-services-row">
 					{{< landing-service "/images/services/pleroma.svg" "Децентрализованная социальная сеть" >}}
 						<p class="card-text">Pleroma — социальная сеть в которой вы решаете, кого заблокировать и что
-							публиковать. Никакой больше рекламы и слежки.</p>
-						{{< /landing-service>}}
+						публиковать. Никакой больше рекламы и слежки.</p>
+					{{< /landing-service>}}
 				</div>
 
 				<div class="col-md-4 col-xs-12 sp-services-row">
 					{{< landing-service "/images/services/jitsi.svg" "Видеоконференция">}}
 						<p class="card-text">Zoom и Google-meet больше не нужны, когда есть Jitsi-meet. Очень простое и
-							удобное решение для видеоконференций.</p>
-						{{< /landing-service>}}
+						удобное решение для видеоконференций.</p>
+					{{< /landing-service>}}
 				</div>
 			</div>
 
 
-			<div class="row w-100 mt-5 mb-3">
+			<div class="w-100 mt-5 mb-3">
 				<h3 class="mx-auto text-center">Для хорошей жизни</h3>
 			</div>
 
 			<div class="row justify-content-md-center">
 				<div class="col-md-4 col-xs-12 sp-services-row">
 					{{< landing-service "/images/services/openconnect.svg" "VPN для друзей и близких" >}}
-				<p class=" card-text">Ни один публичный VPN не может быть приватным, если только он не расположен на вашем сервере.
-						OpenConnect — подключайте
-						неограниченное количество устройств.</p>
-						{{< /landing-service>}}
+						<p class=" card-text">Ни один публичный VPN не может быть приватным, если только он не расположен на вашем сервере.	OpenConnect — подключайте неограниченное количество устройств.</p>
+					{{< /landing-service>}}
 				</div>
 
 				<div class="col-md-4 col-xs-12 sp-services-row">
@@ -146,69 +141,69 @@ linkTitle = "SelfPrivacy"
 						<p class="card-text">Пароли больше не нужно запоминать, копировать между устройствами,
 							придумывать или вводить вручную.</p>
 						<p class="card-text">Bitwarden — надежный менеджер паролей для всех устройств.</p>
-						{{< /landing-service>}}
+					{{< /landing-service>}}
 				</div>
 			</div>
 </section>
 
 <section class="container-fluid">
-	<div class="row w-100">
+	<div class="w-100">
 		<h2 class="mx-auto text-center">Преимущества</h2>
 	</div>
 
-	{{< landing-feature privacy "Приватность">}}
+	{{< landing-feature privacy "Приватность" "-green">}}
 		<p class="card-text">Без регистрации, куков, телеметрии, логов, гугл аналитики и облаков.</p>
 	{{< /landing-feature>}}
 
-	{{< landing-feature zerotrust "Нулевое доверие" "right">}}
+	{{< landing-feature zerotrust "Нулевое доверие" "-blue" "right">}}
 		<p class="card-text">SelfPrivacy разработан по принципу "нулевого доверия", даже к самим разработчикам SelfPrivacy. Это значит, что вы — единственный владелец своих данных.</p>
 	{{< /landing-feature>}}
 
-	{{< landing-feature security "Безопасность">}}
+	{{< landing-feature security "Безопасность" "-purple" >}}
 		<p class="card-text">Открытый код. Вознаграждение $2000 за RCE-уязвимость значительно повышает безопасность в сравнении с обычными self-hosted решениями.</p>
 	{{< /landing-feature>}}
 
-	{{< landing-feature simplicity "Простота" "right">}}
+	{{< landing-feature simplicity "Простота" "-green" "right">}}
 		<p class="card-text">Это работает просто. Без консоли, сложных инструкций, мониторинга и привлечения специалистов.</p>
 	{{< /landing-feature>}}
 
-	{{< landing-feature arrow "Без лицензионных соглашений">}}
+	{{< landing-feature arrow "Без лицензионных соглашений" "-blue" >}}
 		<p class="card-text">Что написано в лицензионных соглашениях, которые вы принимаете, не читая? Там написано, что с вашими данными можно делать что угодно. В SelfPrivacy нет лицензионных соглашений.</p>
 	{{< /landing-feature>}}
 
-	{{< landing-feature coolhack3r "Экономия времени, денег и сил" "right">}}
+	{{< landing-feature coolhack3r "Экономия времени, денег и сил" "-purple" "right">}}
 		<p class="card-text">Как сэкономить $500 или две недели жизни? Столько понадобится времени и денег специалисту, чтобы настроить все самому с нуля?</p>
 		<p class="card-text">Команда SelfPrivacy непрерывно работает, чтобы ускорить и упростить этот процесс до нескольких кликов.</p>
 		<p class="card-text">Теперь создание личного дата-центра под силу любому желающему.</p>
 	{{< /landing-feature>}}
 
-	{{< landing-feature thisisfine "Функционал">}}
+	{{< landing-feature thisisfine "Функционал" "-green">}}
 		<p class="card-text">Ваши данные никуда не пропадут благодаря регулярному автоматическому резервному копированию в отдельный дата-центр.</p>
 	{{< /landing-feature>}}
 
-	{{< landing-feature smartphonecomparison "Независимость" "right" >}}
+	{{< landing-feature smartphonecomparison "Независимость" "-blue" "right" >}}
 		<p class="card-text">Ваши коммуникации в интернете не зависят от Google, Facebook, Amazon и прочих мегакорпораций.</p>
 		<p class="card-text">Ваши сервисы — ваши правила! Вас не заблокируют, не отключат, случайно или по какой-либо другой причине. Ваша инфраструктура и данные всегда останутся с вами.</p>
 	{{< /landing-feature>}}
 
-	{{< landing-feature datactrl "Контроль данных">}}
+	{{< landing-feature datactrl "Контроль данных" "-purple" >}}
 		<p class="card-text">Почему корпорациям так нужны ваши данные? Чтобы больше покупали, чтобы Вы голосовали, как им нужно. В SelfPrivacy ваши данные остаются только у вас.</p>
 	{{< /landing-feature>}}
 </section>
 
 
 <section class="container-fluid">
-<div class="row w-100">
+<div class="w-100">
 	<h2 class="mx-auto text-center">Нас поддерживают</h2>
 </div>
 
-<div class="card sp-supported-by-card h-100">
-	<div class="card-body sp-supported-by-list">
+<div class="container-fluid">
+	<div class="sp-supported-by-list">
 		<a href="https://nlnet.nl/project/SelfPrivacy/" target="_blank" rel="noopener noreferrer">
-			<img class="sp-supperted-by-img" src="/images/logos/nlnet.svg" alt="NLnet foundation">
+			<img class="sp-supported-by-img" src="/images/logos/nlnet.svg" alt="NLnet foundation">
 		</a>
 		<a href="https://privacyaccelerator.org" target="_blank" rel="noopener noreferrer">
-			<img class="sp-supperted-by-img" src="/images/logos/PrivacyAcceleratorLogo.svg" alt="Privacy Accelerator">
+			<img class="sp-supported-by-img" src="/images/logos/PrivacyAcceleratorLogo.svg" alt="Privacy Accelerator">
 		</a>
     </div>
 </div>

content/ru/docs/About us/_index.md

@@ -1,8 +1,8 @@
 ---
 title: "О нас"
 linkTitle: "О нас"
-weight: 4
+weight: 5
 date: 2022-01-09
 description: >
-  Кто мы такие, в чем наша мотивая и какова наша политика
+  Кто мы такие, в чем наша мотивация и какова наша политика
 ---

content/ru/docs/About us/policy.md

@@ -1,7 +1,7 @@
 ---
 title: "Политика"
 date: 2023-04-23
-weight: 4
+weight: 5
 description: >
   Наши принципы и политика
 ---

content/ru/docs/About us/team.md

@@ -1,7 +1,7 @@
 ---
 title: "Команда"
 date: 2017-01-05T
-weight: 3
+weight: 1
 description: >
   Наша команда, вкладчики и единомышленники.
 ---

content/ru/docs/Backups/_index.md

@@ -2,7 +2,7 @@
 title: "Резервное копирование"
 linkTitle: "Резервное копирование"
 date: 2023-07-31T
-weight: 2
+weight: 3
 description: >
     Резервное копирование сервисов, чтобы данные никогда не были потеряны
 ---

content/ru/docs/Contributing/_index.md

@@ -2,7 +2,7 @@
 title: "Как помочь проекту?"
 linkTitle: "Как помочь проекту"
 date: 2023-03-13
-weight: 2
+weight: 6
 description: >
     Вы можете помочь как с переводом на разные языки, так и своими знаниями программирования
 ---

content/ru/docs/FAQ/_index.md

@@ -2,7 +2,7 @@
 title: "Часто задаваемые вопросы"
 linkTitle: "ЧаВо"
 date: 2023-03-13T
-weight: 2
+weight: 7
 description: >
     Частые вопросы о проекте
 ---

content/ru/docs/Getting started/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Начало работы"
 linkTitle: "Начало работы"
-weight: 1
+weight: 2
 description: >
   Как установить и настроить сервер SelfPrivacy?
 ---
@@ -9,13 +9,13 @@ description: >
 Сервер SelfPrivacy создается поэтапно в течение часа.
 Звучит страшно, но уверяю, учёная степень не понадобится. Процесс не сложнее покупки в интернет-магазине.
 
-*   Поиск паспорта и карты с балансом $10-15 и $5 в месяц
-*   Регистрация учётных записей
-*   Покупка домена
-*   Подключение домена к DNS серверу
-*   Создание токенов
-*   Установка
-*   Подключение к сервисам
+* Поиск паспорта и карты с балансом $10-15 и $5 в месяц
+* Регистрация учётных записей
+* Покупка домена
+* Подключение домена к DNS серверу
+* Создание токенов
+* Установка
+* Подключение к сервисам
 
 **Если поручите кому-нибудь эту задачу — лишитесь приватности.**
 Для 100% независимости и контроля необходимо делать всё самостоятельно.
@@ -37,18 +37,19 @@ description: >
 ```}Rj;EtG:,M!bc4/|```
 
 Как такой пароль запомнить? Никак!
-Пароли не нужно запоминать, их надо создавать и хранить в [менеджере паролей](https://keepassxc.org/download/).
+Пароли не нужно запоминать, их надо создавать и хранить в менеджере паролей, например [KeePassXC](https://keepassxc.org/download/).
 Хотя один помнить придётся — пароль от менеджера паролей.
 
 {{% /alert %}}
 
-### Регистрируемся:
-*   [Hetzner](https://www.hetzner.com) или [DigitalOcean](https://www.digitalocean.com) — хостинги виртуальных серверов.
+### Регистрируемся
+
+* [Hetzner](https://www.hetzner.com) или [DigitalOcean](https://www.digitalocean.com) — хостинги виртуальных серверов.
 Какой выберете, в том и будут жить ваши данные и сервисы SelfPrivacy.
-*   [NameCheap](https://www.namecheap.com/), [Porkbun](https://porkbun.com) или любой другой регистратор,
+* Любой регистратор доменов, к примеру [Porkbun](https://porkbun.com) (можно оплачивать криптовалютой) .
 * для покупки личного адреса в интернете — домена, который будет указывать на сервер.
-*   [deSEC](https://desec.io/) или [CloudFlare](https://cloudflare.com) (не рекомендуем) — DNS сервер, где работает ваш домен.
-*   [Backblaze](https://www.backblaze.com/) — IaaS провайдер, для хранения резервных копий ваших данных
+* На выбор: [deSEC](https://desec.io/), [DigitalOcean DNS](https://docs.digitalocean.com/products/networking/dns/), [CloudFlare](https://cloudflare.com) (не рекомендуем) — DNS сервер, где работает ваш домен.
+* [Backblaze](https://www.backblaze.com/) — IaaS провайдер, для хранения резервных копий ваших данных
 в зашифрованном виде.
 
 Регистрация заурядна, но иногда проверка учётной записи длится несколько дней или требует дополнительных документов.
@@ -65,67 +66,143 @@ description: >
 
 Включили второй фактор? Я серьёзно! Тогда переходим к интересному!
 
-
 **_Домен_ — это кусочек интернета, которому вы даёте имя.**
 Простор для творчества огромен, у вас есть 63 символа + .com .org .icu и еще несколько сотен доменов после точки.
-Можно выбрать просто по фамилии, например *ivanov.live* или *ivanov.health*,
-а можно и что-то творческое — *shit-happens.shop*
 
-### Рекомендации:
-*   **Обязательно смотреть на цену ежегодного продления,** она может в разы превышать стоимость покупки.
-*   **Нормальная цена домена $8-10 в год.**
-*   **При регистрации домена обязательно указывать реальные почту и телефон, иначе регистрацию могут аннулировать.** И если вы не сможете продлить домен, система не будет работать так, как задумано.
-*   Выбирайте хорошее имя, которое удобно и по телефону диктовать, и на деловой визитке указать.
-*   **Я уже говорил про второй фактор?**
+Заходим на ваш регистратор домена. В качестве примера будем использовать [Porkbun](https://porkbun.com).
+
+Выбираем домен. Можно выбрать просто по фамилии, например _ivanov.live_ или _ivanov.health_, а можно и что-то творческое — *shit-happens.shop*
+
+### Рекомендации
+
+* **Обязательно смотреть на цену ежегодного продления,** она может в разы превышать стоимость покупки.
+* **Нормальная цена домена $8-10 в год.**
+* **При регистрации домена обязательно указывать реальные почту и телефон, иначе регистрацию могут аннулировать.** И если вы не сможете продлить домен, система не будет работать так, как задумано.
+* Выбирайте хорошее имя, которое удобно и по телефону диктовать, и на деловой визитке указать.
+* **Я уже говорил про второй фактор?**
 
 ## Подключение домена к DNS серверу
 
-После покупки, домен добавляем в CloudFlare:
+{{< tabpane text=true >}}
+  {{% tab "deSEC" %}}
 
-![gif](/images/screencasts/add-domain-to-cf.gif)
+### Если вы выбрали deSEC: Как добавить домен
 
-На примере домена ruleit.stream мы выбрали бесплатный тариф и получили имена серверов: **gail.ns.cloudflare.com**
-и **mattns.cloudflare.com**, которые надо прописать у своего регистратора. В нашем случае NameCheap:
+1. Переходим по [ссылке](https://desec.io/domains), входим в аккаунт.
+2. Нажимаем на **плюс**.
 
-![gif](/images/screencasts/nc-to-cf.gif)
+{{< imgproc dns_add_domain Fill "626x287" />}}
+
+3. Вводим ваш домен. Нажимаем **Save**.
+4. Копируем имена полученные в поле **Nameservers**.
+
+{{< imgproc dns_add_domain2 Fill "626x287" />}}
+
+На примере домена cat-meowmeow.corp мы получили имена серверов: **ns1.desec.io**
+и **ns2.desec.org**. Имена серверов у вас могут отличаться.
+
+{{% /tab %}}
+  {{% tab "Cloudflare" %}}
+
+### Если вы выбрали Cloudflare: Как добавить домен
+
+1. Переходим по [ссылке](https://dash.cloudflare.com), входим в аккаунт.
+2. Слева в меню нажимаем **Websites**, далее синюю кнопку **Get started**.
+{{< imgproc dns_add_domain_cloudflare Fill "626x287" />}}
+
+1. Выбираем бесплатный тариф **Free**, нажимаем **Continue**.
+{{< imgproc dns_add_domain_cloudflare2 Fill "626x287" />}}
+
+1. На вкладке **Review DNS records** ничего не меняем. Нажимаем **Continue**.
+{{< imgproc dns_add_domain_cloudflare3 Fill "626x287" />}}
+
+1. В пункте 3, копируем имена **nameservers**. После нажимаем **Continue**.
+{{< imgproc dns_add_domain_cloudflare4 Fill "626x287" />}}
+
+1. Финальная страница, нажимаем **Finish later**.
+{{< imgproc dns_add_domain_cloudflare5 Fill "626x287" />}}
+
+Только что мы выбрали бесплатный тариф и получили имена серверов: **alberto.ns.cloudflare.com**
+и **michelle.ns.cloudflare.com**. У вас имена серверов могут отличаться.
+
+{{% /tab %}}
+  {{% tab "DigitalOcean DNS" %}}
+
+### Если вы выбрали DigitalOcean DNS: Как добавить домен
+
+Если вы планируете использовать DigitalOcean и для сервера, и для DNS (что мы не рекомендуем),
+то вам **необходимо будет создать отдельный проект для DNS записей**.
+
+DigitalOcean предоставляет только токены которые дают полный доступ ко всему в проекте.
+Токен для сервера остаётся на вашем устройстве, однако токен для DNS записей будет отправлен на ваш новый сервер.
+Если токен для DNS будет иметь доступ к самому серверу, в случае его взлома, злоумышленник сможет уничтожить сам сервер.
+
+1. Создайте новый проект, перейдите в управление новым проектом.
+
+2. Нажимаем сверху на кнопку **Create**, выбираем **Domain/DNS**.
+{{< imgproc do Fill "626x287" />}}
+
+3. Вводим имя своего домена, выбираем проект созданный под управление доменом.
+{{< imgproc do2 Fill "626x287" />}}
+
+4. Нажимаем **Add Domain**.
+
+Получаем имена серверов, которые понадобятся нам на следующем этапе.
+
+{{% /tab %}}
+{{< /tabpane >}}
+
+## Используем полученные имена у своего регистратора
+
+DigitalOcean имеет [хорошую инструкцию](https://docs.digitalocean.com/products/networking/dns/getting-started/dns-registrars/#instructions) для многих популярных регистраторов. Даже если вы не используете DigitalOcean в качестве DNS, эта инструкция может вам помочь!
+
+Далее инструкция для [Porkbun](https://porkbun.com), но вы можете использовать свой регистратор домена, действия должны быть примерно схожи.
+
+1. Переходим в панель управления доменами.
+{{< imgproc porkbun Fill "626x287" />}}
+
+2. Наводимся мышкой на купленный домен, нажимаем **DNS**.
+{{< imgproc porkbun2 Fill "626x287" />}}
+
+3. В панели управления доменом находим параметр **Authoritative nameservers**.
+{{< imgproc porkbun3 Fill "626x287" />}}
+
+4. Нажимаем **Edit**.
+
+5. Заносим туда имена серверов, которые получили на предудущем этапе.
 
-Заодно проверяем, что у нас включено автопродление и защита персональных данных — WhoisGuard.
 Через несколько минут или, в худшем случае, до двух суток настройки применятся.
 
-
 ## Создание токенов
 
 **_API ключи_ — это почти то же самое, что и логин с паролем, только для программы, а не человека.**
 Мобильное приложение SelfPrivacy с их помощью управляет сервисами во всех учётных записях вместо вас. Удобно!
 
-Нам не нужен токен для регистратора домена. Но нам понадобится токен DNS провайдера, чтобы управлять доменомом. 
-
-SelfPrivacy поддерживает двух провайдеров на выбор: популярный [Cloudflare](https://www.cloudflare.com/) и нацеленный на приватность [deSEC](https://desec.io/).
+Нам не нужен токен для регистратора домена. Но нам понадобится токен DNS провайдера, чтобы управлять доменом.
 
 {{< tabpane text=true >}}
   {{% tab "deSEC" %}}
+
 ### Если вы выбрали deSEC: Как получить токен
 
 1. Авторизуемся в [deSEC](https://desec.io/login)
-  
+
 2. Переходим на страницу [Domains](https://desec.io/domains)
 
 3. Переходим на вкладку **Token management**.
 
 4. Нажимаем на большую кнопку с "плюсом" в правом верхнем углу страницы.
 
-{{< imgproc desec-tokenmanagment Fill "626x287" />}}
+{{< imgproc desec_token Fill "626x287" />}}
 
-
-5. Должен был появиться "**Generate New Token**" диалог. Вводим любое имя токена в **Token name**. 
+5. Должен был появиться "**Generate New Token**" диалог. Вводим любое имя токена в **Token name**.
 *Advanced settings* необязательны, так что ничего там не трогаем.
 
 6. Кликаем **Save**.
 
 7. Обязательно сохраняем "**secret value**" ключ токена, потому что он отображается исключительно один раз.
 
-{{< imgproc dncsec-copy Fill "626x287" />}}
-
+{{< imgproc desec_token2 Fill "626x287" />}}
 
 8. Теперь спокойно закрываем диалог, нажав **close**.
 
@@ -137,14 +214,12 @@ SelfPrivacy поддерживает двух провайдеров на выб
 
 {{< video src="Cloudflare" muted="true" autoplay="true" autoplay="true" loop="true" >}}
 
-
-1. Переходим по [ссылке](https://dash.cloudflare.com/) и авторизуемся в ранее созданном аккаунте. 
+1. Переходим по [ссылке](https://dash.cloudflare.com/) и авторизуемся в ранее созданном аккаунте.
 
 2. В правом верхнем углу кликаем на иконку профиля (для мобильной версии сайта: в верхнем левом углу нажимаем
 кнопку **Меню** с тремя горизонтальными полосками). В выпавшем меню кликаем на пункт **My Profile**.
 
-{{< imgproc cloudflare-my-profile Fill "626x287" />}}
-
+{{< imgproc cl_token Fill "626x287" />}}
 
 3. Нам предлагается на выбор, четыре категории настройки: **Preferences**, **Authentication**, **API Tokens**,
 **Sessions**. Выбираем **API Tokens**.
@@ -165,61 +240,84 @@ SelfPrivacy поддерживает двух провайдеров на выб
 в первом поле выбираем **Zone**, во-втором тоже **Zone**. А уже в третьем нажимаем на **Read**.
 Давайте сверим с тем, что у вас получилось:
 
-{{< imgproc cloudflare-permissions Fill "628x203" />}}
+{{< imgproc cl_token2 Fill "626x287" />}}
+
 Ваш выбор должен выглядеть так.
 
-
-8. Далее смотрим на **Zone Resources**. Под этой надписью есть строка с двумя полями.
+9. Далее смотрим на **Zone Resources**. Под этой надписью есть строка с двумя полями.
 В первом должно быть **Include**, а во втором — **Specific Zone**. Как только Вы выберите **Specific Zone**,
 справа появится ещё одно поле. В нём выбираем наш домен.
 
-9. Листаем в самый низ и нажимаем на синюю кнопку **Continue to Summary**.
+10. Листаем в самый низ и нажимаем на синюю кнопку **Continue to Summary**.
 
-10. Проверяем, всё ли мы правильно выбрали. Должна присутствовать подобная строка: ваш.домен — **DNS:Edit, Zone:Read**.
+11. Проверяем, всё ли мы правильно выбрали. Должна присутствовать подобная строка: ваш.домен — **DNS:Edit, Zone:Read**.
 
-11. Нажимаем **Create Token**.
+12. Нажимаем **Create Token**.
 
-12. Копируем созданный токен.
+13. Копируем созданный токен.
 
 {{% /tab %}}
+
+  {{% tab "DigitalOcean DNS" %}}
+
+### Если вы выбрали DigitalOcean DNS: Как получить токен
+
+Инструкция по получению токена для DigitalOcean DNS будет аналогичной той, что используется для хостинг-серверов DigitalOcean. Однако для управления DNS вам необходимо было создать отдельный проект. В меню выбора проекта будьте внимательны, чтобы не перепутать. Токены от разных проектов не должны совпадать.
+
+{{< video src="do" muted="true" autoplay="true" loop="true" >}}
+
+1. Перейдите по [ссылке](https://cloud.digitalocean.com/account/) и войдите в ранее созданный аккаунт.
+
+2. В левом меню перейдите на страницу **API** - последний пункт в самом низу.
+
+3. Нажмите **Generate New Token** в меню **Personal Access Tokens**.
+
+4. **Копируем токен**.
+
+{{% /tab %}}
+
 {{< /tabpane >}}
 
 ### Как получить токен для провайдера сервера
-{{< alert title="Не держите яйца в одной корзине" color="warning" >}}
-Если вы планируете использовать DigitalOcean и для сервера, и для DNS (что мы не рекомендуем),
-то вам **необходимо будет создать отдельный проект для DNS записей**.
 
-DigitalOcean предоставляет только токены которые дают полный доступ ко всему в проекте.
-Токен для сервера остаётся на вашем устройстве, однако токен для DNS записей будет отправлен на ваш новый сервер.
-Если токен для DNS будет иметь доступ к самому серверу, в случае его взлома, злоумышленник сможет уничтожить сам сервер.
-{{< /alert >}}
 {{< tabpane text=true >}}
 
   {{% tab "Hetzner" %}}
-![gif](/images/screencasts/Hetzner.gif)
+
+### Если вы выбрали Hetzner
 
 1. Переходим по [ссылке](https://console.hetzner.cloud/) и авторизуемся в ранее созданном аккаунте.
 
 2. Заходим в созданный нами проект. Если такового нет — значит создаём.
 
-3. *Наводим мышкой на боковую панель.* Она должна раскрыться, показав нам пункты меню. Нас интересует последний — **Security** (с иконкой ключика).
+3. _Наводим мышкой на боковую панель._ Она должна раскрыться, показав нам пункты меню. Нас интересует последний — **Security** (с иконкой ключика).
+
+{{< imgproc hetzner Fill "626x287" />}}
 
 4. Далее, в верхней части интерфейса видим примерно такой список: **SSH KEYS, API TOKENS, CERTIFICATES, MEMBERS.** Нам нужен **API TOKENS**. Переходим по нему.
 
 5. По середине в интерфейсе, нас будет ожидать кнопка **GENERATE API TOKEN**. Нажимаем на эту кнопку.
 
+{{< imgproc hetzner2 Fill "626x287" />}}
+
 6. В поле **Description** даём нашему токену название (это может быть любое название, которое Вам нравится, сути оно не меняет).
 
 7. Под полем **Description** видим возможность выбрать разрешения **PERMISSIONS**. Выбираем **Read & Write**.
 
 8. Нажимаем **GENERATE API TOKEN**.
 
-9. После этого, появиться окно с вашим токеном.
+9. После этого, появиться окно с вашим токеном, сохраняем его.
+
+{{< imgproc hetzner3 Fill "626x287" />}}
 
 {{% /tab %}}
 
   {{% tab "DigitalOcean" %}}
 
+### Если вы выбралои DigitalOcean
+
+Для вашей безопасности: если вы использовали DigitalOcean в качестве DNS, вам нужно создать отдельный проект.
+
 {{< video src="do" muted="true" autoplay="true" autoplay="true" loop="true" >}}
 
 1. Перейдите по [ссылке](https://cloud.digitalocean.com/account/) и войдите в ранее созданный аккаунт.
@@ -234,7 +332,6 @@ DigitalOcean предоставляет только токены которые
 
 {{< /tabpane >}}
 
-
 ## Как получить токен Backblaze
 
 {{< video src="Backblaze" muted="true" autoplay="true" autoplay="true" loop="true" >}}
@@ -247,8 +344,36 @@ DigitalOcean предоставляет только токены которые
 
 4. Во всплывающем окне подтверждаем генерацию
 
-5. Копируем **keyID** и **applicationKey** 
+5. Копируем **keyID** и **applicationKey**
 
 ---
 
-🎉 Поздравляю! Теперь вы готовы использовать приватные сервисы. Не забудьте сохранить токены в безопасном месте.
+## Откроем приложение
+
+Заходим в мастер установки. Пора использовать токены, что мы получали ранее.
+
+Приложение предложит вам выбрать местоположение и характеристики сервера. Рекомендуем выбирать сервер, находящийся ближе к вашей текущей локации.
+Если у вас около 5 пользователей, минимального сервера по характеристикам будет достаточно.
+
+Приложение предложит создать мастер-аккаунт, который будет выступать в роли администратора. Сохраните пароль от аккаунта в менеджере паролей, например [KeePassXC](https://keepassxc.org/download/).
+
+В финале нажимаем "Создать сервер", процесс может занять до 30 минут.
+
+Если что-то пошло не так, обращайтесь в [чаты поддержки]({{< relref "/docs/FAQ/_index.md#как-получить-помощь" >}}).
+
+---
+
+🎉 Поздравляю! Теперь вы готовы использовать приватные сервисы.
+
+---
+
+### После установки, рекомендуем вам создать ключ восстановления сервера
+
+Если с вашим устройством что-то произойдет, благодаря ключу восстановления, вы сможете безболезненно подключиться к старому серверу.
+
+Перейдите в пункт меню "Ещё", затем "Ключ восстановления". Нажмите "Сгенерировать ключ".
+
+Вы увидите список слов — это и будет ваш ключ. Сохраните его в менеджере паролей, например [KeePassXC](https://keepassxc.org/download/).
+В целях безопасности приложение не позволяет скопировать ключ.
+
+**Помните, обладая данным ключом, злоумышленник имеет полный доступ к вашему серверу.**

content/ru/docs/How To Guides/_index.md

@@ -1,6 +1,6 @@
 ---
 title: "Инструкции"
-weight: 2
+weight: 4
 date: 2023-03-14
 description: >
     Руководства, которые могут пригодиться.

content/ru/docs/Overview/_index.md

@@ -1,39 +0,0 @@
----
-title: "Overview"
-linkTitle: "Overview"
-weight: 2
-draft: true
-description: >
-  Here's where your user finds out if your project is for them.
----
-
-{{% pageinfo %}}
-This is a placeholder page that shows you how to use this template site.
-{{% /pageinfo %}}
-
-
-The Overview is where your users find out about your project. Depending on the size of your docset, you can have a separate overview page (like this one) or put your overview contents in the Documentation landing page (like in the Docsy User Guide). 
-
-Try answering these questions for your user in this page:
-
-## What is it?
-
-Introduce your project, including what it does or lets you do, why you would use it, and its primary goal (and how it achieves it). This should be similar to your README description, though you can go into a little more detail here if you want.
-
-## Why do I want it?
-
-Help your user know if your project will help them. Useful information can include: 
-
-* **What is it good for?**: What types of problems does your project solve? What are the benefits of using it?
-
-* **What is it not good for?**: For example, point out situations that might intuitively seem suited for your project, but aren't for some reason. Also mention known limitations, scaling issues, or anything else that might let your users know if the project is not for them.
-
-* **What is it *not yet* good for?**: Highlight any useful features that are coming soon.
-
-## Where should I go next?
-
-Give your users next steps from the Overview. For example:
-
-* [Getting Started](/docs/getting-started/): Get started with $project
-* [Examples](/docs/examples/): Check out some example code!
-

content/ru/docs/Services/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "Доступные сервисы"
 linkTitle: "Сервисы"
-weight: 3
+weight: 2
 date: 2022-01-09
 description: >
     О сервисах, которые мы используем

content/ru/docs/Services/bitwarden.md

@@ -1,6 +1,7 @@
 ---
 title: "Bitwarden"
 date: 2023-01-11T18:09:37+03:00
+weigth: 7
 description: >
   Ваш менеджер паролей 
 ---

content/ru/docs/Services/delta-chat.md

@@ -1,6 +1,7 @@
 ---
 title: "Delta.Chat"
 date: 2023-01-11T17:15:31+03:00
+weight: 4
 description: >
   Мессенджер на базе E-mail со сквозным шифрованием
 ---

content/ru/docs/Services/email/_index.md

@@ -1,6 +1,7 @@
 ---
 title: "E-mail"
 date: 2023-01-11T17:10:29+03:00
+weight: 1
 description: >
   Свой почтовый сервер
 ---

content/ru/docs/Services/gitea.md

@@ -1,6 +1,7 @@
 ---
 title: "Gitea"
 date: 2023-01-11T18:09:12+03:00
+weight: 3
 description: >
   Личный git-сервис
 ---

content/ru/docs/Services/jitsi.md

@@ -1,6 +1,7 @@
 ---
 title: "Jitsi"
 date: 2023-01-11T17:15:31+03:00
+weight: 6
 description: >
   Видеоконференции
 ---

content/ru/docs/Services/nextcloud.md

@@ -1,51 +0,0 @@
----
-title: "Nextcloud"
-date: 2023-01-11T17:08:23+03:00
-description: >
-  Швейцарский нож в деле совместной работы
----
-
-Совместная работа - это хранение файлов, документооборот, видеоконференции, календарь общих мероприятий и прочее в этом духе. Как правило, люди склонны доверять личную жизнь и бизнес сторонним сервисам. Однако, есть возможность держать все это на своем сервере. 
-
-Мы выбираем [Nextcloud](https://nextcloud.com/) - свободное программное обеспечение для удобного планирования и хранения файлов. 
-
-- [Официальный сайт проекта](https://nextcloud.com/)
-
-
-## Аутентификация
-
-При создании сервера создается пользователь `admin` Nextcloud с паролем, который вы использовали для
-вашего основного пользователя. 
-
-Для добавления новых пользователей стоит перейти в админ панель управления пользователями, на веб-интерфейсе вашего Nextcloud.
-
-## Рекомендуемые клиенты
-
-- WEB-интерфейс: доступен после настройки сервера SelfPrivacy, по адресу `https://cloud.ВАШ.ДОМЕН`
-- [Официальное приложение](https://nextcloud.com/install/#install-clients) (GNU/Linux, Windows, macOS, Android, iOS)
-
-
-## Как сбросить админ пароль
-
-Для следующих действий вам нужно будет подключиться по ssh к серверу с правами администратора. Минимальное понимание работы командной строки приветствуется ;)
-
-Инструкцию по подключению вы можете [прочитать тут](http://selfprivacy.org/ru/docs/how-to-guides/root_ssh/). 
-
-
-После подключения введите команду:
-
-```nextcloud-occ user:resetpassword admin```
-
-Вас попросят ввести новый пароль, отображение символов будет скрыто.
-
-
-## ЧаВо
-
-### Не работает Nextcloud Updater
-Всё нормально, так и должно быть. Nextcloud обновляется через NixOS. Обновления зависят от нашего NixOS репозитория, всё  происходит без вашего участия.
-
-### Почему я не могу использовать мой Nextcloud в сторонних сервисах?
-Такое может быть, если в стороннем сервере стоит ограничение на привязку только к конкретному инстансу Nextcloud. 
-
-### Стоит ли мне использовать расширение для шифрования своего Nextcloud?
-Мы не рекомендуем. Ключи шифрования будут храниться на сервере, что делает такое шифрование практически бессмысленным. 

content/ru/docs/Services/nextcloud/_index.md

@@ -0,0 +1,126 @@
+---
+title: "Nextcloud"
+date: 2023-01-11T17:08:23+03:00
+description: >
+  Швейцарский нож в деле совместной работы
+---
+
+Совместная работа - это хранение файлов, документооборот, видеоконференции, календарь общих мероприятий и прочее в этом духе. Как правило, люди склонны доверять личную жизнь и бизнес сторонним сервисам. Однако, есть возможность держать все это на своем сервере.
+
+Мы выбираем [Nextcloud](https://nextcloud.com/) - свободное программное обеспечение для удобного планирования и хранения файлов.
+
+- [Официальный сайт проекта](https://nextcloud.com/)
+
+## Аутентификация
+
+При создании сервера создается пользователь `admin` Nextcloud с паролем, который вы использовали для вашего основного пользователя.
+
+Для добавления новых пользователей:
+
+1. Перейдите в админ панель управления пользователями, на веб-интерфейсе вашего Nextcloud.
+
+{{< imgproc nextcloud1 Fill "1275x853" />}}
+
+2. Нажмите кнопку "New user"
+
+{{< imgproc nextcloud2 Fill "1278x415" />}}
+
+## Рекомендуемые клиенты
+
+- WEB-интерфейс: доступен после настройки сервера SelfPrivacy, по адресу `https://cloud.ВАШ.ДОМЕН`
+- [Официальное приложение](https://nextcloud.com/install/#install-clients) (GNU/Linux, Windows, macOS, Android, iOS)
+
+## Как сбросить админ пароль
+
+Для следующих действий вам нужно будет подключиться по ssh к серверу с правами администратора. Минимальное понимание работы командной строки приветствуется ;)
+
+Инструкцию по подключению вы можете [прочитать тут](http://selfprivacy.org/ru/docs/how-to-guides/root_ssh/).
+
+После подключения введите команду:
+
+```nextcloud-occ user:resetpassword admin```
+
+Вас попросят ввести новый пароль, отображение символов будет скрыто.
+
+## ЧаВо
+
+### Не работает Nextcloud Updater
+
+Всё нормально, так и должно быть. Nextcloud обновляется через NixOS. Обновления зависят от нашего NixOS репозитория, всё  происходит без вашего участия.
+
+### Почему я не могу использовать мой Nextcloud в сторонних сервисах?
+
+Такое может быть, если в стороннем сервере стоит ограничение на привязку только к конкретному инстансу Nextcloud.
+
+### Стоит ли мне использовать расширение для шифрования своего Nextcloud?
+
+Мы не рекомендуем. Ключи шифрования будут храниться на сервере, что делает такое шифрование практически бессмысленным.
+
+## Настройка контактов и календаря в web-клиенте Nextcloud
+
+### Дополнение контактов
+
+1. Откройте ваш Nextcloud, справа вверху нажмите на иконку контактов. Далее нажмите на надпись "Install the Contacts app".
+
+{{< imgproc nextcloud_add_contact Fill "1276x610" />}}
+
+2. Нажмите "Download and enable".
+
+{{< imgproc nextcloud_add_contact2 Fill "1280x704" />}}
+
+3. Теперь у вас появился новый пункт в меню.
+
+{{< imgproc nextcloud_add_contact3 Fill "1278x726" />}}
+
+### Дополнение календаря
+
+1. Нажмите на аватарку вашего профиля, справа сверху.
+
+2. В выпадающем меню нажмите "Apps".
+
+3. Вы перешли в магазин дополнений, перейдите в категорию "Organization" и найдите там дополнение "Calendar".
+
+4. Нажмите "Download and enable".
+  
+{{< imgproc nextcloud_add_contact4 Fill "1275x1169" />}}
+
+5. У вас снова появился новый пункт в меню.
+
+{{< imgproc nextcloud_add_contact5 Fill "1281x465" />}}
+
+## Синхронизация Nextcloud на разных устройствах
+
+Скачайте [основное приложение Nextcloud](https://nextcloud.com/install/#install-clients) (GNU/Linux, Windows, macOS, Android, iOS). Оно поможет синхронизировать файлы.
+
+Как настроить синхронизацию контактов и календаря? Инструкции на русском для разных систем и приложений.
+
+- [iOS](https://docs.nextcloud.com/server/latest/user_manual/ru/groupware/sync_ios.html#)
+- [macOS](https://docs.nextcloud.com/server/latest/user_manual/ru/groupware/sync_osx.html)
+- [Windows 10](https://docs.nextcloud.com/server/latest/user_manual/ru/groupware/sync_windows10.html)
+- Android — читайте ниже
+
+- [Thunderbird](https://docs.nextcloud.com/server/latest/user_manual/ru/groupware/sync_thunderbird.html)
+- [KDE Kontact](https://docs.nextcloud.com/server/latest/user_manual/ru/groupware/sync_kde.html)
+- [Рабочий стол GNOME](https://docs.nextcloud.com/server/latest/user_manual/ru/groupware/sync_gnome.html)
+
+# Как синхронизировать Nextcloud c Android смартфоном?
+
+1. Скачайте приложение [DAVx⁵](https://www.davx5.com/download/) на ваше Android устройство, из [F-Droid](https://f-droid.org/de/packages/at.bitfire.davdroid/) или [Google Play Store](https://play.google.com/store/apps/details?id=at.bitfire.davdroid).
+
+2. Войдите в приложение, создайте новую учётную запись кнопкой "плюс".
+
+3. В меню создания аккаунта, выберете последний пункт "Nextcloud".
+
+4. Приложение предложит ввести ссылку на ваш экземпляр Nextcloud. Ссылка должна выглядить по примеру: `https://cloud.ВАШ.ДОМЕН`.
+
+5. Откроется браузер. Вам нужно войти в свой Nextcloud аккаунт, и разрешить доступ.
+
+{{< imgproc nextcloud3 Fill "1134x466" />}}
+
+6. Возвращаемся назад в приложение DAVx⁵. В качестве имени, введите свою почту которая зарегистрирована в настройках аккаунта Nextcloud.
+
+7. В пункте "Метод контактной группы" выберите вариант "Группы являются категориями контактов".
+
+{{< imgproc nextcloud4 Fill "1200x573" />}}
+
+8. Выберите данные, которые вы хотите синхронизировать.