Merge pull request 'update english nextcloud docs' (#142) from def/update_email into master

Reviewed-on: #142
Reviewed-by: Inex Code <inex.code@selfprivacy.org>

.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;
 }
@@ -74,10 +73,23 @@
 
 .sp-service-icon {
   margin-top: -4rem;
+  min-height: 6rem;
+  min-width: 4rem;
   max-width: 12rem;
   max-height: 8rem;
   margin-left: 2rem;
   width: max-content;
+  & > .error {
+    min-height: 6rem;
+    min-width: 6rem;
+  }
+}
+
+.sp-feature-img {
+  min-height: 20rem;
+  min-width: 20rem;
+  max-width: 40rem;
+  max-height: 40rem;
 }
 
 .sp-service-card {
@@ -91,28 +103,19 @@
   margin-top: 6rem;
 }
 
-.sp-supperted-by-img {
-  max-height: 5rem;
+.sp-supported-by-img {
+  pointer-events: none;
   margin: 1rem;
+  width: 10rem;
 }
 
 .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 {
@@ -129,3 +132,63 @@ a.nav-link.sp-coming-soon {
     border-radius: .1rem;
   }
 }
+
+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;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  font-size: 2rem;
+  padding: 1rem;
+  background-color: transparent;
+  border: lightgray solid .25rem;
+  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;
 }

config.toml

@@ -77,7 +77,6 @@ section = ["HTML", "print", "RSS"]
 
 [params]
 copyright = "SelfPrivacy"
-privacy_policy = "https://selfprivacy.org/privacy-policy/"
 
 # First one is picked as the Twitter card image if not set on page.
 # images = ["images/project-illustration.png"]

content/en/_index.html

@@ -5,21 +5,12 @@ 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">
+					<div class="carousel-item active">
 					  <img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide">
 					</div>
 					<div class="carousel-item">
@@ -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">
+				  <div class="carousel-indicators">
+					<button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="0" class="active" aria-current="true"></button>
+					<button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="1"></button>
+					<button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="2"></button>
+					<button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="3"></button>
+					<button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="4"></button>
+					<button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="5"></button>
+					<button type="button" data-bs-target="#screenshotsCarouselControls" data-bs-slide-to="6"></button>
+				  </div>
+				  <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,8 +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>
 
@@ -139,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>
@@ -190,13 +189,23 @@ 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">
-			<img class="sp-supperted-by-img" src="/images/logos/nlnet.svg" alt="NLnet foundation">
+			<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">
+					<i class="fa-solid fa-triangle-exclamation"></i>
+					NLnet foundation
+				</div>
+            </object>
 		</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">
+			<object role="img" aria-label="Privacy Accelerator" class="d-flex justify-content-center align-items-center sp-supported-by-img" type="image/svg+xml" data="/images/logos/PrivacyAcceleratorLogo.svg">
+                <div class="error">
+					<i class="fa-solid fa-triangle-exclamation"></i>
+					Privacy Accelerator
+				</div>
+            </object>
 		</a>
     </div>
 </div>

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

@@ -1,13 +1,13 @@
 ---
-title: "Frequency Asked Questions"
+title: "Frequently Asked Questions"
 linkTitle: "FAQ"
 date: 2023-03-13T
-weight: 2
+weight: 8
 description: >
     Frequently asked questions about our project.
 ---
 
