From 2cdde5cc568584c7649ff0cf69f81e0687eaa31f Mon Sep 17 00:00:00 2001
From: mStar aka a person <12024604-mstarongitlab@users.noreply.gitlab.com>
Date: Wed, 28 Feb 2024 09:35:52 +0100
Subject: [PATCH 1/2] Update links

---
 templates/index.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index db9b0d3..e19812d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -38,8 +38,8 @@
         <th>Link/Username</th>
     </tr>
     <tr>
-        <td>Mastodon</td>
-        <td><a rel="me" href="https://woem.men/@mstar">https://mk.absturztau.be/@m_star</a></td>
+        <td>Fedi</td>
+        <td><a rel="me" href="https://woem.men/@mstar">https://woem.men/@mstar</a></td>
     </tr>
     <tr>
         <td>Discord</td>
@@ -51,7 +51,7 @@
     </tr>
     <tr>
         <td>Gitlab</td>
-        <td><a href="https://gitlab.com/mstarongitlab">https://gitlab.com/beckersam</a></td>
+        <td><a href="https://gitlab.com/mstarongitlab">https://gitlab.com/mstarongitlab</a></td>
     </tr>
     <tr>
         <td>Github</td>
@@ -61,6 +61,10 @@
         <td>Twitch</td>
         <td><a href="https://twitch.tv/mstarontwitch">https://twitch.tv/mstarontwitch</a></td>
     </tr>
+    <tr>
+        <td>Youtube</td>
+        <td><a href="https://www.youtube.com/channel/UC-LklY_wt004i_30xcVohbg">https://www.youtube.com/channel/UC-LklY_wt004i_30xcVohbg</a></td>
+    </tr>
 </table>
 <ul>
     <li><a href="https://foxgirls.love/web">Fren Erika</a></li>
@@ -69,7 +73,7 @@
 <hr>
 <p>Todo: Add proper styling</p>
 <footer>
-    <p>Last updated: 08.01.2024: 14:19</p>
+    <p>Last updated: 28.02.2024: 09:40</p>
     <p>
         Privacy notice: This webserver stores no information
     </p>

From 3a23b049636a84d4a80b2bd3e427e409685fc30b Mon Sep 17 00:00:00 2001
From: mStar aka a person <12024604-mstarongitlab@users.noreply.gitlab.com>
Date: Sat, 20 Apr 2024 15:03:20 +0200
Subject: [PATCH 2/2] Added more info

---
 main.go                                       |   2 +-
 static/example.txt                            |   1 -
 ...fcaabd3022acff023e6e2a053a2d9af0f03260.asc |  13 ++
 static/styles/index.css                       |  29 ++-
 templates/index.html                          | 194 ++++++++++--------
 5 files changed, 153 insertions(+), 86 deletions(-)
 delete mode 100644 static/example.txt
 create mode 100644 static/files/other/publickey.me@mstar.dev-27fcaabd3022acff023e6e2a053a2d9af0f03260.asc

diff --git a/main.go b/main.go
index fbd57de..eb09aa5 100644
--- a/main.go
+++ b/main.go
@@ -43,7 +43,7 @@ func main() {
 	http.HandleFunc("/cat/awawawa", awawaStream)
 
 	// static files in /static
-	http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.FS(embed_static))))
+	http.Handle("/static/", http.FileServer(http.FS(embed_static)))
 
 	// .well-known from /well-known
 	http.Handle("/.well-known/", http.StripPrefix("/.well-known/", http.FileServer(http.FS(embed_well_known))))
