fix(data): standardize month formatting to two digits

Updated the month keys in the `finances.json` file to use a two-digit format. Adjusted the `get_transparency_data` function to accommodate this change by zero-padding single-digit months. This ensures consistency in data representation and prevents potential errors in handling financial data.

.forgejo/workflows/build-pride.yml

@@ -0,0 +1,50 @@
+name: Build and Deploy Static Site (Pride Theme)
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    container: node:20-bookworm
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Install dependencies
+        run: |
+          apt update
+          apt install -y python3 python3-pip
+          python3 -m pip install -r requirements.txt --break-system-packages
+
+      - name: Generate static site
+        run: python3 main.py --theme pride
+
+      - name: Deploy to pages branch
+        run: |
+          # Configure Git
+          git config --global user.name "Forgejo"
+          git config --global user.email "noreply@private.coffee"
+
+          # Move generated static site files to a temporary location
+          mv build ../static_site_temp
+          cp .gitignore ../static_site_temp
+
+          # Create a new orphan branch named 'pages-pride'
+          git checkout --orphan pages-pride
+
+          # Remove all files from the working directory
+          git rm -rf .
+
+          # Move the static site files back to the working directory
+          mv ../static_site_temp/* ./
+          mv ../static_site_temp/.* ./ 2>/dev/null || true
+
+          # Add and commit the static site files
+          git add .
+          git commit -m "Deploy static site"
+
+          # Force push to the 'pages-pride' branch
+          git push origin pages-pride --force

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "files.associations": {
+        "*.html": "jinja-html"
+    }
+}

assets/css/base.css

@@ -123,14 +123,33 @@ h5 {
   color: #604c2e;
 }
 
-.homemade {
+/* Image Styles */
+#logoContainer {
+  background-size: contain;
+  background-repeat: no-repeat;
+  max-width: 400px;
+  max-height: 400px;
+  width: 80vh;
+  height: 80vh;
+}
+
+#smallLogoContainer {
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 64px;
+  height: 64px;
+}
+
+.homemade,
+.fork {
   right: -0.5rem;
   height: 1.5rem;
   width: 1.5rem;
   position: absolute;
 }
 
