development #54
							
								
								
									
										9
									
								
								src/lib/components/PageIcon.svelte
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										9
									
								
								src/lib/components/PageIcon.svelte
									
									
									
									
									
										Normal 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>
 | 
			
		||||
@@ -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>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user