diff --git a/rstat_tool/dashboard.py b/rstat_tool/dashboard.py
index 102ffb3..39abb42 100644
--- a/rstat_tool/dashboard.py
+++ b/rstat_tool/dashboard.py
@@ -12,8 +12,7 @@ from .database import (
get_overall_weekly_summary, # Now correctly imported
)
-app = Flask(__name__, template_folder="../templates")
-
+app = Flask(__name__, template_folder='../templates', static_folder='../static')
@app.template_filter("format_mc")
def format_market_cap(mc):
diff --git a/static/dogecoin_logo.png b/static/dogecoin_logo.png
new file mode 100644
index 0000000..8f649e8
Binary files /dev/null and b/static/dogecoin_logo.png differ
diff --git a/templates/dashboard_base.html b/templates/dashboard_base.html
index bd8be31..d33f5ad 100644
--- a/templates/dashboard_base.html
+++ b/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 */
}
@@ -436,7 +520,9 @@
Weekly
-