-.homemade svg {
+.homemade svg,
+.fork svg {
   fill: var(--bs-primary-bg-subtle) !important;
 }
 
@@ -146,10 +165,6 @@ h5 {
   fill: var(--bs-primary-bg-subtle);
 }
 
-.bg-pride-gradient {
-  background: linear-gradient(45deg, #FF7878, #FFC898, #FFF89A, #CDF2CA, #A2CDCD, #D1E8E4, #CAB8FF);
-}
-
 /* Responsive Styles */
 @media (max-width: 991px) {
   p.text-center.special-header {
@@ -323,3 +338,7 @@ h5 {
 .accordion-item[open] .accordion-body {
   display: block;
 }
+
+.accordion-header .bs-icon svg {
+  width: 32px;
+}

assets/css/theme/plain.css

@@ -0,0 +1,7 @@
+#logoContainer {
+    background-image: url(../../img/logo-inv_grad.svg);
+}
+
+#smallLogoContainer {
+    background-image: url(../../img/logo-inv_grad.svg);
+}

assets/css/theme/pride.css

@@ -0,0 +1,11 @@
+.bg-primary-gradient {
+    background: linear-gradient(45deg, #FF7878, #FFC898, #FFF89A, #CDF2CA, #A2CDCD, #D1E8E4, #CAB8FF);
+}
+
+#logoContainer {
+    background-image: url(../../img/logo-white.svg);
+}
+
+#smallLogoContainer {
+    background-image: url(../../img/logo-inv_grad.svg);
+}

assets/dist/icons/money-wavy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M244.24,60a8,8,0,0,0-7.75-.4c-42.93,21-73.59,11.16-106,.78-34-10.89-69.25-22.14-117.95,1.64A8,8,0,0,0,8,69.24V189.17a8,8,0,0,0,11.51,7.19c42.93-21,73.59-11.16,106.05-.78,19.24,6.15,38.84,12.42,61,12.42,17.09,0,35.73-3.72,56.91-14.06a8,8,0,0,0,4.49-7.18V66.83A8,8,0,0,0,244.24,60ZM232,181.67c-40.6,18.17-70.25,8.69-101.56-1.32-19.24-6.15-38.84-12.42-61-12.42a122,122,0,0,0-45.4,9V74.33c40.6-18.17,70.25-8.69,101.56,1.32S189.14,96,232,79.09ZM128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,128,144ZM56,96v48a8,8,0,0,1-16,0V96a8,8,0,1,1,16,0Zm144,64V112a8,8,0,1,1,16,0v48a8,8,0,1,1-16,0Z"></path></svg>

assets/dist/icons/qr-code.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm0,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48ZM200,40H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-64,72V144a8,8,0,0,1,16,0v32a8,8,0,0,1-16,0Zm80-16a8,8,0,0,1-8,8H184v40a8,8,0,0,1-8,8H144a8,8,0,0,1,0-16h24V144a8,8,0,0,1,16,0v8h24A8,8,0,0,1,216,160Zm0,32v16a8,8,0,0,1-16,0V192a8,8,0,0,1,16,0Z"></path></svg>

assets/dist/icons/train.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M184,24H72A32,32,0,0,0,40,56V184a32,32,0,0,0,32,32h8L65.6,235.2a8,8,0,1,0,12.8,9.6L100,216h56l21.6,28.8a8,8,0,1,0,12.8-9.6L176,216h8a32,32,0,0,0,32-32V56A32,32,0,0,0,184,24ZM56,120V80h64v40Zm80-40h64v40H136ZM72,40H184a16,16,0,0,1,16,16v8H56V56A16,16,0,0,1,72,40ZM184,200H72a16,16,0,0,1-16-16V136H200v48A16,16,0,0,1,184,200ZM96,172a12,12,0,1,1-12-12A12,12,0,0,1,96,172Zm88,0a12,12,0,1,1-12-12A12,12,0,0,1,184,172Z"></path></svg>

data/finances.json

@@ -1,6 +1,6 @@
 {
     "2024": {
-        "4": {
+        "04": {
             "Membership Fees": {
                 "EUR": 365
             },
@@ -12,7 +12,7 @@
                 "Notes": "Administrative fee for the formation of the association"
             }
         },
-        "5": {
+        "05": {
             "Membership Fees": {
                 "EUR": 390
             },
@@ -25,7 +25,7 @@
                 "Notes": "Includes setup costs and two monthly payments for new server"
             }
         },
-        "6": {
+        "06": {
             "Membership Fees": {
                 "EUR": 382.42
             },
@@ -36,7 +36,7 @@
                 "EUR": -49.05
             }
         },
-        "7": {
+        "07": {
             "Membership Fees": {
                 "EUR": 422.42
             },
@@ -47,12 +47,28 @@
                 "EUR": -264.99
             }
         },
-        "8": {
+        "08": {
             "Membership Fees": {
-                "EUR": 325
+                "EUR": 402.42
             },
             "Server Costs": {
-                "EUR": -77.28
+                "EUR": -416.47
+            }
+        },
+        "09": {
+            "Membership Fees": {
+                "EUR": 468.11
+            },
+            "Server Costs": {
+                "EUR": -243.46
+            },
+            "Bank Fees": {
+                "EUR": -53.32
+            }
+        },
+        "10": {
+            "Membership Fees": {
+                "EUR": 30.23
             }
         }
     }

data/services.json

@@ -4,9 +4,10 @@
             "name": "Matrix",
             "url": "https://element.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "decentralized messaging",
             "short_description": "Matrix is an open network for secure, decentralized communication.",
-            "long_description": "Private.coffee runs a Matrix server. You can use it to chat with other people at Private.coffee or around the world. Use it with a client of your choice, or use our web clients.",
+            "long_description": "Private.coffee runs a Matrix server. You can use it to chat with other people at Private.coffee or around the world. Public registrations are currently disabled, send an email to support@private.coffee to request an account.",
             "status": "OK",
             "links": [
                 {
@@ -32,6 +33,7 @@
             "name": "CryptPad",
             "url": "https://cryptpad.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "collaborative document editing",
             "short_description": "Private, encrypted, real-time collaborative editor.",
             "long_description": "CryptPad is a private, encrypted, zero-knowledge, realtime collaborative editor, similar to Google Docs and Office 365.",
@@ -46,38 +48,11 @@
             "exclude_from_index": false,
             "exclude_from_simple": false
         },
-        {
-            "name": "Piped / Invidious",
-            "url": "https://piped.private.coffee",
-            "homemade": false,
-            "tiny_description": "tracking-free YouTube",
-            "short_description": "Watch YouTube videos without Google tracking.",
-            "long_description": "Piped and Invidious are alternative front-ends to YouTube. Unfortunately, they are under attack from Google, and may be slow or unavailable at times.",
-            "status": "NOK",
-            "links": [
-                {
-                    "name": "Go to Piped",
-                    "url": "https://piped.private.coffee"
-                },
-                {
-                    "name": "Go to Invidious",
-                    "url": "https://invidious.private.coffee",
-                    "alternatives": [
-                        {
-                            "name": "Tor",
-                            "url": "http://invidious.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion"
-                        }
-                    ]
-                }
-            ],
-            "icon": "video",
-            "exclude_from_index": false,
-            "exclude_from_simple": false
-        },
         {
             "name": "Transfer.coffee",
             "url": "https://transfer.coffee",
-            "homemade": true,
+            "homemade": "https://git.private.coffee/PrivateCoffee/transfer.coffee",
+            "fork": false,
             "tiny_description": "secure direct file transfer",
             "short_description": "Transfer files securely using peer-to-peer connections.",
             "long_description": "Transfer.coffee allows you to transfer files securely using peer-to-peer connections. Your files are never stored on our servers.",
@@ -95,7 +70,8 @@
         {
             "name": "MyIP.Coffee",
             "url": "https://myip.coffee",
-            "homemade": true,
+            "homemade": "https://git.private.coffee/PrivateCoffee/myip.coffee",
+            "fork": false,
             "tiny_description": "check your IP address",
             "short_description": "Check your IP address.",
             "long_description": "MyIP.Coffee allows you to check your current IPv4 and IPv6 addresses.",
@@ -114,6 +90,7 @@
             "name": "Overleaf",
             "url": "https://overleaf.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "collaborative LaTeX editor",
             "short_description": "Overleaf is an online LaTeX editor for writing and sharing documents.",
             "long_description": "Overleaf is an online LaTeX editor for writing and sharing documents. It allows you to write documents in LaTeX, and to collaborate with others.",
@@ -132,6 +109,7 @@
             "name": "Mastodon",
             "url": "https://cuddly.space",
             "homemade": false,
+            "fork": false,
             "tiny_description": "decentralized social network",
             "short_description": "Mastodon is a decentralized social network.",
             "long_description": "Mastodon is a decentralized social network. You can use it to post short messages, follow other people, and more. Registrations are open to everyone on Cuddly Space.",
@@ -154,6 +132,7 @@
             "name": "Forgejo",
             "url": "https://git.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "self-hosted Git forge",
             "short_description": "Forgejo is our in-house Git forge.",
             "long_description": "Forgejo is our in-house Git forge. You can use it to host your Git repositories, and to collaborate with others.",
@@ -172,6 +151,7 @@
             "name": "BigBlueButton",
             "url": "https://bbb.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "video conferencing",
             "short_description": "BigBlueButton is an open-source video conferencing system.",
             "long_description": "BigBlueButton is an open-source video conferencing system. You can use it to hold video conferences, webinars, and more.",
@@ -190,6 +170,7 @@
             "name": "HedgeDoc",
             "url": "https://hedgedoc.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "collaborative markdown editor",
             "short_description": "HedgeDoc is an open-source collaborative markdown editor.",
             "long_description": "HedgeDoc is an open-source collaborative markdown editor. You can use it to write and edit documents in markdown, and to collaborate with others.",
@@ -208,6 +189,7 @@
             "name": "FacilMap",
             "url": "https://facilmap.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "open-source map editor",
             "short_description": "FacilMap is an open-source map editor.",
             "long_description": "FacilMap is an open-source map editor. You can use it to create and edit maps, and to share them with others.",
@@ -226,6 +208,7 @@
             "name": "OTS - One Time Secrets",
             "url": "https://ots.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "share secrets securely",
             "short_description": "OTS is a service for sharing secrets securely.",
             "long_description": "OTS is a service for sharing secrets securely. You can use it to share passwords, API keys, and other sensitive information.",
@@ -240,10 +223,30 @@
             "exclude_from_index": false,
             "exclude_from_simple": false
         },
+        {
+            "name": "QRMaker",
+            "url": "https://qrmaker.private.coffee",
+            "homemade": "https://git.private.coffee/PrivateCoffee/QRMaker",
+            "fork": false,
+            "tiny_description": "QR code generator",
+            "short_description": "QRMaker is a service for generating QR codes.",
+            "long_description": "QRMaker is a service for generating QR codes. You can use it to create QR codes for URLs, text, and more, directly in your browser.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to QRMaker",
+                    "url": "https://qrmaker.private.coffee"
+                }
+            ],
+            "icon": "qr-code",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
         {
             "name": "FreshRSS",
             "url": "https://freshrss.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "RSS feed reader",
             "short_description": "FreshRSS is a RSS feed reader.",
             "long_description": "FreshRSS is a RSS feed reader. You can use it to subscribe to RSS feeds and read the latest articles from your favorite websites.",
@@ -262,6 +265,7 @@
             "name": "redlib",
             "url": "https://redlib.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "tracking-free Reddit",
             "short_description": "redlib is a privacy-friendly alternative front-end to Reddit.",
             "long_description": "redlib is a privacy-friendly alternative front-end to Reddit. It allows you to browse Reddit without being tracked.",
@@ -276,10 +280,49 @@
             "exclude_from_index": false,
             "exclude_from_simple": false
         },
+        {
+            "name": "CyberChef",
+            "url": "https://cyberchef.private.coffee",
+            "homemade": false,
+            "fork": false,
+            "tiny_description": "Web app for encryption and encoding",
+            "short_description": "CyberChef is a web app for encryption, encoding, compression, and data analysis.",
+            "long_description": "CyberChef is a web app for encryption, encoding, compression, and data analysis. It allows you to perform a wide range of operations on your data within your browser.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to CyberChef",
+                    "url": "https://cyberchef.private.coffee"
+                }
+            ],
+            "icon": "lock-key",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
+        {
+            "name": "Travelynx",
+            "url": "https://traveling.coffee",
+            "homemade": false,
+            "fork": false,
+            "tiny_description": "rail journey logger (German)",
+            "short_description": "Travelynx is a service for logging your rail journeys. (German)",
+            "long_description": "Travelynx is a service for logging your rail journeys, primarily for Germany and surrounding Europe. You can use it to keep track of the trains you've taken, and to view statistics about your trips.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to Travelynx",
+                    "url": "https://traveling.coffee"
+                }
+            ],
+            "icon": "train",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
         {
             "name": "AllTube",
             "url": "https://alltube.private.coffee",
             "homemade": false,
+            "fork": "https://git.private.coffee/PrivateCoffee/alltube",
             "tiny_description": "universal video downloader",
             "short_description": "Download videos from YouTube, Vimeo, and more.",
             "long_description": "AllTube is a video downloader powered by yt-dlp. It allows you to download videos from YouTube, Vimeo, and many other sites. You can also stream the download through our server for extra privacy.",
@@ -294,10 +337,55 @@
             "exclude_from_index": false,
             "exclude_from_simple": false
         },
+        {
+            "name": "Invidious",
+            "url": "https://invidious.private.coffee",
+            "homemade": false,
+            "fork": "https://git.private.coffee/PrivateCoffee/invidious",
+            "tiny_description": "tracking-free YouTube",
+            "short_description": "Watch YouTube videos without Google tracking.",
+            "long_description": "Invidious is an alternative front-end to YouTube. Unfortunately, it is under attack from Google, and is mostly unusable at the moment.",
+            "status": "NOK",
+            "links": [
+                {
+                    "name": "Go to Invidious",
+                    "url": "https://invidious.private.coffee",
+                    "alternatives": [
+                        {
+                            "name": "Tor",
+                            "url": "http://invidious.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion"
+                        }
+                    ]
+                }
+            ],
+            "icon": "video",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
+        {
+            "name": "Piped",
+            "url": "https://piped.private.coffee",
+            "homemade": false,
+            "fork": false,
+            "tiny_description": "tracking-free YouTube",
+            "short_description": "Watch YouTube videos without Google tracking.",
+            "long_description": "Piped is an alternative front-end to YouTube. Unfortunately, it is under attack from Google, and is mostly unusable at the moment.",
+            "status": "NOK",
+            "links": [
+                {
+                    "name": "Go to Piped",
+                    "url": "https://piped.private.coffee"
+                }
+            ],
+            "icon": "video",
+            "exclude_from_index": true,
+            "exclude_from_simple": true
+        },
         {
             "name": "Structables",
             "url": "https://structables.private.coffee",
-            "homemade": true,
+            "homemade": "https://git.private.coffee/PrivateCoffee/structables",
+            "fork": false,
             "tiny_description": "tracking-free Instructables",
             "short_description": "Browse Instructables without being tracked.",
             "long_description": "Structables allows you to browse Instructables without being tracked.",
@@ -316,6 +404,7 @@
             "name": "Quetre",
             "url": "https://quetre.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "tracking-free Quora",
             "short_description": "Quetre is a privacy-friendly alternative front-end to Quora.",
             "long_description": "Quetre is a privacy-friendly alternative front-end to Quora. It allows you to browse Quora without being tracked or having to log in.",
@@ -339,7 +428,8 @@
         {
             "name": "Wikimore",
             "url": "https://wikimore.private.coffee",
-            "homemade": true,
+            "homemade": "https://git.private.coffee/PrivateCoffee/wikimore",
+            "fork": false,
             "tiny_description": "censorship-free Wikipedia",
             "short_description": "Wikimore is a privacy-friendly alternative front-end to Wikimedia wikis.",
             "long_description": "Wikimore is a privacy-friendly alternative front-end to Wikipedia and other Wikimedia wikis.",
@@ -364,6 +454,7 @@
             "name": "Priviblur",
             "url": "https://priviblur.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "tracking-free Tumblr",
             "short_description": "Priviblur is a privacy-friendly alternative front-end to Tumblr.",
             "long_description": "Priviblur is a privacy-friendly alternative front-end to Tumblr. It allows you to browse Tumblr without being tracked.",
@@ -388,6 +479,7 @@
             "name": "BiblioReads",
             "url": "https://biblioreads.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "tracking-free Goodreads",
             "short_description": "BiblioReads is a privacy-friendly alternative front-end to Goodreads.",
             "long_description": "BiblioReads is a privacy-friendly alternative front-end to Goodreads. It allows you to browse Goodreads without being tracked.",
@@ -402,10 +494,49 @@
             "exclude_from_index": false,
             "exclude_from_simple": false
         },
+        {
+            "name": "Small",
+            "url": "https://small.private.coffee",
+            "homemade": "https://git.private.coffee/PrivateCoffee/small",
+            "fork": false,
+            "tiny_description": "tracking-free Medium",
+            "short_description": "Small is a privacy-friendly alternative front-end to Medium.",
+            "long_description": "Small is a privacy-friendly alternative front-end to Medium. It allows you to browse Medium without being tracked.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to Small",
+                    "url": "https://small.private.coffee"
+                }
+            ],
+            "icon": "pencil-ruler",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
+        {
+            "name": "Scribe",
+            "url": "https://scribe.private.coffee",
+            "homemade": false,
+            "fork": false,
+            "tiny_description": "tracking-free Medium",
+            "short_description": "Scribe is a privacy-friendly alternative front-end to Medium.",
+            "long_description": "Scribe is a privacy-friendly alternative front-end to Medium. It allows you to browse Medium without being tracked.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to Scribe",
+                    "url": "https://scribe.private.coffee"
+                }
+            ],
+            "icon": "pencil-ruler",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
         {
             "name": "LibreTranslate",
             "url": "https://translate.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "self-hosted translation",
             "short_description": "LibreTranslate is a self-hosted translation service powered by Argos Translate.",
             "long_description": "LibreTranslate is a self-hosted translation service powered by Argos Translate. It allows you to translate text between many languages.",
@@ -424,6 +555,7 @@
             "name": "wishthis",
             "url": "https://wishthis.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "create and share wishlists",
             "short_description": "wishthis is a service for creating and sharing wishlists.",
             "long_description": "wishthis is a service for creating wishlists. You can use it to create wishlists for yourself, or to share them with others.",
@@ -442,6 +574,7 @@
             "name": "BreezeWiki",
             "url": "https://breezewiki.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "tracking-free Fandom",
             "short_description": "BreezeWiki is a privacy-friendly alternative front-end to Fandom.",
             "long_description": "BreezeWiki is a privacy-friendly alternative front-end to Fandom. It allows you to browse Fandom wikis without ads or tracking.",
@@ -462,10 +595,30 @@
             "exclude_from_index": false,
             "exclude_from_simple": false
         },
+        {
+            "name": "Ducks for Ducks",
+            "url": "https://ducksforducks.private.coffee",
+            "homemade": "https://git.private.coffee/PrivateCoffee/ducksforducks",
+            "fork": false,
+            "tiny_description": "a private front-end to Geeks for Geeks",
+            "short_description": "Ducks for Ducks is a privacy-friendly alternative front-end to Geeks for Geeks.",
+            "long_description": "Ducks for Ducks is a privacy-friendly alternative front-end to Geeks for Geeks. It allows you to browse Geeks for Geeks without ads or tracking.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to Ducks for Ducks",
+                    "url": "https://ducksforducks.private.coffee"
+                }
+            ],
+            "icon": "books",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
         {
             "name": "NocoDB",
             "url": "https://nocodb.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "Airtable alternative",
             "short_description": "NocoDB is a self-hosted alternative to Airtable.",
             "long_description": "NocoDB is a self-hosted alternative to Airtable. It allows you to create databases and tables, and to view and edit them in a spreadsheet-like interface. (Note: If you are unable to create tables upon registration, simply wait a minute or two, log out and then log in again. Note that your email address will be visible to all registered users!)",
@@ -484,6 +637,7 @@
             "name": "Penpot",
             "url": "https://penpot.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "open-source design platform",
             "short_description": "Penpot is an open-source design and prototyping platform.",
             "long_description": "Penpot is an open-source design and prototyping platform. It allows you to create designs and prototypes, and to collaborate with others.",
@@ -502,6 +656,7 @@
             "name": "tldraw",
             "url": "https://tldraw.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "collaborative whiteboard",
             "short_description": "tldraw is a collaborative whiteboard.",
             "long_description": "tldraw is a collaborative whiteboard. You can use it to draw and write with others in real-time.",
@@ -520,6 +675,7 @@
             "name": "YOURLS",
             "url": "https://pcof.fi",
             "homemade": false,
+            "fork": false,
             "tiny_description": "URL shortener",
             "short_description": "URL shortener for creating handy links.",
             "long_description": "Use our URL shortener at pcof.fi to turn long, complicated URLs into something more handy.",
@@ -538,6 +694,7 @@
             "name": "Rallly",
             "url": "https://rallly.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "collaborative scheduling (Doodle)",
             "short_description": "Rallly is a free collaborative scheduling service for voting and polls.",
             "long_description": "Rallly is a free collaborative scheduling service. It allows you to create polls and vote on them, similar to Doodle. Pro features are enabled for free after signing in.",
@@ -556,6 +713,7 @@
             "name": "LibreY",
             "url": "https://librey.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "search engine",
             "short_description": "Privacy-friendly metasearch engine.",
             "long_description": "LibreY is an open-source, privacy-friendly metasearch engine. It allows you to search for web, image, video, torrents, and more, and it can also search onion sites.",
@@ -584,6 +742,7 @@
             "name": "GotHub",
             "url": "https://gothub.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "tracking-free GitHub",
             "short_description": "Alternative GitHub interface that respects privacy.",
             "long_description": "Gothub is an alternative GitHub interface that respects your privacy. It is currently in alpha, but you can browse and download repositories, and you can also clone them using git+https (although the text on the main page would disagree).",
@@ -602,6 +761,7 @@
             "name": "Binternet",
             "url": "https://binternet.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "tracking-free Pinterest",
             "short_description": "Binternet is a privacy-friendly alternative front-end to Pinterest.",
             "long_description": "Binternet is a privacy-friendly alternative front-end to Pinterest. It allows you to browse Pinterest without being tracked.",
@@ -616,10 +776,49 @@
             "exclude_from_index": false,
             "exclude_from_simple": false
         },
+        {
+            "name": "Moner.ooo",
+            "url": "https://monerooo.private.coffee",
+            "homemade": false,
+            "fork": "https://git.private.coffee/kumi/moner.ooo",
+            "tiny_description": "Monero/fiat exchange rates",
+            "short_description": "Moner.ooo is a service for checking Monero/fiat exchange rates.",
+            "long_description": "Moner.ooo is a service for checking Monero/fiat exchange rates. It allows you to see the current exchange rates for Monero in various fiat currencies.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to Moner.ooo",
+                    "url": "https://monerooo.private.coffee"
+                }
+            ],
+            "icon": "money-wavy",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
+        {
+            "name": "httpbin",
+            "url": "https://httpbin.private.coffee",
+            "homemade": false,
+            "fork": false,
+            "tiny_description": "HTTP request testing service",
+            "short_description": "httpbin is a service for testing HTTP requests.",
+            "long_description": "httpbin is a service for testing HTTP requests. You can use it to see what your browser sends to a server, and to test various HTTP methods.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to httpbin",
+                    "url": "https://httpbin.private.coffee"
+                }
+            ],
+            "icon": "network",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
         {
             "name": "Overpass",
             "url": "https://overpass.private.coffee",
             "homemade": false,
+            "fork": false,
             "tiny_description": "OpenStreetMap API",
             "short_description": "Overpass is an API for OpenStreetMap.",
             "long_description": "Overpass is an API for OpenStreetMap. You can use it to query OpenStreetMap data, and to get the results in various formats.",
@@ -634,10 +833,30 @@
             "exclude_from_index": false,
             "exclude_from_simple": false
         },
