From e9816c159240671f815f1ba7c6bb3ae6dee22654 Mon Sep 17 00:00:00 2001
From: Dan <dan@techsaviours.org>
Date: Sat, 23 Apr 2022 23:31:02 +1200
Subject: [PATCH] added new service piped

---
 index-de.html | 40 +++++++++++++++++++++++++++++++---------
 index.html    | 36 +++++++++++++++++++++++++++++-------
 2 files changed, 60 insertions(+), 16 deletions(-)

diff --git a/index-de.html b/index-de.html
index 4a0e77f..be23949 100644
--- a/index-de.html
+++ b/index-de.html
@@ -71,7 +71,8 @@
         </div>
         <div class="alert alert-info alert-dismissible fade show" role="info">
             <strong>Unser DNSCrypt-Server ist jetzt gelistet 👌<br><a
-                    href="https://techsaviours.org/news/de/unser-dnscrypt-server-ist-jetzt-gelistet">Check unsere news!</a></strong>
+                    href="https://techsaviours.org/news/de/unser-dnscrypt-server-ist-jetzt-gelistet">Check unsere
+                    news!</a></strong>
             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
@@ -241,10 +242,10 @@
                                 <li><a href="https://wiki.techsaviours.org/de/server/services/rsync">rsync</a></li>
                                 <li><a href="https://wiki.techsaviours.org/de/server/services/syncthing">syncthing</a>
                                 </li>
-                                <li><a href="https://wiki.techsaviours.org/de/server/services/dnscrypt">DNSCrypt</a></li>
+                                <li><a href="https://wiki.techsaviours.org/de/server/services/dnscrypt">DNSCrypt</a>
+                                </li>
                                 <li><a href="https://wiki.techsaviours.org/de:server:services:searx">Searx</a></li>
-                                <li><a
-                                        href="https://wiki.techsaviours.org/de:server:services:aur-helper">AUR-Helper</a>
+                                <li><a href="https://wiki.techsaviours.org/de:server:services:aur-helper">AUR-Helper</a>
                                 </li>
                             </ul>
                         </div>
@@ -398,8 +399,8 @@
                             Android.
                             <br>
                         </small>
-                        <a href="https://chat.techsaviours.org">Matrix</a> <small class="text-muted">und</small> <a
-                            href="https://meet.techsaviours.org">Jitsi</a>
+                        <a href="https://chat.techsaviours.org">Matrix</a> <i class="fa fa-matrix-org"></i> <small
+                            class="text-muted">und</small> <a href="https://meet.techsaviours.org">Jitsi</a>
                     </div>
                 </div>
                 <div class="col-lg-4">
@@ -421,8 +422,8 @@
                                 target="blank" rel="external nofollow noopener">DNSSEC</a>.<br>
                             <br>
                         </small>
-                        <a href="tutorials.html#dnscrypt">Connect <i class="fa fa-link"></i>
-                        </a>
+                        <a href="https://wiki.techsaviours.org/de/desktop/services/dnscrypt">Connect <i
+                                class="fa fa-link"></i></a>
                     </div>
                 </div>
                 <div class="col-lg-4">
@@ -447,7 +448,28 @@
                         </small>
                     </div>
                 </div>
-                <div class="col-lg-12">
+                <div class="col-lg-6">
+                    <div class="team-member">
+                        <img class="mx-auto rounded-circle" src="assets/img/services/piped.png" alt="Piped" />
+                        <h4>Piped</h4>
+                        <span>Ein alternatives, datenschutzfreundliches YouTube-Frontend, das durch sein Design
+                            effizient ist.</span><br>
+                        <br>
+                        <small class="text-muted">
+                            YouTube hat eine extrem invasive Datenschutzpolitik, die darauf beruht, dass Nutzerdaten auf
+                            unethische Weise verwendet werden. Du gibst ihnen eine Menge Daten - von Ideen,
+                            Musikgeschmack, Inhalten, politischen Meinungen und viel mehr, als du denkst.<br>
+                            <br>
+                            Mit Piped können Sie Inhalte frei ansehen und anhören, ohne befürchten zu müssen, dass
+                            neugierige Blicke deine Aktivitäten beobachten.
+                            <br>
+                            <br>
+                        </small>
+                        <a href="https://piped.techsaviours.org">Watch <i class="fa fa-youtube-play"></i>
+                        </a>
+                    </div>
+                </div>
+                <div class="col-lg-6">
                     <div class="team-member">
                         <img class="mx-auto rounded-circle" src="assets/img/services/git.webp" alt="Gitea" />
                         <h4>Gitea</h4>
