SowinskiBraeden/boker
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

2.0+ public access setup

Browse Source
This commit is contained in:
SowinskiBraeden committed 2026-06-23 21:38:33 -07:00
1 parent 5d88180e02
commit 211ace7b20
45 files changed
+7875 -32
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

templates/base.html
+55 -10
View File
@@ -10,9 +10,10 @@
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<div class="l-bg" aria-hidden="true"></div>
<header class="topbar">
<div class="topbar__inner">
<a class="brand" href="{{ url_for('public.leaderboard') }}">
<a class="brand" href="{{ url_for('public.home') }}">
<span class="brand__mark"></span>
<span class="brand__name">myboker.org</span>
</a>
@@ -22,25 +23,35 @@
<span></span>
</button>
<nav class="mainnav" id="mainnav">
<a class="navlink {{ 'is-active' if request.endpoint == 'public.leaderboard' }}" href="{{ url_for('public.leaderboard') }}">Leaderboard</a>
<a class="navlink {{ 'is-active' if request.endpoint in ('public.sessions', 'public.session_detail') }}" href="{{ url_for('public.sessions') }}">Sessions</a>
{% if is_admin %}
<a class="navlink {{ 'is-active' if request.endpoint == 'admin.dashboard' }}" href="{{ url_for('admin.dashboard') }}">Admin</a>
{% if is_logged_in %}
<a class="navlink {{ 'is-active' if request.endpoint and request.endpoint.startswith('leagues.') }}" href="{{ url_for('leagues.index') }}">Leagues</a>
<a class="navlink {{ 'is-active' if request.endpoint == 'public.explore' }}" href="{{ url_for('public.explore') }}">Explore</a>
<a class="navlink {{ 'is-active' if request.endpoint and request.endpoint.startswith('account.') and request.endpoint not in ('account.login', 'account.register') }}" href="{{ url_for('account.settings') }}">Account</a>
<a class="navlink {{ 'is-active' if request.endpoint == 'public.help' }}" href="{{ url_for('public.help') }}">Help</a>
{% else %}
<a class="navlink {{ 'is-active' if request.endpoint == 'admin.login' }}" href="{{ url_for('admin.login') }}">Admin</a>
<a class="navlink {{ 'is-active' if request.endpoint == 'public.explore' }}" href="{{ url_for('public.explore') }}">Explore</a>
<a class="navlink {{ 'is-active' if request.endpoint == 'public.help' }}" href="{{ url_for('public.help') }}">Help</a>
<a class="navlink navlink--mobile-auth {{ 'is-active' if request.endpoint == 'account.login' }}" href="{{ url_for('account.login') }}">Login</a>
<a class="navlink navlink--mobile-auth {{ 'is-active' if request.endpoint == 'account.register' }}" href="{{ url_for('account.register') }}">Register</a>
{% endif %}
</nav>
<span class="topbar__spacer"></span>
{% if is_admin %}
{% if is_logged_in %}
<div class="topbar__admin-actions">
<form method="post" action="{{ url_for('admin.logout') }}" style="margin:0">
<form method="post" action="{{ url_for('account.logout') }}" style="margin:0">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<button class="btn btn--ghost btn--sm" type="submit">Logout</button>
</form>
</div>
{% else %}
<div class="topbar__admin-actions topbar__account-actions">
<a class="btn btn--ghost btn--sm" href="{{ url_for('account.login') }}">Login</a>
<a class="btn btn--outline btn--sm" href="{{ url_for('account.register') }}">Register</a>
</div>
{% endif %}
</div>
</header>
{% block subnav %}{% endblock %}
<main class="page {% block page_class %}page--public{% endblock %}">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
@@ -57,7 +68,7 @@
<footer class="site-footer" aria-label="Site footer">
<span>&copy; 2026 myboker.org</span>
<span>Version {{ app_version }}</span>
<span>cedarline.digital</span>
<span><a href="{{ url_for('public.help') }}" style="color:inherit;text-decoration:none;">Help</a> · cedarline.digital</span>
</footer>
</main>
<script>
@@ -91,5 +102,39 @@
});
})();
</script>
<script>
(() => {
function positionBubble(tip) {
const bubble = tip.querySelector('.info-tip__bubble');
if (!bubble) return;
const rect = tip.getBoundingClientRect();
const bw = bubble.offsetWidth || 220;
const bh = bubble.offsetHeight || 60;
let left = rect.left + rect.width / 2 - bw / 2;
let top = rect.top - bh - 8;
left = Math.max(8, Math.min(left, window.innerWidth - bw - 8));
if (top < 8) top = rect.bottom + 8;
bubble.style.left = left + 'px';
bubble.style.top = top + 'px';
}
document.querySelectorAll('.info-tip').forEach(tip => {
tip.addEventListener('mouseenter', () => { positionBubble(tip); tip.classList.add('is-open'); });
tip.addEventListener('mouseleave', () => tip.classList.remove('is-open'));
tip.addEventListener('click', e => {
e.stopPropagation();
const wasOpen = tip.classList.contains('is-open');
document.querySelectorAll('.info-tip.is-open').forEach(t => t.classList.remove('is-open'));
if (!wasOpen) { positionBubble(tip); tip.classList.add('is-open'); }
});
tip.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); tip.click(); }
if (e.key === 'Escape') tip.classList.remove('is-open');
});
});
document.addEventListener('click', () => {
document.querySelectorAll('.info-tip.is-open').forEach(t => t.classList.remove('is-open'));
});
})();
</script>
</body>
</html>