From 618c2d328befc5854756c160819e0ef5770b4d9c Mon Sep 17 00:00:00 2001
From: Jonas Kohl <gitlab@jonaskohl.de>
Date: Wed, 24 Jul 2024 17:48:17 +0200
Subject: Add more stuff

---
 src/pages/about.php        |  50 +++++++++++++++++++++++++++++++++++++++++----
 src/pages/guestbook.php    |   4 +++-
 src/static/osx.png         | Bin 0 -> 661331 bytes
 src/static/osx_thumb.jpg   | Bin 0 -> 10290 bytes
 src/static/style.css       |  10 +++++++++
 src/static/tiger.png       | Bin 0 -> 473787 bytes
 src/static/tiger_thumb.jpg | Bin 0 -> 9381 bytes
 7 files changed, 59 insertions(+), 5 deletions(-)
 create mode 100644 src/static/osx.png
 create mode 100644 src/static/osx_thumb.jpg
 create mode 100644 src/static/tiger.png
 create mode 100644 src/static/tiger_thumb.jpg

diff --git a/src/pages/about.php b/src/pages/about.php
index 4b7ac3e..fe76100 100644
--- a/src/pages/about.php
+++ b/src/pages/about.php
@@ -30,7 +30,9 @@ 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>!
 </p>
-<p class="center">
+<table style="margin:0 auto"><tbody>
+<tr>
+<td style="width:258px;padding:12px 12px 0" class="center">
 <!-- I know, 'target' is only allowed in XHTML Frameset, but I don't care -->
     <a class="imgLink" target="_new" href="/static/screenshot.png"><!--
         --><img src="/static/screenshot_thumb.jpg"
@@ -38,8 +40,48 @@ available solely via HTTP over at
                      Internet Explorer 6 on Windows XP"
                 width="256"
                 height="192" /><!--
-    --></a><br />
+    --></a>
+</td>
+<td style="width:342px;padding:12px 12px 0" class="center">
+    <a class="imgLink" target="_new" href="/static/tiger.png"><!--
+        --><img src="/static/tiger_thumb.jpg"
+                alt="Screenshot of the home page being displayed in 
+                     Safari 2.0.3 on Mac OS X 10.4.6"
+                width="340"
+                height="192" /><!--
+    --></a>
+</td>
+</tr>
+<tr>
+<td class="center vtop">
     <span class="smallText">Fig. 1: Screenshot of this site being displayed in 
-    Internet Explorer 6 on Windows XP<br />
+    Internet Explorer 6 on Windows XP (emulated)<br />
     <span class="enlarge">(Click image to enlarge)</span></span>
-</p>
+</td>
+<td class="center vtop">
+    <span class="smallText">Fig. 2: Screenshot of the home page being displayed
+    in Safari 2.0.3 on Mac OS X 10.4.6 (emulated)<br />
+    <span class="enlarge">(Click image to enlarge)</span></span>
+</td>
+</tr>
+</tbody></table>
+<table style="margin:0 auto"><tbody>
+<tr>
+<td style="width:344px;padding:12px 12px 0" class="center">
+    <a class="imgLink" target="_new" href="/static/osx.png"><!--
+        --><img src="/static/osx_thumb.jpg"
+                alt="Screenshot of the home page being displayed in 
+                     Safari on OS X 10.8"
+                width="342"
+                height="192" /><!--
+    --></a>
+</td>
+</tr>
+<tr>
+<td class="center vtop">
+    <span class="smallText">Fig. 3: Screenshot of the home page being displayed
+    in Safari on OS X 10.8<br />
+    <span class="enlarge">(Click image to enlarge)</span></span>
+</td>
+</tr>
+</tbody></table>
diff --git a/src/pages/guestbook.php b/src/pages/guestbook.php
index d2d0144..b5e582d 100644
--- a/src/pages/guestbook.php
+++ b/src/pages/guestbook.php
@@ -1,8 +1,10 @@
 <param:title>Guestbook</param:title>
 <param:active-link>guestbook</param:active-link>
 
+<h1>Guestbook</h1>
+
 <div id="guestbook_frame"></div>
-<p><a href="#" id="emoticon-guide">Emoticon guide</a></p>
+<p><a href="#" id="emoticon-guide"><img style="border:none" alt="" class="vmid" src="/static/emoticons/cheesy.gif"> Emoticon guide</a></p>
 <div id="guestbook"></div>
 
 <script type="text/javascript" src="/static/jquery-1.12.4.min.js"></script>
diff --git a/src/static/osx.png b/src/static/osx.png
new file mode 100644
index 0000000..08640b3
Binary files /dev/null and b/src/static/osx.png differ
diff --git a/src/static/osx_thumb.jpg b/src/static/osx_thumb.jpg
new file mode 100644
index 0000000..63c0344
Binary files /dev/null and b/src/static/osx_thumb.jpg differ
diff --git a/src/static/style.css b/src/static/style.css
index 32c6efd..a28b1f2 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -95,6 +95,15 @@ a {
 .center {
     text-align: center;
 }
+.vtop {
+    vertical-align: top;
+}
+.vmid {
+    vertical-align: middle;
+}
+.vbtm {
+    vertical-align: bottom;
+}
 .imgLink {
     color: black;
     text-decoration: none;
@@ -137,6 +146,7 @@ a {
 .guestbook-content {
     padding: 4px;
 }
+#guestbook_frame,
 #gbframe {
     display: block;
     border: none;
diff --git a/src/static/tiger.png b/src/static/tiger.png
new file mode 100644
index 0000000..33491f5
Binary files /dev/null and b/src/static/tiger.png differ
diff --git a/src/static/tiger_thumb.jpg b/src/static/tiger_thumb.jpg
new file mode 100644
index 0000000..2f5bcaf
Binary files /dev/null and b/src/static/tiger_thumb.jpg differ
-- 
cgit v1.2.3