From f579436dbfbb9417f8389555556a5105b7277495 Mon Sep 17 00:00:00 2001
From: Jonas Kohl <gitlab@jonaskohl.de>
Date: Sat, 27 Jul 2024 12:36:51 +0200
Subject: Add pride flags

---
 src/pages/about.php        |  15 +++++++++++----
 src/static/genderfluid.gif | Bin 0 -> 5831 bytes
 src/static/nb.gif          | Bin 0 -> 6360 bytes
 src/static/pan.gif         | Bin 0 -> 7034 bytes
 src/static/style.css       |   9 +++++++++
 5 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 src/static/genderfluid.gif
 create mode 100644 src/static/nb.gif
 create mode 100644 src/static/pan.gif

diff --git a/src/pages/about.php b/src/pages/about.php
index 16f29ad..fc4ffdd 100644
--- a/src/pages/about.php
+++ b/src/pages/about.php
@@ -18,17 +18,24 @@ $age = date_diff(
 
 <p>Hello, I'm <strong>Jonas Kohl</strong> aka <strong>hozyro</strong>!</p>
 <p>
+<div class="fright floatmargin">
+<img src="/static/pan.gif" alt="Pan pride flag" width="125" height="75" />
+<img src="/static/nb.gif" alt="Nonbinary pride flag" width="125" height="75" />
+<img src="/static/genderfluid.gif"
+    alt="Genderfluid pride flag" width="125" height="75" />
+</div>
 I'm <strong><?= $age ?>-year-old</strong> university student and software
-engineer. I use <strong>they/them</strong>, <strong>she/her</strong> and
+engineer from Germany. I'm queer (pan &amp; genderfluid) and use
+<strong>they/them</strong>, <strong>she/her</strong> and
 <strong>he/him</strong> pronouns.
 </p>
 <p>
 I love retro computing, especially the early to mid-2000s (yes, that's
 considered retro now, get over it), as you can tell by this website
 (which btw should work just fine in IE 6 if you manage to bypass the SSL errors
-somehow &ndash; I tested it in IE 6, IE 7 and Mozilla 1.1). This website is also
-available solely via HTTP over at
-<a href="http://hozyro.jkohl.link/">http://hozyro.jkohl.link/</a>!
+somehow &ndash; I tested it in many old browsers, including IE 6, IE 7,
+Mozilla 1.1 and Safari 2). This website is also available solely via HTTP
+over at <a href="http://hozyro.jkohl.link/">http://hozyro.jkohl.link/</a>!
 </p>
 <table style="margin:0 auto"><tbody>
 <tr>
diff --git a/src/static/genderfluid.gif b/src/static/genderfluid.gif
new file mode 100644
index 0000000..8360b4e
Binary files /dev/null and b/src/static/genderfluid.gif differ
diff --git a/src/static/nb.gif b/src/static/nb.gif
new file mode 100644
index 0000000..118fca6
Binary files /dev/null and b/src/static/nb.gif differ
diff --git a/src/static/pan.gif b/src/static/pan.gif
new file mode 100644
index 0000000..bcb813a
Binary files /dev/null and b/src/static/pan.gif differ
diff --git a/src/static/style.css b/src/static/style.css
index 0e5e198..4784cb1 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -175,3 +175,12 @@ a {
 .h32 {
     height: 32px;
 }
+.fright {
+    float: right;
+}
+.floatmargin {
+    margin: 4px;
+}
+.floatmargin.fright {
+    margin-right: 0;
+}
-- 
cgit v1.2.3