From b4f1a01ea76f6f086999e9598014f4454795d31a Mon Sep 17 00:00:00 2001
From: Jonas Kohl <gitlab@jonaskohl.de>
Date: Sat, 20 Jul 2024 13:43:21 +0200
Subject: Add icons to navigation

---
 src/static/icons/about.gif   | Bin 0 -> 988 bytes
 src/static/icons/home.gif    | Bin 0 -> 346 bytes
 src/static/icons/website.gif | Bin 0 -> 1041 bytes
 src/static/style.css         |   4 ++++
 src/template.php             |  24 +++++++++++++++++++++---
 5 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 src/static/icons/about.gif
 create mode 100644 src/static/icons/home.gif
 create mode 100644 src/static/icons/website.gif

diff --git a/src/static/icons/about.gif b/src/static/icons/about.gif
new file mode 100644
index 0000000..93404b5
Binary files /dev/null and b/src/static/icons/about.gif differ
diff --git a/src/static/icons/home.gif b/src/static/icons/home.gif
new file mode 100644
index 0000000..265773e
Binary files /dev/null and b/src/static/icons/home.gif differ
diff --git a/src/static/icons/website.gif b/src/static/icons/website.gif
new file mode 100644
index 0000000..e75ce6c
Binary files /dev/null and b/src/static/icons/website.gif differ
diff --git a/src/static/style.css b/src/static/style.css
index aaec07e..83f0659 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -65,3 +65,7 @@ a {
     text-align: center;
     line-height: 24px;
 }
+.navIcon {
+    border: none;
+    vertical-align: bottom;
+}
diff --git a/src/template.php b/src/template.php
index 4c66e3f..d875298 100644
--- a/src/template.php
+++ b/src/template.php
@@ -28,13 +28,31 @@
         <tbody>
         <tr>
             <td class="navCell" style="border-left:0">
-                <a href="/">Home page</a>
+                <a href="/"><img
+                    class="navIcon"
+                    alt=""
+                    width="16"
+                    height="16"
+                    src="/static/icons/home.gif"
+                />&nbsp;Home page</a>
             </td>
             <td class="navCell">
-                <a href="/about">About me</a>
+                <a href="/about"><img
+                    class="navIcon"
+                    alt=""
+                    width="16"
+                    height="16"
+                    src="/static/icons/about.gif"
+                />&nbsp;About me</a>
             </td>
             <td class="navCell">
-                <a href="https://jonaskohl.de/">My actual website</a>
+                <a href="https://jonaskohl.de/"><img
+                    class="navIcon"
+                    alt=""
+                    width="16"
+                    height="16"
+                    src="/static/icons/website.gif"
+                />&nbsp;My actual website</a>
             </td>
             <td class="navCell"
                 style="border-right:0"></td>
-- 
cgit v1.2.3