bernard/TeamForge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Integrate custom fonts and global theme variables, update base HTML layout with navbar, dynamic club logo, and sidebar, and extend settings with configurable club logo.

Browse Source
This commit is contained in:
Bernard Siebens
2026-01-07 08:43:53 +01:00
parent f344533386
commit a19d3b091e
5 changed files with 53 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
TeamForge/settings.py
View File

@@ -140,6 +140,7 @@ AUTHENTICATION_BACKENDS = [
CONSTANCE_BACKEND = "constance.backends.database.DatabaseBackend"
CONSTANCE_CONFIG = {
"TF_CLUB_NAME": (config("TF_CLUB_NAME", default="TeamForge", cast=str), "Club Name", str),
"TF_CLUB_LOGO": (config("TF_CLUB_LOGO", default="teamforge/logo.png", cast=str), "Club Logo", str),
"TF_CLUB_HOME": (config("TF_CLUB_HOME", default="TeamForge Home", cast=str), "Club Location", str),
"TF_DEFAULT_SEASON_MONTH": (config("TF_DEFAULT_SEASON_MONTH", default=8, cast=int), "Default season start month", int),
"TF_DEFAULT_SEASON_DAY": (config("TF_DEFAULT_SEASON_DAY", default=1, cast=int), "Default season start day", int),

BIN
static/teamforge/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 413 KiB

1
templates/backend/base.html
View File

@@ -1,2 +1 @@
{% extends "base.html" %}

41
templates/base.html
View File

@@ -25,6 +25,45 @@
</head>
<body>
{% block content %}{% endblock content %}
<div class="navbar bg-base-200 shadow-sm">
<div class="flex-1">
<label for="drawer-button" aria-label="open sidebar" class="btn btn-square btn-outline lg:hidden">
<!-- Sidebar toggle icon -->
<i class="fa-solid fa-bars"></i>
</label>
<div class="flex flex-row items-center px-4 py-2 gap-4">
{% if config.TF_CLUB_LOGO != "teamforge/logo.png" %}
<img class="max-h-18 transform-gpu mask mask-circle" src="{% static config.TF_CLUB_LOGO %}" alt="{{ config.TF_CLUB_NAME }} Logo"/>
{% else %}
<img class="max-h-18 transform-gpu" src="{% static config.TF_CLUB_LOGO %}" alt="{{ config.TF_CLUB_NAME }} Logo"/>
{% endif %}
<a class="font-jersey text-4xl">{{ config.TF_CLUB_NAME }}</a>
</div>
</div>
<div class="mr-2 flex flex-row gap-2">
<div class="avatar avatar-placeholder">
<div class="bg-neutral text-neutral-content w-12 rounded-full">
<span>BS</span>
</div>
</div>
</div>
</div>
<div class="drawer lg:drawer-open">
<input id="drawer-button" type="checkbox" class="drawer-toggle"/>
<div class="drawer-content flex flex-col items-center justify-center">
{% block content %}PAGE CONTENT{% endblock content %}
</div>
<div class="drawer-side">
<label for="drawer-button" aria-label="close sidebar" class="drawer-overlay"></label>
<div class="flex min-h-full flex-col items-start bg-base-200 py-4 px-8">
{% block sidebar %}SIDEBAR CONTENT{% endblock sidebar %}
</div>
</div>
</div>
</body>
</html>

11
theme/static_src/src/styles.css
View File

@@ -1,4 +1,10 @@
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Catamaran:wght@100..900&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Graduate&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import "tailwindcss";
@plugin "daisyui";
/**
@@ -9,3 +15,8 @@
* the scope of this path.
*/
@source "../../../**/*.{html,py,js}";
@theme {
--font-jersey: Graduate, sans-serif;
--font-sans: Open Sans, Noto Sans, Barlow Semi Condensed, Ubuntu, Fira Sans, Catamaran, Cabin, Roboto, sans-serif;
}