From d87cc5dd15481ca1d5cfabb4bb693ce7a49a73d6 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Wed, 18 Oct 2023 18:58:55 +0200
Subject: [PATCH] Adding NocoDB and Penpot Moving "broken" services to the end
 of the list

---
 index.html | 160 ++++++++++++++++++++++++++++++-----------------------
 1 file changed, 92 insertions(+), 68 deletions(-)

diff --git a/index.html b/index.html
index e5535ce..fd4733c 100644
--- a/index.html
+++ b/index.html
@@ -70,74 +70,6 @@
               >Go to Invidious</a
             >
           </div>
-          <div class="service col-sm-4">
-            <h3>Libreddit</h3>
-            <p>Use Reddit without Reddit tracking you. Currently unstable due to API changes introduced by Reddit...</p>
-            <div class="btn-group">
-              <a href="https://libreddit.private.coffee" class="btn btn-danger"
-                >Go to Libreddit</a
-              >
-              
-              <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-                <span class="visually-hidden">Toggle Dropdown</span>
-              </button>
-              <ul
-                class="dropdown-menu"
-                x-placement="bottom-start"
-                style="
-                  position: absolute;
-                  transform: translate3d(80px, 38px, 0px);
-                  top: 0px;
-                  left: 0px;
-                  will-change: transform;
-                "
-              >
-                <a class="dropdown-item" href="https://libreddit.private.coffee"
-                  >Clearnet</a
-                >
-                <a
-                  class="dropdown-item"
-                  href="http://libreddit.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
-                  >Tor (.onion)</a
-                >
-              </ul>
-            </div>
-          </div>
-          <div class="service col-sm-4">
-            <h3>Nitter</h3>
-            <p>Use Twitter without Twitter tracking you. 
-              </a>
-            </p>
-            <div class="btn-group">
-              <a href="https://nitter.private.coffee" class="btn btn-primary"
-                >Go to Nitter</a
-              >
-              
-              <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
-                <span class="visually-hidden">Toggle Dropdown</span>
-              </button>
-              <ul
-                class="dropdown-menu"
-                x-placement="bottom-start"
-                style="
-                  position: absolute;
-                  transform: translate3d(80px, 38px, 0px);
-                  top: 0px;
-                  left: 0px;
-                  will-change: transform;
-                "
-              >
-                <a class="dropdown-item" href="https://nitter.private.coffee"
-                  >Clearnet</a
-                >
-                <a
-                  class="dropdown-item"
-                  href="http://nitter.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
-                  >Tor (.onion)</a
-                >
-              </ul>
-            </div>
-          </div>
           <div class="service col-sm-4">
             <h3>Matrix</h3>
             <p>
@@ -192,6 +124,98 @@
               >Go to Indestructables</a
             >
           </div>
+          <div class="service col-sm-4">
+            <h3>NocoDB</h3>
+            <p>
+              NocoDB is an open-source tool that turns any database into a smart
+              spreadsheet similar to Airtable. It provides an interface to perform 
+              CRUD operations and to build intuitive dashboards. (Note: If you are
+              unable to create tables upon registration, simply wait a minute or 
+              two, log out and then log in again.)
+            </p>
+            <a href="https://nocodb.private.coffee/" class="btn btn-primary"
+              >Go to NocoDB</a
+            >
+          </div>
+          <div class="service col-sm-4">
+            <h3>Penpot</h3>
+            <p>
+              Penpot is an open-source design and prototyping platform meant for 
+              cross-domain teams. Non-dependent on operating systems, Penpot is 
+              web-based and works with open web standards (SVG). 
+            </p>
+            <a href="https://penpot.private.coffee/" class="btn btn-primary"
+              >Go to Penpot</a
+            >
+          </div>
+          <div class="service col-sm-4">
+            <h3>Libreddit</h3>
+            <p>Use Reddit without Reddit tracking you. Currently unstable due to API changes introduced by Reddit...</p>
+            <div class="btn-group">
+              <a href="https://libreddit.private.coffee" class="btn btn-danger"
+                >Go to Libreddit</a
+              >
+              
+              <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
+                <span class="visually-hidden">Toggle Dropdown</span>
+              </button>
+              <ul
+                class="dropdown-menu"
+                x-placement="bottom-start"
+                style="
+                  position: absolute;
+                  transform: translate3d(80px, 38px, 0px);
+                  top: 0px;
+                  left: 0px;
+                  will-change: transform;
+                "
+              >
+                <a class="dropdown-item" href="https://libreddit.private.coffee"
+                  >Clearnet</a
+                >
+                <a
+                  class="dropdown-item"
+                  href="http://libreddit.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
+                  >Tor (.onion)</a
+                >
+              </ul>
+            </div>
+          </div>
+          <div class="service col-sm-4">
+            <h3>Nitter</h3>
+            <p>Use Twitter without Twitter tracking you. Currently broken because Elon.
+              </a>
+            </p>
+            <div class="btn-group">
+              <a href="https://nitter.private.coffee" class="btn btn-danger"
+                >Go to Nitter</a
+              >
+              
+              <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
+                <span class="visually-hidden">Toggle Dropdown</span>
+              </button>
+              <ul
+                class="dropdown-menu"
+                x-placement="bottom-start"
+                style="
+                  position: absolute;
+                  transform: translate3d(80px, 38px, 0px);
+                  top: 0px;
+                  left: 0px;
+                  will-change: transform;
+                "
+              >
+                <a class="dropdown-item" href="https://nitter.private.coffee"
+                  >Clearnet</a
+                >
+                <a
+                  class="dropdown-item"
+                  href="http://nitter.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
+                  >Tor (.onion)</a
+                >
+              </ul>
+            </div>
+          </div>
           <div class="service col-sm-4">
             <h3>Hosting</h3>
             <p>