From f02372d38241d614bdee982f9df4f0dca895449f Mon Sep 17 00:00:00 2001
From: Dave Lane <dave@oerfoundation.org>
Date: Tue, 19 Nov 2024 12:39:02 +1300
Subject: [PATCH] move navigation to use Navbar from the Yesvelte library

---
 src/routes/+layout.svelte     | 18 ++++++++----------
 src/routes/about/+page.svelte |  3 ++-
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1e0763c..bec2331 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,9 @@
 <script>
    	import tabler from 'yesvelte/css/tabler.min.css?url';
 	import daisyui from 'yesvelte/css/daisyui.min.css?url';
-    import '../app.css';
+ 	import { Navbar, NavbarItem } from 'yesvelte'
+ 	import '../app.css';
+
 
     	// you can change theme of your project from here.
 	let theme = 'tabler';
@@ -9,17 +11,13 @@
 </script>
 
 <svelte:head>
-	{#if theme === 'tabler'}
-		<link rel="stylesheet" href={tabler} />
-	{:else}
-		<link rel="stylesheet" href={daisyui} />
-	{/if}
+	<link rel="stylesheet" href={tabler} />
 </svelte:head>
 
-<nav>
-    <a href="/">Web Services</a>
-    <a href="/about">About</a>
-</nav>
+<Navbar theme='light' style="margin-bottom: 2em;">
+    <a href="/"><NavbarItem title="Web Services" /></a>
+    <a href="/about"><NavbarItem title="About" /></a>
+</Navbar>
 
 <!-- content provided by the +page.svelte file in this directory - and sub-directories -->
 <slot />
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index f04ce4e..3c9be8d 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -1,5 +1,6 @@
 
 <h1>About this site... </h1>
-<p>This simple app is a work-in-progress app that will soon (I hope) include the ability to filter the services using the various vocabularies of tags, like categories of software, libre license used, instance status, which of my roles they're affiliated with, and on which host they reside... </p>
+<p>This simple app is a work-in-progress that allows visitors to see the various <a href="https://tech.oeru.org/foss-libresoftware-its-about-clarity-and-values">libre</a> web services I currently run, filter them on a variety of properties like functional categories, similar proprietary apps, libre license used, instance status, which of my roles they're affiliated with, and on which host they reside... </p>
+<p>The <a href="https://forge.magnificent.nz/lightweight/webservices">source code for this project is available</a> under an AGPL license.</p>
 <p>This app is built on a suite of technologies that are largely new to me, but that I wanted to try out, as I see great potential in them. The key technology is a Javascript 'framework' called <a href="https://kid.svelte.dev">SvelteKit</a>, built with <a href="https://svelte.dev">Svelte</a> (a compiled language that generates pure Javascript) and ecosystem of extensions created by the community which provides useful components designed for reuse.
 </p>