diff --git a/index.html b/index.html
index e8b0cec..3ceb03e 100644
--- a/index.html
+++ b/index.html
@@ -71,7 +71,8 @@
         </div>
         <div class="alert alert-info alert-dismissible fade show" role="info">
             <strong>Our DNSCrypt server is now listed 👌 <br><a
-                    href="https://techsaviours.org/news/en/our-dnscrypt-server-is-now-listed">Check our news!</a></strong>
+                    href="https://techsaviours.org/news/en/our-dnscrypt-server-is-now-listed">Check our
+                    news!</a></strong>
             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
@@ -239,7 +240,8 @@
                                 <li><a href="https://wiki.techsaviours.org/en/server/services/rsync">rsync</a></li>
                                 <li><a href="https://wiki.techsaviours.org/en/server/services/syncthing">syncthing</a>
                                 </li>
-                                <li><a href="https://wiki.techsaviours.org/en/server/services/dnscrypt">DNSCrypt</a></li>
+                                <li><a href="https://wiki.techsaviours.org/en/server/services/dnscrypt">DNSCrypt</a>
+                                </li>
                                 <li><a href="https://wiki.techsaviours.org/en:server:services:searx">Searx</a></li>
                                 <li><a href="https://wiki.techsaviours.org/en:server:services:aur-helper">AUR-Helper</a>
                                 </li>
@@ -391,8 +393,8 @@
                             applications for the web platform, Windows, Linux, macOS, iOS and Android.
                             <br>
                         </small>
-                        <a href="https://chat.techsaviours.org">Matrix</a> <small class="text-muted">and</small> <a
-                            href="https://meet.techsaviours.org">Jitsi</a>
+                        <a href="https://chat.techsaviours.org">Matrix</a> <i class="fa fa-matrix-org"></i> <small
+                            class="text-muted">and</small> <a href="https://meet.techsaviours.org">Jitsi</a>
                     </div>
                 </div>
                 <div class="col-lg-4">
@@ -415,8 +417,8 @@
                                 target="blank" rel="external nofollow noopener">DNSSEC</a>.<br>
                             <br>
                         </small>
-                        <a href="tutorials.html#dnscrypt">Connect <i class="fa fa-link"></i>
-                        </a>
+                        <a href="https://wiki.techsaviours.org/en/desktop/services/dnscrypt">Connect <i
+                                class="fa fa-link"></i></a>
                     </div>
                 </div>
                 <div class="col-lg-4">
@@ -440,7 +442,27 @@
                         </small>
                     </div>
                 </div>
-                <div class="col-lg-12">
+                <div class="col-lg-6">
+                    <div class="team-member">
+                        <img class="mx-auto rounded-circle" src="assets/img/services/piped.png" alt="Piped" />
+                        <h4>Piped</h4>
+                        <span>An alternative privacy-friendly YouTube frontend which is efficient by design.</span><br>
+                        <br>
+                        <small class="text-muted">
+                            YouTube has an extremely invasive privacy policy which relies on using user data in
+                            unethical ways. You give them a lot of data - ranging from ideas, music taste, content,
+                            political opinions, and much more than you think.<br>
+                            <br>
+                            By using Piped, you can freely watch and listen to content freely without the fear of prying
+                            eyes watching everything you are doing.
+                            <br>
+                            <br>
+                        </small>
+                        <a href="https://piped.techsaviours.org">Watch <i class="fa fa-youtube-play"></i>
+                        </a>
+                    </div>
+                </div>
+                <div class="col-lg-6">
                     <div class="team-member">
                         <img class="mx-auto rounded-circle" src="assets/img/services/git.webp" alt="Gitea" />
                         <h4>Gitea</h4>