luke-else/luke-else.co.uk
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Added floating git icon to page
All checks were successful
Build and Push Development Docker Image / build-and-push (push) Successful in 1m1s
Details

Browse Source
This commit is contained in:
Luke Else
2025-09-11 00:58:52 +01:00
parent dc00eff17c
commit 87ff7e5dbd
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/lib/components/PageIcon.svelte Normal file
View File

@@ -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>

5
src/routes/+layout.svelte
View File

@@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import { ToastContainer, FlatToast } from 'svelte-toasts'; import { ToastContainer, FlatToast } from 'svelte-toasts';
import '../app.css'; import '../app.css';
import PageIcon from '$lib/components/PageIcon.svelte';
</script> </script>
<div <div
@@ -14,6 +15,10 @@
<a href="/contact" class="hover:underline">//Contact</a> <a href="/contact" class="hover:underline">//Contact</a>
</nav> </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"> <div class="container mx-auto justify-center items-center flex flex-col">
<slot /> <slot />
<ToastContainer let:data> <ToastContainer let:data>