frontend changes

dmapp/dmweb/templates/calendar.html

@@ -1,32 +1,67 @@
 {% extends 'layout.html' %}
 
-{% block head  %}
-
+{% block head %}
 
 <style type="text/css">
 
+body {
+	background-color: #1a1a1a;
+	color: #e0e0e0;
+	margin: 20px;
+	font-family: monospace;
+}
+
+.nav-bar {
+	display: flex;
+	gap: 20px;
+	margin-bottom: 30px;
+	padding-bottom: 15px;
+	border-bottom: 2px solid #444;
+}
+
+.nav-bar a {
+	text-decoration: none;
+	color: #6b9bd1;
+	font-size: 12pt;
+	padding: 5px 10px;
+	border-radius: 3px;
+}
+
+.nav-bar a:hover {
+	background-color: #2a2a2a;
+}
+
 td > * {
-    
+
 }
 
 td {
-	vertical-align : top;
+	vertical-align: top;
 	height: 25px;
-
+	color: #e0e0e0;
 }
 
 table {
 	width: 100%;
-	border: 1px solid black;
-} 	
+	border: 1px solid #444;
+	background-color: #2a2a2a;
+}
 
 </style>
 
 {% endblock head %}
 
 
-{% block content  %}
+{% block content %}
 
-	{{ content | safe }}
+<div class="nav-bar">
+	<a href="/">Today</a>
+	<a href="/calendar/daily">Calendar</a>
+	<a href="/switches/daily">Switches</a>
+	<a href="/work">Work</a>
+	<a href="/totals">All Time</a>
+</div>
+
+{{ content | safe }}
 
 {% endblock content %}