feat: Added floating git icon to page

Reviewed-on: #50

dockerfile

@@ -1,4 +1,4 @@
-FROM node:lts-slim as build
+FROM git.luke-else.co.uk/luke-else/nodejs:latest AS build
 
 WORKDIR /app
 
@@ -6,15 +6,15 @@ COPY package*.json ./
 RUN rm -rf node_modules
 RUN rm -rf build
 COPY . .
-RUN npm install
-RUN npm run build
+RUN pnpm install
+RUN pnpm run build
 
-FROM node:lts-slim as run
+FROM git.luke-else.co.uk/luke-else/nodejs:latest AS run
 
 WORKDIR /app
 COPY --from=build /app/package.json ./package.json
 COPY --from=build /app/build ./build
-RUN npm install --omit=dev
+RUN pnpm install --prod
 
 EXPOSE 3000
-ENTRYPOINT [ "npm", "run", "start" ]
+ENTRYPOINT [ "pnpm", "run", "start" ]

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>

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>