Bernard Siebens
1a2bf257da
A club member signing in at ajax-united.rosterchief.app now sees their club's
logo, name and colours; the base domain keeps the RosterChief skin for the
control panel and Django admin.
The mechanism is `{% extends base_template %}` -- Django lets the parent be a
context variable, so the `branding` context processor picks the skin from
request.club and *every* auth screen allauth ships (login, password reset, MFA,
passkeys, and whatever it adds next) follows the tenant without a single one of
them knowing that clubs exist.
Templates split three ways: _base.html is the skeleton with no branding, and
_platform_base.html / _club_base.html dress it. The control panel extends the
platform base *explicitly* rather than through the variable, so a bug in
branding resolution can never dress the panel up as a club.
Club gains an optional logo and primary_color. Notes on both:
- No logo falls back to the club's initials, never the RosterChief mark, which
would pass our branding off as theirs.
- Club colours land in an inline :root. daisyUI declares its theme variables
inside `@layer base`, and unlayered styles beat every layered rule regardless
of specificity, so this needs no !important. --color-primary-content is derived
from WCAG relative luminance, so a club that picks pale yellow gets black text
instead of invisible white.
- primary_color is a text input, not <input type="color">: a colour picker cannot
express "no colour", so every club that never touched it would submit #000000
and silently get a black theme.
"/" now resolves per tenant (club home, or hand off to the control panel), which
is why LOGIN_REDIRECT_URL can stay "/" and allauth needs no redirect adapter.
Also folds in the theme toggle gaining a third "auto" state and the logo
switching from `content:` to background-image (content-replacement on a real
element is not supported in Firefox), both of which lived in the base template
this commit replaces.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
47 lines
1.9 KiB
HTML
47 lines
1.9 KiB
HTML
{% extends "_base.html" %}
|
|
|
|
{% comment %}
|
|
A club's skin, used on its subdomain. `club` comes from the branding context
|
|
processor, which reads the tenant resolved by ClubTenantMiddleware.
|
|
{% endcomment %}
|
|
|
|
{% block title %}
|
|
{% block head_title %}{% endblock head_title %} · {{ club.name }}
|
|
{% endblock title %}
|
|
|
|
{% block extra %}
|
|
{% if club.primary_color %}
|
|
{% comment %}
|
|
daisyUI declares its theme variables inside `@layer base`, and unlayered styles
|
|
beat every layered rule regardless of specificity -- so this plain :root wins
|
|
without any !important or selector games. primary_content_color is computed from
|
|
the club's colour so a pale brand doesn't end up with white-on-yellow buttons.
|
|
{% endcomment %}
|
|
<style>
|
|
:root {
|
|
--color-primary: {{ club.primary_color }};
|
|
--color-primary-content: {{ club.primary_content_color }};
|
|
}
|
|
</style>
|
|
{% endif %}
|
|
{% endblock extra %}
|
|
|
|
{% block brand %}
|
|
<a class="flex flex-row items-center gap-3" href="/">
|
|
{% if club.logo %}
|
|
<img class="h-16 w-16 object-contain" src="{{ club.logo.url }}" alt="{{ club.name }}">
|
|
{% else %}
|
|
{# Never the RosterChief mark: that would pass our branding off as the club's own. #}
|
|
<div class="avatar avatar-placeholder">
|
|
<div class="w-16 rounded-full bg-primary text-primary-content">
|
|
<span class="font-roboto text-xl font-bold">{{ club.initials }}</span>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
<div class="flex flex-col gap-1">
|
|
<div class="font-roboto text-2xl font-bold tracking-wider">{{ club.name }}</div>
|
|
<div class="font-mono text-xs font-semibold text-base-content/50">Powered by RosterChief</div>
|
|
</div>
|
|
</a>
|
|
{% endblock brand %}
|