Merge pull request #12 from gzimbron/documentation-changes

Added Author's and Repository Icon Links

.changeset/spicy-pumpkins-vanish.md

@@ -0,0 +1,5 @@
+---
+"documentation": patch
+---
+
+Added Github Repo Icon, Authors Web Icon

apps/documentation/package.json

@@ -32,7 +32,8 @@
 		"vite": "^4.0.0"
 	},
 	"dependencies": {
-		"@gzim/svelte-actions": "workspace:*"
+		"@gzim/svelte-actions": "workspace:*",
+		"@iconify/svelte": "3.1.6"
 	},
 	"type": "module"
 }

apps/documentation/src/routes/+layout.svelte

@@ -9,20 +9,19 @@
 	import { base } from '$app/paths';
 
 	import { Button, KitDocs, KitDocsLayout, createSidebarContext } from '@svelteness/kit-docs';
+	import Icon from '@iconify/svelte';
 
 	/** @type {import('./$types').LayoutData} */
 	export let data;
 
+	const GITHUB_LINK = 'https://github.com/gzimbron/svelte-actions';
+	const ZIMBRON_LINK = 'https://zimbron.dev';
+
 	$: ({ meta, sidebar } = data);
 
 	/** @type {import('@svelteness/kit-docs').NavbarConfig} */
 	const navbar = {
-		links: [
-			{
-				title: 'Github',
-				slug: 'https://github.com/gzimbron/svelte-actions'
-			}
-		]
+		links: []
 	};
 
 	const { activeCategory } = createSidebarContext(sidebar);
@@ -49,6 +48,27 @@
 			<Button href="{base}/">Svelte Actions 🪄</Button>
 		</div>
 
+		<div slot="navbar-right-alt">
+			<div class="flex">
+				<a
+					href={ZIMBRON_LINK}
+					target="_blank"
+					title="Author's website"
+					class="relative flex transform-gpu items-center rounded-md border-0 p-2 transition-transform hover:scale-[1.1] text-xl"
+				>
+					<Icon icon="mdi:web" />
+				</a>
+				<a
+					href={GITHUB_LINK}
+					target="_blank"
+					title="GitHub repository"
+					class="relative flex transform-gpu items-center rounded-md border-0 p-2 transition-transform hover:scale-[1.1] text-xl"
+				>
+					<Icon icon="mdi:github" />
+				</a>
+			</div>
+		</div>
+
 		<slot />
 	</KitDocsLayout>
 </KitDocs>