Added dogecoin donation footer.æ

templates/dashboard_base.html

@@ -283,6 +283,7 @@
             text-decoration: none;
             transition: color 0.2s;
         }
+
         td.financials a:hover {
             color: #93c5fd;
         }
@@ -339,65 +340,88 @@
         }
 
         footer a {
-            color: inherit; /* Inherit the color from .brand-subtitle */
+            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 */
+            color: #ffffff;
+            /* Make it brighter on hover */
         }
 
         @media (max-width: 768px) {
-            body { padding: 0.5rem; }
+            body {
+                padding: 0.5rem;
+            }
+
             .navbar {
                 flex-direction: column;
                 align-items: stretch;
                 padding: 1rem;
             }
+
             .view-switcher {
                 margin-left: 0;
                 justify-content: center;
             }
+
             .dropdown-menu {
                 width: 100%;
             }
+
             .image-container {
                 width: 100%;
                 padding: 1.5rem 1rem;
             }
+
             header {
                 flex-direction: column;
                 gap: 0.5rem;
             }
+
             .header-action {
                 width: 100%;
                 justify-content: space-between;
             }
-            table, thead, tbody, th, td, tr {
+
+            table,
+            thead,
+            tbody,
+            th,
+            td,
+            tr {
                 display: block;
             }
+
             thead {
                 display: none;
             }
+
             tr {
                 border: 1px solid rgba(255, 255, 255, 0.1);
                 border-radius: 8px;
                 margin-bottom: 1rem;
                 padding: 0.5rem;
             }
+
             td {
                 border: none;
                 border-bottom: 1px solid rgba(255, 255, 255, 0.05);
                 position: relative;
                 padding-left: 50%;
                 text-align: right;
-                display: flex; /* Use flex for better alignment */
+                display: flex;
+                /* Use flex for better alignment */
                 align-items: center;
                 justify-content: flex-end;
             }
+
             td:last-child {
                 border-bottom: none;
             }
+
             td::before {
                 content: attr(data-label);
                 position: absolute;
@@ -408,7 +432,67 @@
                 text-align: left;
                 color: #718096;
             }
-            td.ticker, td.rank { text-align: right; }
+
+            td.ticker,
+            td.rank {
+                text-align: right;
+            }
+        }
+
+        .image-container footer {
+            margin-top: 2.5rem;
+        }
+
+        .image-container .brand-name {
+            font-size: 1.75rem;
+            font-weight: 800;
+            letter-spacing: -1px;
+        }
+
+        .image-container .brand-subtitle {
+            font-size: 1rem;
+            color: #a0aec0;
+        }
+
+        .image-container footer a {
+            color: inherit;
+            text-decoration: none;
+            transition: color 0.2s;
+        }
+
+        .image-container footer a:hover {
+            color: #ffffff;
+        }
+
+        .page-footer {
+            margin-top: 2rem;
+            padding: 1rem;
+            width: 100%;
+            max-width: 750px;
+            box-sizing: border-box;
+            background-color: rgba(45, 55, 72, 0.5);
+            border-radius: 12px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 0.75rem;
+            color: #cbd5e0;
+            font-size: 0.9rem;
+            font-weight: 500;
+        }
+
+        .page-footer code {
+            background-color: #1a202c;
+            padding: 0.25rem 0.5rem;
+            border-radius: 4px;
+            font-weight: 600;
+            color: #e2e8f0;
+        }
+
+        .page-footer .doge-logo {
+            width: 22px;  /* Set a consistent size for the image */
+            height: 22px;
+            vertical-align: middle; /* Align it nicely with the text */
         }
     </style>
 </head>
@@ -436,7 +520,9 @@
             <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;">
+                <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>
@@ -448,6 +534,13 @@
     <main>
         {% block content %}{% endblock %}
     </main>
+
+    {% if not is_image_mode %}
+    <footer class="page-footer">
+        <img src="{{ url_for('static', filename='dogecoin_logo.png') }}" alt="Dogecoin Logo" class="doge-logo">
+        <span>Support this service with Dogecoin: <code>DRTLo2BsBijY4MrLmNNHzmjZ5tVvpTebFE</code></span>
+    </footer>
+    {% endif %}
 </body>
 
 </html>