summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorJonas Kohl <gitlab@jonaskohl.de>2024-07-27 12:36:51 +0200
committerJonas Kohl <gitlab@jonaskohl.de>2024-07-27 12:36:51 +0200
commitf579436dbfbb9417f8389555556a5105b7277495 (patch)
tree64df683ef4f1b90599569202f8bf7087ee0914a7 /src
parentc93880a266edaac4703a3f7be4047f404cff9c00 (diff)
Add pride flags
Diffstat (limited to 'src')
-rw-r--r--src/pages/about.php15
-rw-r--r--src/static/genderfluid.gifbin0 -> 5831 bytes
-rw-r--r--src/static/nb.gifbin0 -> 6360 bytes
-rw-r--r--src/static/pan.gifbin0 -> 7034 bytes
-rw-r--r--src/static/style.css9
5 files changed, 20 insertions, 4 deletions
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
--- /dev/null
+++ b/src/static/genderfluid.gif
Binary files differ
diff --git a/src/static/nb.gif b/src/static/nb.gif
new file mode 100644
index 0000000..118fca6
--- /dev/null
+++ b/src/static/nb.gif
Binary files differ
diff --git a/src/static/pan.gif b/src/static/pan.gif
new file mode 100644
index 0000000..bcb813a
--- /dev/null
+++ b/src/static/pan.gif
Binary files 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;
+}