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 - + @@ -448,6 +534,13 @@
{% block content %}{% endblock %}
+ + {% if not is_image_mode %} +
+
+ Support this service with Dogecoin: DRTLo2BsBijY4MrLmNNHzmjZ5tVvpTebFE + + {% endif %} \ No newline at end of file