refactor:ui

src/lib/components/Footbar.svelte

@@ -8,23 +8,25 @@
 	class="flex flex-col items-center justify-center p-2 gap-3 bg-gray-100 text-black
 text-sm"
 >
-	<ul class="flex space-x-4">
-		<!-- 	{#each links as link (link.href)} -->
-		{#each links as link}
-			<li>
-				<a href={link.href}>{link.name}</a>
-			</li>
-		{/each}
-	</ul>
+	<!-- <ul class="flex space-x-4"> -->
+	<!-- 	{#each links as link} -->
+	<!-- 		<li> -->
+	<!-- 			<a href={link.href}>{link.name}</a> -->
+	<!-- 		</li> -->
+	<!-- 	{/each} -->
+	<!-- </ul> -->
+	<p>
+		This is a simple <a href="https://news.ycombinator.com/news">Hacker News clone</a>
+	</p>
 
-	<div class="flex w-full max-w-sm flex-row h-7">
-		<Label for="email-2" class="align-center p-1">Search:</Label>
-		<Input
-			type="text"
-			id="email-2"
-			placeholder="Search"
-			class="h-auto
-		border-black  rounded text-black"
-		/>
-	</div>
+	<!-- <div class="flex w-full max-w-sm flex-row h-7"> -->
+	<!-- 	<Label for="email-2" class="align-center p-1">Search:</Label> -->
+	<!-- 	<Input -->
+	<!-- 		type="text" -->
+	<!-- 		id="email-2" -->
+	<!-- 		placeholder="Search" -->
+	<!-- 		class="h-auto -->
+	<!-- 	border-black  rounded text-black" -->
+	<!-- 	/> -->
+	<!-- </div> -->
 </footer>

src/lib/components/NavBar.svelte

@@ -24,7 +24,7 @@
 	</div>
 	<div>
 		<ul>
-			<li><a href={last.href} />{last.name}</li>
+			<li><a href={last.href}>{last.name}</a></li>
 		</ul>
 	</div>
 </nav>

src/routes/+layout.svelte

@@ -27,7 +27,7 @@
 		{ name: 'show', href: '/show' },
 		{ name: 'jobs', href: '/jobs' },
 		// { name: 'submit', href: '/submit' },
-		{ name: 'login', href: '/login' }
+		{ name: 'Github', href: 'https://github.com/SureshPradhana/hn-svelte-deno' }
 	];
 
 	navigating.subscribe((val) => {