frontend changes

dmapp/dmweb/templates/main.html

@@ -17,6 +17,27 @@
             color: #e0e0e0;
         }
 
+        .nav-bar {
+            position: absolute;
+            top: 20px;
+            left: 20px;
+            display: flex;
+            gap: 15px;
+        }
+
+        .nav-bar a {
+            text-decoration: none;
+            color: #6b9bd1;
+            font-size: 11pt;
+            padding: 5px 10px;
+            border-radius: 3px;
+            background-color: #2a2a2a;
+        }
+
+        .nav-bar a:hover {
+            background-color: #3a3a3a;
+        }
+
         .grey {
             color: #888;
         }
@@ -57,6 +78,14 @@
         <!-- agregar función que me diga cuanto tiempo hace que esta activo el escritorio
              (calcular el delta con el ultimo switch y pasarlo a mm:ss) -->
 
+        <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>
+
         <div id="content-container">
         {% block content %}
         {% include 'main_content.html' %}