Added about page.

templates/dashboard_base.html

@@ -337,6 +337,15 @@
             color: #ffffff;
             text-decoration: underline;
         }
+
+        footer a {
+            color: inherit; /* Inherit the color from .brand-subtitle */
+            text-decoration: none;
+            transition: color 0.2s;
+        }
+        footer a:hover {
+            color: #ffffff; /* Make it brighter on hover */
+        }
     </style>
 </head>
 
@@ -361,6 +370,14 @@
         <div class="view-switcher">
             <a href="?view=daily" {% if view_type=='daily' %}class="active" {% endif %}>Daily</a>
             <a href="?view=weekly" {% if view_type=='weekly' %}class="active" {% endif %}>Weekly</a>
+
+            <a href="/about" title="About this Project" style="margin-left: 1rem;">
+                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: middle;">
+                    <circle cx="12" cy="12" r="10"></circle>
+                    <line x1="12" y1="16" x2="12" y2="12"></line>
+                    <line x1="12" y1="8" x2="12.01" y2="8"></line>
+                </svg>
+            </a>
         </div>
     </nav>
     {% endif %}