+        {
+            "name": "GoogleDonts",
+            "url": "https://googledonts.private.coffee",
+            "homemade": "https://git.private.coffee/PrivateCoffee/googledonts",
+            "fork": false,
+            "tiny_description": "privacy-friendly Google Fonts proxy",
+            "short_description": "GoogleDonts is a privacy-friendly proxy to Google Fonts.",
+            "long_description": "GoogleDonts is a privacy-friendly proxy to Google Fonts. It allows you to use Google Fonts without being tracked by Google.",
+            "status": "OK",
+            "links": [
+                {
+                    "name": "Go to GoogleDonts",
+                    "url": "https://googledonts.private.coffee"
+                }
+            ],
+            "icon": "hard-hat",
+            "exclude_from_index": false,
+            "exclude_from_simple": false
+        },
         {
             "name": "nocdnbs",
             "url": "https://nocdnbs.private.coffee",
-            "homemade": true,
+            "homemade": "https://git.private.coffee/PrivateCoffee/nocdnbs",
+            "fork": false,
             "tiny_description": "privacy-friendly cdnjs proxy",
             "short_description": "nocdnbs is a privacy-friendly proxy to cdnjs.cloudflare.com",
             "long_description": "nocdnbs is a privacy-friendly proxy to cdnjs.cloudflare.com. It allows you to use the cdnjs.cloudflare.com library without being tracked by Cloudflare.",
@@ -655,7 +874,8 @@
         {
             "name": "nobsdelivr",
             "url": "https://nobsdelivr.private.coffee",
-            "homemade": true,
+            "homemade": "https://git.private.coffee/PrivateCoffee/nobsdelivr",
+            "fork": false,
             "tiny_description": "privacy-friendly jsDelivr proxy",
             "short_description": "nobsdelivr is a privacy-friendly proxy to cdn.jsdelivr.net",
             "long_description": "nobsdelivr is a privacy-friendly proxy to cdn.jsdelivr.net. It allows you to use the cdn.jsdelivr.net library without being tracked by jsDelivr.",

helpers/finances.py

@@ -30,12 +30,12 @@ def get_transparency_data(data, year=None, month=None, allow_current=False):
         month = max(data[year].keys())
 
     year = str(year)
-    month = str(month)
+    month = str(month).zfill(2)
 
     if (
         not allow_current
         and year == str(datetime.now().year)
-        and month == str(datetime.now().month)
+        and month == str(datetime.now().month).zfill(2)
     ):
         try:
             month = max([m for m in data[year].keys() if m != str(datetime.now().month)])

main.py

@@ -56,15 +56,20 @@ def render_template_to_file(template_name, output_name, **kwargs):
     try:
         template = env.get_template(template_name)
         output_path = output_dir / output_name
+        kwargs.setdefault("theme", "plain")
         with open(output_path, "w", encoding="utf-8") as f:
             f.write(template.render(**kwargs))
     except TemplateNotFound:
         print(f"Template {template_name} not found.")
 
 
-def generate_static_site(development_mode=False):
+def generate_static_site(development_mode=False, theme="plain"):
     # Common context
-    kwargs = {}
+    kwargs = {
+        "timestamp": int(datetime.datetime.now().timestamp()),
+        "theme": theme,
+    }
+
     if development_mode:
         kwargs.update(
             {
@@ -101,7 +106,7 @@ def generate_static_site(development_mode=False):
         if template_name == "bridges":
             context.update({"bridges": bridges})
 
-        if template_name == "membership":
+        if template_name.startswith("membership"):
             allow_current = development_mode
             finances_month, finances_year = get_latest_month(finances, allow_current)
             finances_period = datetime.date(finances_year, finances_month, 1)
@@ -168,10 +173,13 @@ if __name__ == "__main__":
     parser.add_argument(
         "--port", type=int, default=8000, help="Port to serve the site on"
     )
+    parser.add_argument(
+        "--theme", type=str, default="plain", help="Theme to use for the site"
+    )
 
     args = parser.parse_args()
 
-    generate_static_site(development_mode=args.dev)
+    generate_static_site(development_mode=args.dev, theme=args.theme)
 
     if args.serve:
         server = TCPServer(("", args.port), StaticPageHandler)

templates/base.html

@@ -3,75 +3,56 @@
   <!-- This file was created as part of the Private.coffee project
      It is licensed under the MIT license
      For more information, please visit https://private.coffee -->
-
   <head>
     <meta charset="utf8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
-    />
-    <meta
-      name="description"
-      content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty."
-    />
-    <meta
-      name="keywords"
-      content="privacy, digital sovereignty, non-profit, association, privacy-focused"
-    />
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
+    <meta name="description"
+          content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
+    <meta name="keywords"
+          content="privacy, digital sovereignty, non-profit, association, privacy-focused" />
     <meta name="author" content="Private.coffee" />
-    <meta
-      property="og:title"
-      content="Private.coffee - Empowering Privacy with Open Source"
-    />
-    <meta
-      property="og:description"
-      content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty."
-    />
+    <meta property="og:title"
+          content="Private.coffee - Empowering Privacy with Open Source" />
+    <meta property="og:description"
+          content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://private.coffee/" />
-    <meta
-      property="og:image"
-      content="https://private.coffee/assets/img/logo-inv_grad.png"
-    />
+    <meta property="og:image"
+          content="https://private.coffee/assets/img/logo-inv_grad.png" />
     <meta property="og:site_name" content="Private.coffee" />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:title" content="Private.coffee" />
-    <meta
-      name="twitter:description"
-      content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty."
-    />
-    <meta
-      name="twitter:image"
-      content="https://private.coffee/assets/img/logo-inv_grad.png"
-    />
-    <link rel="icon" type="image/png" href="assets/img/logo_inv_grad.png" />
-    <title>{% block title %}{% endblock %} - Private.coffee</title>
+    <meta name="twitter:description"
+          content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
+    <meta name="twitter:image"
+          content="https://private.coffee/assets/img/logo-inv_grad.png" />
+    <link rel="icon" type="image/png" href="assets/img/logo-inv_grad.png" />
+    <title>
+      {% block title %}{% endblock title %}
+    - Private.coffee</title>
     <link rel="stylesheet" href="assets/dist/css/bootstrap.min.css" />
-    <link rel="stylesheet" href="assets/css/base.css" />
+    <link rel="stylesheet" href="assets/css/base.css?v={{ timestamp }}" />
+    <link rel="stylesheet"
+          href="assets/css/theme/{{ theme }}.css?v={{ timestamp }}" />
   </head>
-
   <body>
     <nav class="navbar navbar-expand-md py-3 navbar-light" id="mainNav">
       <div class="container">
         <div class="row d-lg-flex align-items-lg-center">
           <div class="col p-0">
-            <a href="/"
-              ><img src="assets/img/logo-inv_grad.svg" style="height: 60px"
-            /></a>
+            <a href="/">
+              <div id="smallLogoContainer"></div>
+            </a>
           </div>
           <div class="col d-flex">
             <a class="navbar-brand d-flex align-items-center" href="/">
-              <p
-                class="mb-0"
-                style="line-height: 1.2rem; color: var(--bs-tertiary-color)"
-              >
-                <span class="ps-2 fancy-text-primary"
-                  ><span style="color: rgb(35, 35, 35)"
-                    >Private.coffee</span
-                  ></span
-                ><br class="that-br" /><span class="ps-2 slogan"
-                  >Empowering Privacy with Open Source</span
-                >
+              <p class="mb-0"
+                 style="line-height: 1.2rem;
+                        color: var(--bs-tertiary-color)">
+                <span class="ps-2 fancy-text-primary"><span style="color: rgb(35, 35, 35)">Private.coffee</span></span>
+                <br class="that-br" />
+                <span class="ps-2 slogan">Empowering Privacy with Open Source</span>
               </p>
             </a>
           </div>
@@ -82,17 +63,12 @@
               <a class="nav-link active" href="/index.html">Home</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="https://status.private.coffee/"
-                >Status</a
-              >
+              <a class="nav-link" href="https://status.private.coffee/">Status</a>
             </li>
           </ul>
-          <a
-            class="btn btn-primary shadow navbar-btn"
+          <a class="btn btn-primary shadow navbar-btn"
              role="button"
-            href="/membership.html"
-            >JOIN &amp; SUPPORT</a
-          >
+             href="/membership.html">JOIN &amp; SUPPORT</a>
         </div>
       </div>
     </nav>
@@ -101,27 +77,24 @@
     <footer class="bg-primary-gradient">
       <div class="container py-4 py-lg-5">
         <div class="row justify-content-center">
-          <div
-            class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"
-          >
+          <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
             <h3 class="fs-6 fw-bold">Legal Stuff</h3>
             <ul class="list-unstyled">
-              <li><a href="/legal.html">Legal Notice</a></li>
-              <li><a href="/privacy.html">Privacy Notice</a></li>
-              <li><a href="/terms.html">Terms of Service</a></li>
+              <li>
+                <a href="/legal.html">Legal Notice</a>
+              </li>
+              <li>
+                <a href="/privacy.html">Privacy Notice</a>
+              </li>
+              <li>
+                <a href="/terms.html">Terms of Service</a>
+              </li>
             </ul>
           </div>
-          <div
-            class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"
-          ></div>
-          <div
-            class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last"
-          >
+          <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
+          <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
             <div class="fw-bold d-flex align-items-center mb-2">
-              <span
-                class="bs-icon-sm bs-icon-circle bs-icon-primary d-flex justify-content-center align-items-center bs-icon me-2"
-                >{{ "coffee" | icon | safe }}</span
-              ><span>Private.coffee</span>
+              <span class="bs-icon-sm bs-icon-circle bs-icon-primary d-flex justify-content-center align-items-center bs-icon me-2">{{ "coffee" | icon | safe }}</span><span>Private.coffee</span>
             </div>
             <p class="text-muted">
               Private.coffee is a privacy-focused non-profit association,
@@ -130,16 +103,12 @@
           </div>
         </div>
         <hr />
-        <div
-          class="text-muted d-flex justify-content-between align-items-center pt-3"
-        >
+        <div class="text-muted d-flex justify-content-between align-items-center pt-3">
           <p class="mb-0">Made with ❤️ and ☕ by Private.coffee</p>
           <p class="mb-0">
-            <a
-              href="https://git.private.coffee/privatecoffee/privatecoffee-website"
-              ><img
-                src="https://shields.private.coffee/gitea/last-commit/privatecoffee/privatecoffee-website?gitea_url=https://git.private.coffee&logo=forgejo"
-            /></a>
+            <a href="https://git.private.coffee/privatecoffee/privatecoffee-website">
+              <img src="https://shields.private.coffee/gitea/last-commit/privatecoffee/privatecoffee-website?gitea_url=https://git.private.coffee&logo=forgejo" />
+            </a>
             <a href="https://pride.coffee">{{ "rainbow" | icon | safe }}</a>
           </p>
         </div>

templates/bridges.html

@@ -6,12 +6,22 @@
     <title>Bridges and bots</title>
   </head>
   <body>
-    <div style="font-family: Arial, sans-serif; background-color: #f2f2f2; color: #333; line-height: 1.6; padding: 20px; max-width: 600px; margin: auto;">
+    <div style="font-family: Arial, sans-serif;
+                background-color: #f2f2f2;
+                color: #333;
+                line-height: 1.6;
+                padding: 20px;
+                max-width: 600px;
+                margin: auto">
       <h2 style="color: #333;">Bridges and bots</h2>
       <p>These are the bridges and bots available to Private.coffee Matrix users:</p>
       <ul style="list-style: none; padding: 0;">
         {% for bridge in bridges.bridges %}
-          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://matrix.pcof.fi/#/{{ bridge.mxid }}">{{ bridge.name }}</a> - {{ bridge.mxid }}</li>
+          <li style="padding: 8px 0;">
+            <a style="color: #1a5dab;
+                      text-decoration: none"
+               href="https://matrix.pcof.fi/#/{{ bridge.mxid }}">{{ bridge.name }}</a> - {{ bridge.mxid }}
+          </li>
         {% endfor %}
       </ul>
     </div>

templates/index.html

@@ -1,4 +1,6 @@
-{% extends "base.html" %} {% block title %}Home{% endblock %} {% block content
+{% extends "base.html" %}
+{% block title %}Home{% endblock title %}
+{% block content
   %}
   <header class="bg-primary-gradient">
     <div class="container pt-4 pt-xl-5 pb-4 pb-xl-5">
@@ -7,19 +9,11 @@
           <div class="text-center">
             <h2>Empowering Privacy with Open Source</h2>
           </div>
-        <p
-          class="text-center special-header fancy-text-primary mb-0"
-          style="font-weight: 500"
-        >
-          Private.coffee
-        </p>
+          <p class="text-center special-header fancy-text-primary mb-0"
+             style="font-weight: 500">Private.coffee</p>
         </div>
         <div class="col-12 col-lg-10 mx-auto justify-content-center d-flex">
-        <img
-          class="mx-auto"
-          src="assets/img/logo-inv_grad.svg"
-          style="max-width: 400px; width: 80vw"
-        />
+          <div id="logoContainer"></div>
         </div>
       </div>
     </div>
@@ -37,53 +31,55 @@
       </div>
       <div class="py-5 p-lg-5">
         <div class="accordion">
-        {% for service in services.services %} {% if not
+          {% for service in services.services %}
+            {% if not
               service.exclude_from_index %}
               <details class="accordion-item">
                 <summary class="accordion-header">
                   {% if service.icon %}
-            <div
-              class="bs-icon-lg d-flex justify-content-center align-items-center bs-icon"
-              title="{{ service.name }}"
-            >
-              {{ service.icon | icon | safe }}
-            </div>
-            {% endif %} {{ service.name }}{% if service.tiny_description %} - {{
-            service.tiny_description }}{% endif %} {% if service.homemade %}
-            <div
-              class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm homemade"
-              title="Made by Private.coffee"
-            >
-              {{ "coffee" | icon | safe }}
-            </div>
+                    <div class="bs-icon-lg d-flex justify-content-center align-items-center bs-icon"
+                         title="{{ service.name }}">{{ service.icon | icon | safe }}</div>
+                  {% endif %}
+                  {{ service.name }}
+                  {% if service.tiny_description %}
+                    - {{
+                    service.tiny_description }}
+                  {% endif %}
+                  {% if service.homemade %}
+                    <a href="{{ service.homemade }}">
+                      <div class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm homemade"
+                           title="Made by Private.coffee">{{ "coffee" | icon | safe }}</div>
+                    </a>
+                  {% endif %}
+                  {% if service.fork %}
+                    <a href="{{ service.fork }}">
+                      <div class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm fork"
+                           title="Runs on a fork of the original software">{{ "git-branch" | icon | safe }}</div>
+                    </a>
                   {% endif %}
                 </summary>
                 <div class="accordion-body">
-            <p class="text-muted card-text mb-4">
-              {{ service.long_description }}
-            </p>
-            {% for link in service.links %} {% if link.alternatives %}
+                  <p class="text-muted card-text mb-4">{{ service.long_description }}</p>
+                  {% for link in service.links %}
+                    {% if link.alternatives %}
                       <div class="button-wrapper dropdown">
-              <div class="btn btn-primary shadow">
+                        <div class="btn btn-primary w-100 shadow">
                           <a class="main-link" href="{{ link.url }}">{{ link.name }}</a>
                           <div class="dropdown-toggle-area">&#9660;</div>
                         </div>
                         <div class="dropdown-content">
-                {% for alternative in link.alternatives %}
-                <a href="{{ alternative.url }}">{{ alternative.name }}</a>
-                {% endfor %}
+                          {% for alternative in link.alternatives %}<a href="{{ alternative.url }}">{{ alternative.name }}</a>{% endfor %}
                         </div>
                       </div>
                     {% else %}
-            <a
-              class="button-wrapper btn btn-primary shadow w-100 text-center"
-              href="{{ link.url }}"
-              >{{ link.name }}</a
-            >
-            {% endif %} {% endfor %}
+                      <a class="button-wrapper btn btn-primary shadow w-100 text-center"
+                         href="{{ link.url }}">{{ link.name }}</a>
+                    {% endif %}
+                  {% endfor %}
                 </div>
               </details>
-        {% endif %} {% endfor %}
+            {% endif %}
+          {% endfor %}
         </div>
       </div>
     </div>
@@ -109,29 +105,17 @@
             <div class="card bg-primary-subtle">
               <div class="card-body text-center px-4 py-5 px-md-5">
                 <p class="fw-bold text-primary card-text mb-2">Join or donate</p>
-              <h5 class="fw-bold card-title mb-3">
-                Be a part of the open source community!
-              </h5>
-              <a class="btn btn-primary btn-sm" href="/membership.html"
-                >Learn more</a
-              >
+                <h5 class="fw-bold card-title mb-3">Be a part of the open source community!</h5>
+                <a class="btn btn-primary btn-sm" href="/membership.html">Learn more</a>
               </div>
             </div>
           </div>
           <div class="col mb-4">
             <div class="card bg-secondary-subtle">
               <div class="card-body text-center px-4 py-5 px-md-5">
-              <p class="fw-bold text-secondary card-text mb-2">
-                Private Hosting
-              </p>
-              <h5 class="fw-bold card-title mb-3">
-                Interested in Hosting Services?
-              </h5>
-              <a
-                class="btn btn-secondary btn-sm"
-                href="mailto:support@private.coffee"
-                >Get in touch</a
-              >
+                <p class="fw-bold text-secondary card-text mb-2">Private Hosting</p>
+                <h5 class="fw-bold card-title mb-3">Interested in Hosting Services?</h5>
+                <a class="btn btn-secondary btn-sm" href="mailto:support@private.coffee">Get in touch</a>
               </div>
             </div>
           </div>
@@ -148,16 +132,10 @@
         </div>
       </div>
       <div class="row d-flex justify-content-center">
-      <div
-        class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start"
-      >
-        <div
-          class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100"
-        >
+        <div class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start">
+          <div class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100">
             <div class="d-flex align-items-center p-3">
-            <div
-              class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md"
-            >
+              <div class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md">
                 {{ "envelope" | icon | safe }}
               </div>
               <div class="px-2">
@@ -169,25 +147,16 @@
         </div>
       </div>
       <div class="row d-flex justify-content-center">
-      <div
-        class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start"
-      >
-        <div
-          class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100"
-        >
+        <div class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start">
+          <div class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100">
             <div class="d-flex align-items-center p-3">
-            <div
-              class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md"
-            >
+              <div class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md">
                 {{ "matrix-logo" | icon | safe }}
               </div>
               <div class="px-2">
                 <h6 class="fw-bold mb-0">Matrix</h6>
                 <p class="text-muted mb-0">
-                <a
-                  href="https://matrix.pcof.fi/#/#private.coffee:private.coffee"
-                  >#private.coffee:private.coffee</a
-                >
+                  <a href="https://matrix.pcof.fi/#/#private.coffee:private.coffee">#private.coffee:private.coffee</a>
                 </p>
               </div>
             </div>
@@ -196,4 +165,4 @@
       </div>
     </div>
   </section>
-{% endblock %}
+{% endblock content %}

templates/legal.html

@@ -1,13 +1,11 @@
 {% extends "base.html" %}
-{% block title %}Legal Notice{% endblock %}
+{% block title %}Legal Notice{% endblock title %}
 {% block content %}
   <section>
     <div class="container py-5">
       <div class="row align-items-center">
         <div class="col">
-        <p class="text-end special-header fancy-text-primary mb-0">
-          Legal Notice
-        </p>
+          <p class="text-end special-header fancy-text-primary mb-0">Legal Notice</p>
         </div>
         <div class="col">
           <p class="text-start mb-1" style="font-size: 1.6rem">
@@ -18,17 +16,21 @@
           </p>
         </div>
       </div>
-
       <div class="container">
         <p>This is a legal notice for the website private.coffee</p>
         <p>The website private.coffee is run by the following entity:</p>
         <address>
           Private.coffee &dash; Verein zur Förderung von Privatsphäre und
-        digitaler Souver&auml;nit&auml;t<br />
-        c/o Klaus-Uwe Mitterer<br />
-        Gartengasse 22/7/3<br />
-        8010 Graz<br />
-        Austria<br />
+          digitaler Souver&auml;nit&auml;t
+          <br />
+          c/o Klaus-Uwe Mitterer
+          <br />
+          Gartengasse 22/7/3
+          <br />
+          8010 Graz
+          <br />
+          Austria
+          <br />
         </address>
         <p>Central Register of Associations (ZVR) Number: 1758485319</p>
         <p>
@@ -38,4 +40,4 @@
       </div>
     </div>
   </section>
-{% endblock %}
+{% endblock content %}

templates/membership-rallly.html

@@ -0,0 +1,11 @@
+{% extends "membership.html" %}
+{% block serviceinfo %}
+    <div class="alert alert-info">
+        <p>
+            <strong>Welcome to Private.coffee!</strong> Rallly Pro is free for all logged-in users. Upon first login, it may take up to five minutes for your account to be upgraded. If you have any issues, please contact us at <a href="mailto:support@private.coffee">support@private.coffee</a>
+        </p>
+        <p>
+            If you find our services useful, please consider supporting us through a donation or becoming a supporting member. This will help us keep our free services running and improve our offerings. See below for more information.
+        </p>
+    </div>
+{% endblock serviceinfo %}

templates/membership.html

@@ -1,4 +1,7 @@
-{% extends "base.html" %} {% block title %}Membership / Donations{% endblock %}
+{% extends "base.html" %}
+{% block title %}
+  Membership / Donations
+{% endblock title %}
 {% block content %}
   <div class="container my-5">
     <div class="text-center mb-5">
@@ -10,7 +13,7 @@
         our services and reach more people.
       </p>
     </div>
-
+    {% block serviceinfo %}{% endblock serviceinfo %}
     <div class="row">
       <div class="col-md-4 mb-4">
         <div class="card shadow-sm">
@@ -22,16 +25,11 @@
               expenses. This allows us to provide services to our members and the
               public.
             </p>
-          <p class="card-text">
-            Membership starts at € 5 / month!
-          </p>
-          <a href="https://pcof.fi/join" class="btn btn-primary">
-            Join us now!
-          </a>
+            <p class="card-text">Membership starts at € 5 / month!</p>
+            <a href="https://pcof.fi/join" class="btn btn-primary">Join us now!</a>
           </div>
         </div>
       </div>
-
       <div class="col-md-4 mb-4">
         <div class="card shadow-sm">
           <div class="card-body">
@@ -41,13 +39,18 @@
               direct donation to our bank account. Your donation will be used to
               fund our activities and expand our services.
             </p>
-          <p class="card-text"><b>Account holder:</b> Private.coffee</p>
-          <p class="card-text"><b>IBAN:</b> AT35 2081 5000 4554 0812</p>
-          <p class="card-text"><b>BIC:</b> STSPAT2GXXX</p>
+            <p class="card-text">
+              <b>Account holder:</b> Private.coffee
+            </p>
+            <p class="card-text">
+              <b>IBAN:</b> AT35 2081 5000 4554 0812
+            </p>
+            <p class="card-text">
+              <b>BIC:</b> STSPAT2GXXX
+            </p>
           </div>
         </div>
       </div>
-
       <div class="col-md-4 mb-4">
         <div class="card shadow-sm">
           <div class="card-body">
@@ -62,9 +65,7 @@
             </p>
             <p class="card-text">
               <b>Monero (XMR):</b>
-            <code
-              >487Ny4iBk2pKGJwjyYrumFD8xFmrS6jCSXNA8e5EvVJ49GyS54CRDVz514MBnXgNT1EioKYiagHs33sLzUAFj8i3Pwg3AMS</code
-            >
+              <code>487Ny4iBk2pKGJwjyYrumFD8xFmrS6jCSXNA8e5EvVJ49GyS54CRDVz514MBnXgNT1EioKYiagHs33sLzUAFj8i3Pwg3AMS</code>
             </p>
             <p class="card-text">
               <b>Ethereum (ETH):</b> <code>Coming soon&trade;</code>
@@ -77,7 +78,6 @@
         </div>
       </div>
     </div>
-
     <div class="card shadow-sm mt-4">
       <div class="card-body">
         <h5 class="card-title">Transparency Report for {{ finances_period }}</h5>
@@ -94,30 +94,22 @@
         </p>
       </div>
     </div>
-
     <div class="card shadow-sm mt-4">
       <div class="card-body">
         <h5>Central Register of Associations (ZVR) Number: 1758485319</h5>
         <p>
           Our statutes can be found in our Git
-        <a href="https://git.private.coffee/PrivateCoffee/statuten"
-          >in German (legally binding)</a
-        >
+          <a href="https://git.private.coffee/PrivateCoffee/statuten">in German (legally binding)</a>
           and
-        <a
-          href="https://git.private.coffee/PrivateCoffee/Statuten/src/branch/english"
-          >in English</a
-        >.
+          <a href="https://git.private.coffee/PrivateCoffee/Statuten/src/branch/english">in English</a>.
         </p>
         <p class="contact-info" id="contact-info">
           Interested in joining the association? Reach out via
           <a href="mailto:support@private.coffee">email</a> or
-        <a href="https://matrix.pcof.fi/#/#private.coffee:private.coffee"
-          >Matrix</a
-        >
+          <a href="https://matrix.pcof.fi/#/#private.coffee:private.coffee">Matrix</a>
           for more information.
         </p>
       </div>
     </div>
   </div>
-{% endblock %}
+{% endblock content %}

templates/privacy.html

@@ -1,4 +1,5 @@
-{% extends "base.html" %} {% block title %}Privacy Policy{% endblock %}
+{% extends "base.html" %}
+{% block title %}Privacy Policy{% endblock %}
 {% block content %}
   <div class="container">
     <div class="text-center mb-5">
@@ -23,11 +24,16 @@
       <p>The data controller for private.coffee is:</p>
       <address>
         Private.coffee &dash; Verein zur Förderung von Privatsphäre und digitaler
-      Souver&auml;nit&auml;t<br />
-      c/o Klaus-Uwe Mitterer<br />
-      Gartengasse 22/7/3<br />
-      8010 Graz<br />
-      Austria<br />
+        Souver&auml;nit&auml;t
+        <br />
+        c/o Klaus-Uwe Mitterer
+        <br />
+        Gartengasse 22/7/3
+        <br />
+        8010 Graz
+        <br />
+        Austria
+        <br />
       </address>
       <p>Central Register of Associations (ZVR) Number: 1758485319</p>
       <p>
@@ -71,9 +77,7 @@
         <li>Providing support to you</li>
         <li>Processing donations and memberships</li>
       </ul>
-    <p>
-      All of those are what is called "legitimate interests" in legal speak.
-    </p>
+      <p>All of those are what is called "legitimate interests" in legal speak.</p>
       <p>
         We do not use your data for any other purposes, including marketing,
         advertising, or tracking, we do not share your data with third parties
@@ -153,10 +157,7 @@
         If you are not satisfied with our response, or believe that we are
         processing your data in a way that is not compliant with the law, you have
         the right to lodge a complaint with the supervisory authority in your
-      country. In Austria, this is the Austrian Data Protection Authority (<a
-        href="https://www.dsb.gv.at/"
-        >https://www.dsb.gv.at/</a
-      >). However, we like to think of ourselves as nice people and will try to
+        country. In Austria, this is the Austrian Data Protection Authority (<a href="https://www.dsb.gv.at/">https://www.dsb.gv.at/</a>). However, we like to think of ourselves as nice people and will try to
         help you out directly, and are always open to suggestions for improvement,
         so please do get in touch with us if you have any questions or concerns.
       </p>

templates/prod-warning.html

@@ -1,6 +1,5 @@
 <div class="alert alert-warning text-center" role="alert">
   This is a development version of the Private.coffee website. For the live
   version, please visit
-  <a href="https://private.coffee" class="alert-link">https://private.coffee</a
-  >.
+  <a href="https://private.coffee" class="alert-link">https://private.coffee</a>.
 </div>

templates/simple.html

@@ -6,25 +6,55 @@
     <title>Private.coffee</title>
   </head>
   <body>
-    <div style="font-family: Arial, sans-serif; background-color: #f2f2f2; color: #333; line-height: 1.6; padding: 20px; max-width: 600px; margin: auto;">
+    <div style="font-family: Arial, sans-serif;
+                background-color: #f2f2f2;
+                color: #333;
+                line-height: 1.6;
+                padding: 20px;
+                max-width: 600px;
+                margin: auto">
       <h2 style="color: #333;">Welcome to Private.coffee</h2>
       <p>Thanks for using our Element instance! Now, why don't you join our rooms?</p>
       <ul style="list-style: none; padding: 0;">
-          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://element.private.coffee/#/#coffeespace:private.coffee">#coffeespace:private.coffee</a> - The Private.coffee Space, containing all rooms</li>
-          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://element.private.coffee/#/#private.coffee:private.coffee">#private.coffee:private.coffee</a> - General support for our services</li>
-          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://element.private.coffee/#/#matrix:private.coffee">#matrix:private.coffee</a> - Support for our Matrix server</li>
-          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://element.private.coffee/#/#coffeebreak:private.coffee">#coffeebreak:private.coffee</a> - ☕ Coffee Break ☕ - our off-topic room</li>
+        <li style="padding: 8px 0;">
+          <a style="color: #1a5dab;
+                    text-decoration: none"
+             href="https://element.private.coffee/#/#coffeespace:private.coffee">#coffeespace:private.coffee</a> - The Private.coffee Space, containing all rooms
+        </li>
+        <li style="padding: 8px 0;">
+          <a style="color: #1a5dab;
+                    text-decoration: none"
+             href="https://element.private.coffee/#/#private.coffee:private.coffee">#private.coffee:private.coffee</a> - General support for our services
+        </li>
+        <li style="padding: 8px 0;">
+          <a style="color: #1a5dab;
+                    text-decoration: none"
+             href="https://element.private.coffee/#/#matrix:private.coffee">#matrix:private.coffee</a> - Support for our Matrix server
+        </li>
+        <li style="padding: 8px 0;">
+          <a style="color: #1a5dab;
+                    text-decoration: none"
+             href="https://element.private.coffee/#/#coffeebreak:private.coffee">#coffeebreak:private.coffee</a> - ☕ Coffee Break ☕ - our off-topic room
+        </li>
       </ul>
       <hr>
       <p>Private.coffee operates a collection of services that respect your privacy, here are some others:</p>
       <ul style="list-style: none; padding: 0;">
         {% for service in services.services %}
           {% if not service.exclude_from_simple %}
-          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="{{ service.url }}">{{ service.name }}</a> - {{ service.short_description }}</li>
+            <li style="padding: 8px 0;">
+              <a style="color: #1a5dab;
+                        text-decoration: none"
+                 href="{{ service.url }}">{{ service.name }}</a> - {{ service.short_description }}
+            </li>
           {% endif %}
         {% endfor %}
       </ul>
-        <p>For hosting inquiries for privacy-related, social, or wholesome projects, <a href="mailto:support@private.coffee" style="color: #1a5dab; text-decoration: none;">get in touch</a>!</p>
+      <p>
+        For hosting inquiries for privacy-related, social, or wholesome projects, <a href="mailto:support@private.coffee"
+    style="color: #1a5dab;
+           text-decoration: none">get in touch</a>!
+      </p>
     </div>
   </body>
 </html>

templates/terms.html

@@ -15,11 +15,16 @@
       <p>The website private.coffee is run by:</p>
       <address>
         Private.coffee &dash; Verein zur Förderung von Privatsphäre und digitaler
-      Souver&auml;nit&auml;t<br />
-      c/o Klaus-Uwe Mitterer<br />
-      Gartengasse 22/7/3<br />
-      8010 Graz<br />
-      Austria<br />
+        Souver&auml;nit&auml;t
+        <br />
+        c/o Klaus-Uwe Mitterer
+        <br />
+        Gartengasse 22/7/3
+        <br />
+        8010 Graz
+        <br />
+        Austria
+        <br />
       </address>
       <p>Central Register of Associations (ZVR) Number: 1758485319</p>
       <p>

templates/transparency.html

@@ -1,4 +1,5 @@
-{% extends "base.html" %} {% block title %}Membership / Donations{% endblock %}
+{% extends "base.html" %}
+{% block title %}Membership / Donations{% endblock %}
 {% block content %}
   <div class="container my-5">
     <div class="text-center mb-5">
@@ -9,7 +10,6 @@
         each month since our inception.
       </p>
     </div>
-
     {% for year, year_data in finances.items() %}
       {% for month, month_data in year_data.items() %}
         <div class="card shadow-sm mt-4">
@@ -20,6 +20,5 @@
         </div>
       {% endfor %}
     {% endfor %}
-
   </div>
 {% endblock %}