diff --git a/static/example.txt b/static/example.txt
deleted file mode 100644
index 6be3b89..0000000
--- a/static/example.txt
+++ /dev/null
@@ -1 +0,0 @@
-paban
\ No newline at end of file
diff --git a/static/files/other/publickey.me@mstar.dev-27fcaabd3022acff023e6e2a053a2d9af0f03260.asc b/static/files/other/publickey.me@mstar.dev-27fcaabd3022acff023e6e2a053a2d9af0f03260.asc
new file mode 100644
index 0000000..636cc70
--- /dev/null
+++ b/static/files/other/publickey.me@mstar.dev-27fcaabd3022acff023e6e2a053a2d9af0f03260.asc
@@ -0,0 +1,13 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+xjMEZdyUGBYJKwYBBAHaRw8BAQdAHPAK4Dcxlt9y7L2uSRc2BKMk7zDWN9Nd
+5nS9fssWLhLNG21lQG1zdGFyLmRldiA8bWVAbXN0YXIuZGV2PsKMBBAWCgA+
+BYJl3JQYBAsJBwgJkAU6LZrw8DJgAxUICgQWAAIBAhkBApsDAh4BFiEEJ/yq
+vTAirP8CPm4qBTotmvDwMmAAAKTfAQD0ewBh/guakvHaUyDTM6wJToSkw5xu
+HL69SjQNYwhr/AEAq71YEYYk9rRw4QkMinK/y/m+ee9cGqD6aGEcie4mGQvO
+OARl3JQYEgorBgEEAZdVAQUBAQdAN5mPRNShP0JBSm4dkW87atJa/N+ryjK0
+LFBHLmeMiRcDAQgHwngEGBYKACoFgmXclBgJkAU6LZrw8DJgApsMFiEEJ/yq
+vTAirP8CPm4qBTotmvDwMmAAACz7AP0YJslXLzCd57QxUfWMZcdJZp+27Dld
+/lfTxClP1NLvAwEAz7lqe23bhwgrC21xdKipJkSH391Ydd0N5GsAMoeD/Ak=
+=kQax
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/static/styles/index.css b/static/styles/index.css
index bab539d..dac8e0b 100644
--- a/static/styles/index.css
+++ b/static/styles/index.css
@@ -1,4 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Cantarell&display=swap');
+
 * {
     /* Some global vars for colors*/
     --text: #0c0311;
@@ -9,15 +10,15 @@
 
     font-family: Cantarell, serif;
 }
-body {
-    background: var(--background);
-}
+
 table {
     border-collapse: collapse;
 }
 
 td, th {
-    border: 1px solid var(--accent);
+    border-width: 1px;
+    border-style: solid;
+    border-color: #7924b2;
     text-align: left;
     padding: 8px;
 }
@@ -25,6 +26,26 @@ td, th {
 tr:nth-child(even) {
     background-color: var(--secondary);
 }
+
 footer {
     font-size: small;
+}
+
+.size-to-max-inner-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    max-width: max-content;
+}
+
+.center-inner {
+    display: flex;
+    align-content: center;
+    flex-direction: row;
+    text-align: center;
+    width: 100%;
+}
+
+.add-background {
+    background: var(--background);
 }
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index e19812d..0b8a064 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,82 +1,116 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <script src="https://unpkg.com/htmx.org@1.9.5"></script>
-    <link rel="stylesheet" href="/static/styles/index.css">
-    <meta charset="UTF-8">
+  <head>
+    <link rel="stylesheet" href="/static/styles/index.css" />
+    <meta charset="UTF-8" />
     <title>m*</title>
