From b2361c60ef879d74da81652ea455c40e60f5e443 Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Mon, 6 Jan 2025 22:57:04 -0500
Subject: [PATCH] nav

---
 public/app.css | 13 +++++++++++++
 src/App.vue    | 16 ++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/public/app.css b/public/app.css
index 4931ae1..68bd8e2 100644
--- a/public/app.css
+++ b/public/app.css
@@ -7,6 +7,9 @@ body {
 		background-color: black;
 		color: grey;
 	}
+	a {
+		color:grey;
+	}
 }
 
 td,th {
@@ -39,3 +42,13 @@ tbody tr:nth-child(even) td{
 	#songs { grid-area: 2 / 3 / 3 / 4; }
 
 }
+
+nav {
+	text-align:right;
+	position:fixed;
+	width:100%;
+}
+nav ul {
+	list-style:none;
+	/*background-color:rgba(100,100,100, 0.5);*/
+}
diff --git a/src/App.vue b/src/App.vue
index a6437fa..19a72e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -35,6 +35,22 @@
 </script>
 
 <template>
+	<nav>
+		<ul>
+			<li>
+				<a href="#timer">Timer</a>
+			</li>
+			<li>
+				<a href="#summary">Summary</a>
+			</li>
+			<li>
+				<a href="#category">Category</a>
+			</li>
+			<li>
+				<a href="#songs">Songs</a>
+			</li>
+		</ul>
+	</nav>
 	<main>
 		<section id="timer" :class="{timerRunning:timerRunning, micThresholdExceeded:micThresholdExceeded}">
 			<Status ref="statusRef"/>