visual redesign: landing, dashboard overview, session calendar (2.3.1)

- Redesign landing page hero with split layout, features section, and in-app session/result demos
- Add fixed sidebar scroll isolation (app-shell overflow lock pattern)
- Redesign leagues index cards with initial badge, podium leader chips, and action links
- Redesign league dashboard: color-coded nav tiles, cash/stats overview strip, session history heatmap calendar
- Dashboard cash stats use real cash only (excludes rollovers and carry-ins)
- Session history calendar: JS-driven full-year grid, year navigation, hover tooltips, full-width responsive layout
- Bump leaderboard tile color from gold to blue (distinct from ledger orange)
- Bump version to 2.3.1
This commit is contained in:
SowinskiBraeden committed 2026-06-26 21:24:00 -07:00
1 parent 56c9a1084c
commit a5cb488b91
22 files changed
+2975 -597

No files matched your search

+18 -5
View File
@@ -15,7 +15,7 @@
<div class="topbar__inner">
<a class="brand" href="{{ url_for('public.home') }}">
<span class="brand__mark"></span>
<span class="brand__name">myboker.org</span>
<span class="brand__name">myboker<span class="brand__tld">.org</span></span>
</a>
<button class="nav-toggle" type="button" aria-controls="mainnav" aria-expanded="false" aria-label="Open navigation">
<span></span>
@@ -51,8 +51,10 @@
{% endif %}
</div>
</header>
{% block subnav %}{% endblock %}
<div class="app-shell">
{% block sidebar %}{% endblock %}
<main class="page {% block page_class %}page--public{% endblock %}">
{% block subnav %}{% endblock %}
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="flash-stack">
@@ -66,11 +68,22 @@
{% block content %}{% endblock %}
<footer class="site-footer" aria-label="Site footer">
<span>&copy; 2026 myboker.org</span>
<span>Version {{ app_version }}</span>
<span><a href="{{ url_for('public.help') }}" style="color:inherit;text-decoration:none;">Help</a> · cedarline.digital</span>
<div class="site-footer__copy">
<span>&copy; 2026 <strong>myboker.org</strong></span>
<span class="site-footer__version">v{{ app_version }}</span>
</div>
<nav class="site-footer__links" aria-label="Footer links">
<a href="{{ url_for('public.help') }}">Help</a>
<a href="#">Contact</a>
<a href="#">Privacy</a>
<a href="#">Terms</a>
</nav>
<div class="site-footer__brand">
<a href="https://cedarline.digital" target="_blank" rel="noopener">cedarline.digital</a>
</div>
</footer>
</main>
</div><!-- /.app-shell -->
<script>
(() => {
const toggle = document.querySelector('.nav-toggle');