From 016f03b06b9383beeb77116dd5ee0a2ced2281e5 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Tue, 26 Dec 2023 19:25:52 +0100
Subject: [PATCH] Use inline styling for simple.html

---
 simple.html | 75 ++++++++++++++---------------------------------------
 1 file changed, 20 insertions(+), 55 deletions(-)
diff --git a/simple.html b/simple.html
index 7841f02..b911f58 100644
--- a/simple.html
+++ b/simple.html
@@ -4,62 +4,27 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Private.coffee</title>
-<style>
-  body {
-    font-family: Arial, sans-serif;
-    background-color: #f2f2f2;
-    color: #333;
-    line-height: 1.6;
-    padding: 20px;
-  }
-  h2 {
-    color: #333;
-  }
-  a {
-    color: #1a5dab;
-    text-decoration: none;
-  }
-  a:hover {
-    text-decoration: underline;
-  }
-  ul {
-    list-style: none;
-    padding: 0;
-  }
-  ul li {
-    padding: 8px 0;
-  }
-  div.container {
-    background-color: #fff;
-    padding: 20px;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  }
-  p {
-    margin-bottom: 1em;
-  }
-</style>
 </head>
 <body>
-  <div class="container">
-    <h2>Welcome to Private.coffee</h2>
-    <p>Thanks for using our Element instance. Private.coffee is a collection of services that respect your privacy, here are some others:</p>
-    <ul>
-        <li><a href="https://cryptpad.private.coffee/">CryptPad</a> - Private, encrypted, real-time collaborative editor.</li>
-        <li><a href="https://invidious.private.coffee/">Invidious</a> - Watch YouTube videos without Google tracking.</li>
-        <li><a href="https://skrt.social/">Mastodon - skrt.social</a> - Decentralized social network instance.</li>
-        <li><a href="https://cuddly.space/">Mastodon - cuddly.space</a> - Decentralized social network instance.</li>
-        <li><a href="https://gothub.private.coffee/">Gothub</a> - Alternative GitHub interface that respects privacy.</li>
-        <li><a href="https://alltube.private.coffee/">AllTube</a> - Video downloader for sites like YouTube and Vimeo.</li>
-        <li><a href="https://indestructables.private.coffee/">Indestructables</a> - Browse Instructables without being tracked.</li>
-        <li><a href="https://nocodb.private.coffee/">NocoDB</a> - Open-source tool turning databases into smart spreadsheets.</li>
-        <li><a href="https://penpot.private.coffee/">Penpot</a> - Open-source design and prototyping platform.</li>
-        <li><a href="https://private.cf/">YOURLS</a> - URL shortener for creating handy links.</li>
-        <li><a href="https://rallly.private.coffee/">Rallly</a> - Collaborative scheduling service for polls and voting.</li>
-        <li><a href="https://librey.private.coffee/">LibreY</a> - Privacy-friendly metasearch engine.</li>
-        <li><a href="https://overleaf.private.coffee/">Overleaf</a> - Collaborative LaTeX editor for writing and sharing documents.</li>
-    </ul>
-    <p>For hosting inquiries for privacy-related, social, or wholesome projects, <a href="mailto:support@private.coffee">get in touch</a>!</p>
-  </div>
+    <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. Private.coffee is a collection of services that respect your privacy, here are some others:</p>
+        <ul style="list-style: none; padding: 0;">
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://cryptpad.private.coffee/">CryptPad</a> - Private, encrypted, real-time collaborative editor.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://invidious.private.coffee/">Invidious</a> - Watch YouTube videos without Google tracking.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://skrt.social/">Mastodon - skrt.social</a> - Decentralized social network instance.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://cuddly.space/">Mastodon - cuddly.space</a> - Decentralized social network instance.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://gothub.private.coffee/">Gothub</a> - Alternative GitHub interface that respects privacy.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://alltube.private.coffee/">AllTube</a> - Video downloader for sites like YouTube and Vimeo.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://indestructables.private.coffee/">Indestructables</a> - Browse Instructables without being tracked.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://nocodb.private.coffee/">NocoDB</a> - Open-source tool turning databases into smart spreadsheets.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://penpot.private.coffee/">Penpot</a> - Open-source design and prototyping platform.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://private.cf/">YOURLS</a> - URL shortener for creating handy links.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://rallly.private.coffee/">Rallly</a> - Collaborative scheduling service for polls and voting.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://librey.private.coffee/">LibreY</a> - Privacy-friendly metasearch engine.</li>
+          <li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://overleaf.private.coffee/">Overleaf</a> - Collaborative LaTeX editor for writing and sharing documents.</li>
+        </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>
+      </div>      
 </body>
 </html>
