diff options
| author | Jonas Kohl <gitlab@jonaskohl.de> | 2024-07-20 13:43:21 +0200 |
|---|---|---|
| committer | Jonas Kohl <gitlab@jonaskohl.de> | 2024-07-20 13:43:21 +0200 |
| commit | b4f1a01ea76f6f086999e9598014f4454795d31a (patch) | |
| tree | f68396bbca275886913e276ba8d1d2ec82128250 | |
| parent | 97c7e0fe43d04d2139f7eb9b4428e3ab3ae006ed (diff) | |
Add icons to navigation
| -rw-r--r-- | src/static/icons/about.gif | bin | 0 -> 988 bytes | |||
| -rw-r--r-- | src/static/icons/home.gif | bin | 0 -> 346 bytes | |||
| -rw-r--r-- | src/static/icons/website.gif | bin | 0 -> 1041 bytes | |||
| -rw-r--r-- | src/static/style.css | 4 | ||||
| -rw-r--r-- | src/template.php | 24 |
5 files changed, 25 insertions, 3 deletions
diff --git a/src/static/icons/about.gif b/src/static/icons/about.gif Binary files differnew file mode 100644 index 0000000..93404b5 --- /dev/null +++ b/src/static/icons/about.gif diff --git a/src/static/icons/home.gif b/src/static/icons/home.gif Binary files differnew file mode 100644 index 0000000..265773e --- /dev/null +++ b/src/static/icons/home.gif diff --git a/src/static/icons/website.gif b/src/static/icons/website.gif Binary files differnew file mode 100644 index 0000000..e75ce6c --- /dev/null +++ b/src/static/icons/website.gif 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" + /> 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" + /> 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" + /> My actual website</a> </td> <td class="navCell" style="border-right:0"></td> |
