updated index.html (thanks Christoph!)

templates/index.html

@@ -41,12 +41,13 @@ td:last-child {
 
 header {
 	padding-top: 25px;
-	padding-bottom: 15px;
+	padding-bottom: 10px;
-	background-color: #f2f2f2;
+	background-color: #eef;
+    font-family: Georgia, serif;
 }
 
 h1 {
-	font-size: 24px;
+	font-size: 34px;
 	font-weight: normal;
 	white-space: nowrap;
 	overflow-x: hidden;
@@ -57,18 +58,8 @@ h1 {
 h2 {
 	padding-left: 5%;
 	font-size: 18px;
-    margin-bottom: 10px;
+    margin-bottom: 8px;
-    margin-top: 10px;
+    margin-top: 12px;
-	font-weight: normal;
-	white-space: nowrap;
-	overflow-x: hidden;
-	text-overflow: ellipsis;
-	color: #999;
-}
-
-h2 {
-	padding-left: 5%;
-	font-size: 16px;
 	font-weight: normal;
 	white-space: nowrap;
 	overflow-x: hidden;
@@ -77,7 +68,7 @@ h2 {
 }
 
 h1 a {
-	color: #000;
+	color: #005;
 	margin: 0 4px;
 }
 
@@ -89,13 +80,11 @@ h1 a:first-child {
 	margin: 0;
 }
 
-main {
+
-	display: block;
-}
 
 .meta {
 	font-size: 12px;
-	font-family: Verdana, sans-serif;
+	font-family: Trebuchet, sans-serif;
 	border-bottom: 1px solid #9C9C9C;
 	padding-top: 10px;
 	padding-bottom: 10px;
@@ -264,7 +253,7 @@ footer {
 	}
 
 	tr {
-		border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
+		border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
 	}
 
 	#up-arrow,
@@ -331,22 +320,22 @@ footer {
 
 		<header>
 			<h1>
-				<a href="">Birding Pi (BirdNET-Lite)</a>
+				<a href="https://github.com/mcguirepr89/BirdNET-Lite">🕊 Birding Pi - a realtime acoustic bird classification system</a>
 			</h1>
 		</header>
       <hr>
+			<h2>
+				<a href="http://birdnetsystem.local:9090">
+					<span class="name">🐦 Recognized Birds</span>
+				</a>
+			</h2>
+      <hr style="border-top: dotted 2px #ccc;">
 			<h2>
 				<a href="./stream">
 					<span class="name">🔊 Live Audio Stream</span>
 				</a>
 			</h2>
-      <hr>
+      <hr style="border-top: dotted 2px #ccc;">
-			<h2>
-				<a href="http://birdingpi.local:9090">
-					<span class="name">🐦 BirdNET-system Report</span>
-				</a>
-			</h2>
-      <hr>
 		<main>
 			<div class="listing">
 				<table aria-describedby="summary">
@@ -354,7 +343,7 @@ footer {
 					<tr>
 						<th></th>
 						<th>
-							<a href="?sort=name&order=asc">Extractions</a>
+							<a href="?sort=name&order=asc"><p style="color:#555">Extractions</p></a>
 						</th>
 					</tr>
 					</thead>
@@ -400,7 +389,7 @@ footer {
 					<tr>
 						<th></th>
 						<th>
-							<a href="?sort=name&order=asc">Tools</a>
+							<a href="?sort=name&order=asc"><p style="color:#555">Tools</p></a>
 						</th>
 					</tr>
 					</thead>
@@ -417,7 +406,7 @@ footer {
 					<tr class="file">
 						<td></td>
 						<td>
-							<a href="http://birdingpi.local:8080">
+							<a href="http://birdnetsystem.local:8080">
 								<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 317 259"><use xlink:href="#folder"></use></svg>
 								<span class="name">⚙ birdlog</span>
 							</a>
@@ -426,7 +415,7 @@ footer {
 					<tr class="file">
 						<td></td>
 						<td>
-							<a href="http://birdingpi.local:8888">
+							<a href="http://birdnetsystem.local:8888">
 								<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 317 259"><use xlink:href="#folder"></use></svg>
 								<span class="name">⚝ extractionlog</span>
 							</a>
@@ -446,7 +435,7 @@ footer {
 			</div>
 		</main>
 		<footer>
-			Served with <a rel="noopener noreferrer" href="https://caddyserver.com">Caddy</a>
+			Help: open the  <a rel="noopener noreferrer" href="https://birdnetwiki.pmcgui.xyz/">🕊 Birding Pi Wiki</a>
 		</footer>
 		<script>
 			var filterEl = document.getElementById('filter');
@@ -498,3 +487,4 @@ footer {
 		</script>
 	</body>
 </html>
+