From 87ff7e5dbd7feecc18e965b51607c2b07fad7b9d Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Thu, 11 Sep 2025 00:58:52 +0100
Subject: [PATCH] feat: Added floating git icon to page

---
 src/lib/components/PageIcon.svelte | 9 +++++++++
 src/routes/+layout.svelte          | 5 +++++
 2 files changed, 14 insertions(+)
 create mode 100644 src/lib/components/PageIcon.svelte

diff --git a/src/lib/components/PageIcon.svelte b/src/lib/components/PageIcon.svelte
new file mode 100644
index 0000000..5fbbf7a
--- /dev/null
+++ b/src/lib/components/PageIcon.svelte
@@ -0,0 +1,9 @@
+<script>
+  export let iconClass = 'devicon-htmx-plain';
+</script>
+
+<span
+  class="fixed lg:top-4 bottom-4 left-4 text-5xl z-[1000] text-grey"
+>
+  <i class={iconClass}></i>
+</span>
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1c17e2e..c2c991d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { ToastContainer, FlatToast } from 'svelte-toasts';
     import '../app.css';
+    import PageIcon from '$lib/components/PageIcon.svelte';
 </script>
 
 <div
@@ -14,6 +15,10 @@
         <a href="/contact" class="hover:underline">//Contact</a>
     </nav>
 
+    <a href="https://git.luke-else.co.uk" target="_blank">
+        <PageIcon iconClass="devicon-git-plain" />
+    </a>
+
     <div class="container mx-auto justify-center items-center flex flex-col">
         <slot />
         <ToastContainer let:data>