-## What are self-host services and what are their advantages?
+## What are self-hosted services and what are their advantages?
 
 When we use centralised services, such as popular social networks, we trust the admins of the resource that stores our correspondence, our photos and even the most important secrets said in a chat with close people. We allow our interests and music preferences to be analysed, receive targeted advertising based on them, and most likely participate in unnamed audience analysis programs and all sorts of surveillance.
 

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,51 +0,0 @@
----
-title: "Nextcloud"
-date: 2023-01-11T17:08:23+03:00
-description: >
-  Swiss knife in the business of working together
----
-
-Collaboration means file storage, document management, video conferencing, shared event calendars, and things like that. As a rule, people tend to trust personal life and business to third-party services. However, there is an option to keep it all on your own server. 
-
-We choose [Nextcloud](https://nextcloud.com/) - free software for convenient scheduling and file storage.
-
-- [Official project website](https://nextcloud.com/)
-
-
-# Authentication
-
-When creating a server, `admin` Nextcloud user is created with the password you've used for
-your primary user.
-
-To add new users, go to the user administration panel, on the web interface of your Nextcloud.
-
-## Recommended clients
-
-- WEB interface: available after SelfPrivacy server configuration, at `https://cloud.YOUR.DOMAIN`
-- [Official application](https://nextcloud.com/install/#install-clients) (GNU/Linux, Windows, macOS, Android, iOS)
-
-
-## How to reset the admin password
-
-To follow the steps below, you'll need to connect to the server via SSH with administrative rights. A basic understanding of the command line is beneficial ;)
-
-For detailed connection instructions, [click here](https://selfprivacy.org/docs/how-to-guides/root_ssh/). 
-
-
-After connecting, enter the following command:
-
-```nextcloud-occ user:resetpassword admin```
-
-You will prompted for a new password, the characters will be hidden.
-
-
-## FAQ
-
-### Nextcloud Updater does not work
-It's fine, it should be. Nextcloud is updated via NixOS, and depends on our NixOS repository. Everything happens without your intervention.
-
-### Why can't I use my Nextcloud in third-party services?
-This can happen if the third-party service has a restriction to only connect to a specific Nextcloud instance.
-
-### Should I use an extension to encrypt my Nextcloud?
-We do not recommend it. The encryption keys are stored on the server, which makes such encryption practically useless. 

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

@@ -0,0 +1,126 @@
+---
+title: "Nextcloud"
+date: 2023-01-11T17:08:23+03:00
+weight: 2
+description: >
+  Swiss knife in the business of working together
+---
+
+Collaboration means file storage, document management, video conferencing, shared event calendars, and things like that. As a rule, people tend to trust personal life and business to third-party services. However, there is an option to keep it all on your own server.
+
+We choose [Nextcloud](https://nextcloud.com/) - free software for convenient scheduling and file storage.
+
+- [Official project website](https://nextcloud.com/)
+
+## Authentication
+
+When creating a server, `admin` Nextcloud user is created with the password you've used for
+your primary user.
+
+To add new users,
+
+1. go to the user administration panel, on the web interface of your Nextcloud.
+
+{{< imgproc nextcloud1 Fill "1275x853" />}}
+
+2. Click the New User button.
+
+{{< imgproc nextcloud2 Fill "1278x415" />}}
+
+## Recommended clients
+
+- WEB interface: available after SelfPrivacy server configuration, at `https://cloud.YOUR.DOMAIN`
+- [Official application](https://nextcloud.com/install/#install-clients) (GNU/Linux, Windows, macOS, Android, iOS)
+
+## How to reset the admin password
+
+To follow the steps below, you'll need to connect to the server via SSH with administrative rights. A basic understanding of the command line is beneficial ;)
+
+For detailed connection instructions, [click here](https://selfprivacy.org/docs/how-to-guides/root_ssh/).
+
+After connecting, enter the following command:
+
+```nextcloud-occ user:resetpassword admin```
+
+You will prompted for a new password, the characters will be hidden.
+
+## FAQ
+
+### Nextcloud Updater does not work
+
+It's fine, it should be. Nextcloud is updated via NixOS, and depends on our NixOS repository. Everything happens without your intervention.
+
+### Why can't I use my Nextcloud in third-party services?
+
+This can happen if the third-party service has a restriction to only connect to a specific Nextcloud instance.
+
+### Should I use an extension to encrypt my Nextcloud?
+
+We do not recommend it. The encryption keys are stored on the server, which makes such encryption practically useless.
+
+### Adding Contacts
+
+1. Open your Nextcloud, click on the contacts icon in the top right corner. Then click on "Install the Contacts app".
+
+{{< imgproc nextcloud_add_contact Fill "1276x610" />}}
+
+2. Click "Download and enable".
+
+{{< imgproc nextcloud_add_contact2 Fill "1280x704" />}}
+
+3. Now you have a new item in the menu.
+
+{{< imgproc nextcloud_add_contact3 Fill "1278x726" />}}
+
+### Adding Calendar
+
+1. Click on your profile avatar in the top right corner.
+
+2. In the dropdown menu, click "Apps".
+
+3. You will be taken to the app store, go to the "Organization" category and find the "Calendar" app.
+
+4. Click "Download and enable".
+  
+{{< imgproc nextcloud_add_contact4 Fill "1275x1169" />}}
+
+5. You now have another new item in the menu.
+
+{{< imgproc nextcloud_add_contact5 Fill "1281x465" />}}
+
+## Synchronizing Nextcloud Across Different Devices
+
+Download the [Nextcloud main app](https://nextcloud.com/install/#install-clients) (GNU/Linux, Windows, macOS, Android, iOS). It will help you synchronize files.
+
+How to set up synchronization for contacts and calendar? Instructions for different systems and applications.
+
+- [iOS](https://docs.nextcloud.com/server/latest/user_manual/en/groupware/sync_ios.html#)
+- [macOS](https://docs.nextcloud.com/server/latest/user_manual/en/groupware/sync_osx.html)
+- [Windows 10](https://docs.nextcloud.com/server/latest/user_manual/en/groupware/sync_windows10.html)
+- Android — see below
+
+- [Thunderbird](https://docs.nextcloud.com/server/latest/user_manual/en/groupware/sync_thunderbird.html)
+- [KDE Kontact](https://docs.nextcloud.com/server/latest/user_manual/en/groupware/sync_kde.html)
+- [GNOME Desktop](https://docs.nextcloud.com/server/latest/user_manual/en/groupware/sync_gnome.html)
+
+# How to Synchronize Nextcloud with an Android Smartphone?
+
+1. Download the [DAVx⁵ app](https://www.davx5.com/download/) on your Android device from [F-Droid](https://f-droid.org/de/packages/at.bitfire.davdroid/) or the [Google Play Store](https://play.google.com/store/apps/details?id=at.bitfire.davdroid).
+
+2. Open the app, and create a new account by tapping the "plus" button.
+
+3. In the account creation menu, select the last option "Nextcloud".
+
+4. The app will prompt you to enter the URL of your Nextcloud instance. The URL should look like: `https://cloud.YOUR.DOMAIN`.
+
+5. A browser will open. You need to log into your Nextcloud account and grant access.
+
+{{< imgproc nextcloud3 Fill "1134x466" />}}
+
+6. Return to the DAVx⁵ app. For the name, enter the email address registered in your Nextcloud account settings.
+
+7. In the "Contact group method" section, choose "Groups are categories of contacts".
+
+{{< imgproc nextcloud4 Fill "1200x573" />}}
+
+8. Select the data you want to synchronize.

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/SelfPrivacy automation.md

@@ -102,4 +102,4 @@ We are working to ensure that the general configuration of SelfPrivacy can be ex
 
 All transactions take place between your application, your server, and your service providers without SelfPrivacy being involved. Your copy of SelfPrivacy App is completely autonomous and independent in managing your infrastructure. No information about your interactions with your infrastructure reaches SelfPrivacy. All backups of your services leave your server in a fully encrypted form.
 
-You can read more about this in our [privacy policy]({{< ref "policy.md" >}}).
+You can read more about this in our [privacy policy]({{< ref "/privacy-policy/" >}}).

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/docs/Theory/architecture.md

@@ -9,13 +9,11 @@ description: >
 
 Yes, you could use kubernetes. But why when immutability is ensured by NixOS?
 
-## Mobile app ##
-[Flutter](https://flutter.dev/)/[Dart](https://dart.dev/) was chosen because of the speed and smoothness of the UI and cross-platform.
+**User app:** [Flutter](https://flutter.dev/)/[Dart](https://dart.dev/) was chosen because of the speed and smoothness of the UI and cross-platform.
 
-## Backend
-[NixOS](https://nixos.org/) + [Python](https://www.python.org/). NixOS was chosen because of its reproducibility, python because of its versatility and popularity.
+**Server side (backend):** [NixOS](https://nixos.org/) + [Python](https://www.python.org/). NixOS was chosen because of its reproducibility, python because of its versatility and popularity.
 
-## Service providers
+# Service providers
 **We do not get paid by any service providers!** We are not affiliated with them in any way. We chose them purely for professional reasons. But we do not exclude partnership in the future.
 
 ### Hosting
@@ -23,8 +21,6 @@ SelfPrivacy supports two hosting providers: [Hetzer](https://www.hetzner.com/) a
 
 Both were chosen because of low price and acceptable level of service, quality REST API.
 
-Hetzer has not been seen to have any privacy or data collection problems.
-
 Candidates:
 - Own personal iron server. **Our main priority right now**;
 - A service provider that will provide an API to deploy an iron server. Outside [FVEY](https://en.wikipedia.org/wiki/Five_Eyes);
@@ -34,7 +30,15 @@ Candidates:
 There's also free [Oracle Cloud](https://docs.oracle.com/en-us/iaas/Content/FreeTier/freetier_topic-Always_Free_Resources.htm), but where you don't pay, you're usually a commodity.
 
 ### DNS
-[Cloudlare](https://cloudflare.com) reliable, free. Probably collects data, otherwise it's hard to explain why proxy other people's traffic for free. In our case we use it only as a DNS-server and do not proxy anything. In the future we will replace it with self-hosted DNS, as soon as we solve the reliability problem.
+There's a choice between [Cloudflare](https://cloudflare.com), [deSEC](https://desec.io/), or [DigitalOcean DNS](https://www.digitalocean.com/).
+
+[deSEC](https://desec.io/) is a more private option and is recommended by default.
+
+[Cloudflare](https://cloudflare.com) likely collects data in proxy traffic mode, otherwise it's hard to explain why they would offer such services for free. **In our case, we don't proxy anything and use it only as a DNS server.**
 
 ### Backup repository
-[Backblaze](https://www.backblaze.com/) is free or times cheaper than AWS. Not seen in data collection. [Publishes](https://www.backblaze.com/blog/open-source-data-storage-server/) in open source the hardware it runs on. And also [shares](https://www.backblaze.com/b2/hard-drive-test-data.html) very useful statistics about disk failures, on the basis of which you can choose the most reliable and tested one. In the future, perhaps, we will replace it with a self-hosted or p2p solution. Now it is not the main priority, because the data is encrypted, and the service provider sees only the ip of your server, but not the home one.
+We use [Backblaze](https://www.backblaze.com/).
+
+The first 20GB are free and significantly cheaper than AWS. [Backblaze](https://www.backblaze.com/) publishes its hardware developments in open source. They also [shares](https://www.backblaze.com/b2/hard-drive-test-data.html) very useful statistics on disk failures, based on which one can choose the most reliable and tested option.
+
+In the future, we might replace them with a self-hosted solution or a peer-to-peer one. **Currently, this is not a top priority since the data is encrypted, and the service provider only sees the IP address of your server, not the device with the application.**

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,68 +10,66 @@ title: Downloads
 	<p>
 		Get the latest version of SelfPrivacy app for your operating system.
 	</p>
-
 {{< /blocks/lead >}}
 
 {{< blocks/section color="white" type="section" >}}
 
-	<div class="row w-100">
-		<h1 class="mx-auto text-center w-100">Android</h1>
+	<div class="mx-auto row w-100">
+		<h1 class="text-center w-100">Android</h1>
 	</div>
 
-	<div class="row w-100">
+	<div class="mx-auto 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" >}}
-	<div class="row w-100">
-		<h1 class="mx-auto text-center w-100">iOS</h1>
+	<div class="mx-auto row w-100">
+		<h1 class="text-center w-100">iOS</h1>
 	</div>
 
-	<div class="row w-100">
-		<h4 class="mx-auto text-center w-100">Coming soon</h4>
+	<div class="mx-auto row w-100">
+		<h4 class="text-center w-100">Coming soon</h4>
 	</div>
 
 {{< /blocks/section >}}
 
 {{< blocks/section type="section" color="dark" >}}
-	<div class="row w-100">
-		<h1 class="mx-auto text-center w-100">Desktop</h1>
+	<div class="mx-auto row w-100">
+		<h1 class="text-center w-100">Desktop</h1>
 	</div>
 
-<div class="row w-100">
+<div class="mx-auto 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/en/privacy-policy/_index.md

@@ -1,13 +1,7 @@
 ---
 title: "Privacy Policy"
 date: 2023-05-15
-weight: 4
----
-
-{{< blocks/section color="white" type="section" >}}
-
-# Privacy policy
-
+type: "docs"
 ---
 
 **Last updated: May 15, 2023**
@@ -60,6 +54,4 @@ If you have any questions or concerns about our Privacy Policy or the collection
 
 *We are pleased to offer this Privacy Policy under Creative Commons Zero license as a template that can be used by anyone in the open-source community. We hope that this contribution will help to support the development of privacy policies that promote transparency, accountability, and respect for the privacy of individuals. As part of our commitment to open-source values, we believe in sharing knowledge and resources to foster innovation and collaboration. Therefore, we encourage others to adapt and modify our privacy policy to meet their specific needs, while ensuring that they comply with applicable laws and regulations.*
 
-![Licensed under CC0](/images/icons/cc-zero.svg)
-
-{{< /blocks/section >}}
+![Licensed under CC0](/images/icons/cc-zero.svg)

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/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: >
   Ваш менеджер паролей 
 ---