-    <style>
-        @import url('https://fonts.googleapis.com/css2?family=Cantarell&display=swap');
-        * {
-            font-family: Cantarell, sans-serif;
-        }
-    </style>
-</head>
-<body>
-<h1>Welcome to my personal webpage</h1>
-<p>Here you'll be able to find various information about me, including social network links/names</p>
-<h3>Some information about me</h3>
-<table>
-    <tr>
-        <td>Pronouns</td>
-        <td>She/Her</td>
-    </tr>
-    <tr>
-        <td>Egg cracked</td>
-        <td>Jan/Feb 2023</td>
-    </tr>
-    <tr>
-        <td>Lang</td>
-        <td>German, English</td>
-    </tr>
-</table>
-<br>
-<h3>You can find me on:</h3>
-<table>
-    <tr>
-        <th>Service</th>
-        <th>Link/Username</th>
-    </tr>
-    <tr>
-        <td>Fedi</td>
-        <td><a rel="me" href="https://woem.men/@mstar">https://woem.men/@mstar</a></td>
-    </tr>
-    <tr>
-        <td>Discord</td>
-        <td><p>m_star</p></td>
-    </tr>
-    <tr>
-        <td>Pronouns page</td>
-        <td><a href="https://en.pronouns.page/@m_evil">https://en.pronouns.page/@m_evil</a></td>
-    </tr>
-    <tr>
-        <td>Gitlab</td>
-        <td><a href="https://gitlab.com/mstarongitlab">https://gitlab.com/mstarongitlab</a></td>
-    </tr>
-    <tr>
-        <td>Github</td>
-        <td><a href="https://github.com/mstarongithub/">https://github.com/mstarongithub/</a></td>
-    </tr>
-    <tr>
-        <td>Twitch</td>
-        <td><a href="https://twitch.tv/mstarontwitch">https://twitch.tv/mstarontwitch</a></td>
-    </tr>
-    <tr>
-        <td>Youtube</td>
-        <td><a href="https://www.youtube.com/channel/UC-LklY_wt004i_30xcVohbg">https://www.youtube.com/channel/UC-LklY_wt004i_30xcVohbg</a></td>
-    </tr>
-</table>
-<ul>
-    <li><a href="https://foxgirls.love/web">Fren Erika</a></li>
-    <li><a href="https://linktr.ee/akijam">Fren Aki</a></li>
-</ul>
-<hr>
-<p>Todo: Add proper styling</p>
-<footer>
-    <p>Last updated: 28.02.2024: 09:40</p>
-    <p>
-        Privacy notice: This webserver stores no information
-    </p>
-</footer>
-</body>
-</html>
\ No newline at end of file
+  </head>
+
+  <body class="add-background">
+    <div class="center-inner">
+      <div class="size-to-max-inner-content">
+        <h1>Welcome to my personal webpage</h1>
+        <p>
+          Here you'll be able to find various information about me, including
+          social network links/names
+        </p>
+        <h3>Some information about me</h3>
+        <table>
+          <tr>
+            <td>Pronouns</td>
+            <td>She/Her</td>
+          </tr>
+          <tr>
+            <td>Egg cracked</td>
+            <td>Jan/Feb 2023</td>
+          </tr>
+          <tr>
+            <td>Lang</td>
+            <td>German, English</td>
+          </tr>
+        </table>
+        <br />
+        <h3>You can find me on:</h3>
+        <table>
+          <tr>
+            <th>Service</th>
+            <th>Link/Username</th>
+          </tr>
+          <tr>
+            <td>Fedi</td>
+            <td>
+              <a rel="me" href="https://woem.men/@mstar"
+                >https://woem.men/@mstar</a
+              >
+            </td>
+          </tr>
+          <tr>
+            <td>Discord</td>
+            <td>
+              <p>m_star</p>
+            </td>
+          </tr>
+          <tr>
+            <td>Pronouns page</td>
+            <td>
+              <a href="https://en.pronouns.page/@m_evil"
+                >https://en.pronouns.page/@m_evil</a
+              >
+            </td>
+          </tr>
+          <tr>
+            <td>Gitlab</td>
+            <td>
+              <a href="https://gitlab.com/mstarongitlab"
+                >https://gitlab.com/mstarongitlab</a
+              >
+            </td>
+          </tr>
+          <tr>
+            <td>Github</td>
+            <td>
+              <a href="https://github.com/mstarongithub/"
+                >https://github.com/mstarongithub/</a
+              >
+            </td>
+          </tr>
+          <tr>
+            <td>Twitch</td>
+            <td>
+              <a href="https://twitch.tv/mstarontwitch"
+                >https://twitch.tv/mstarontwitch</a
+              >
+            </td>
+          </tr>
+          <tr>
+            <td>Youtube</td>
+            <td>
+              <a href="https://www.youtube.com/channel/UC-LklY_wt004i_30xcVohbg"
+                >https://www.youtube.com/channel/UC-LklY_wt004i_30xcVohbg</a
+              >
+            </td>
+          </tr>
+          <tr>
+            <!-- Rickroll -->
+            <td>Twitter</td>
+            <td>
+              <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">https://twitter.com/mstar</a>
+            </td>
+          </tr>
+        </table>
+        <ul>
+          <li><a href="https://foxgirls.love/web">Fren Erika</a></li>
+          <li><a href="https://linktr.ee/akijam">Fren Aki</a></li>
+        </ul>
+        <hr />
+        <p>Todo: Add proper styling</p>
+      </div>
+    </div>
+    <footer>
+      <p>Contact: <a href="mailto:me@mstar.dev">me@mstar.dev</> (<a href="/static/files/other/publickey.me@mstar.dev-27fcaabd3022acff023e6e2a053a2d9af0f03260.asc">Public PGP key</a>)</p>
+      <p>Last updated: 20.04.2024</p>
+      <p>Privacy notice: This webserver stores no information</p>
+    </footer>
+  </body>
+</html>
+