From ea4c87703e08728e35b5daa2f02f8c015c03a081 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Fri, 1 Sep 2023 00:00:00 +0000
Subject: [PATCH] feat(navbar): add Navbar boilerplate

initial state with non-functional 'login' and 'sign up' buttons
---
 src/lib/components/navbar.svelte | 16 ++++++++++++++++
 src/routes/+page.svelte          | 10 ++++------
 2 files changed, 20 insertions(+), 6 deletions(-)
 create mode 100644 src/lib/components/navbar.svelte

diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
new file mode 100644
index 0000000..e53842e
--- /dev/null
+++ b/src/lib/components/navbar.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+</script>
+
+<div class="navbar bg-neutral">
+  <div class="flex-1">
+    <h4>
+      <span class="primary">git</span>
+      <span class="">together</span>
+      <span class="">.xyz</span>
+    </h4>
+  </div>
+  <div class="flex-none gap-4">
+    <div class="btn btn-primary normal-case">Sign up</div>
+    <div class="btn btn-outline normal-case">Login</div>
+  </div>
+</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index dd86ffc..a1eb270 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,5 @@
-<h1 class="text-3xl font-bold underline">Hello world!</h1>
+<script lang="ts">
+  import Navbar from "$lib/components/navbar.svelte";
+</script>
 
-<style lang="postcss">
-  :global(html) {
-    background-color: theme(colors.gray.100);
-  }
-</style>
+<Navbar />