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

3
templates/backend/base.html
View File

@@ -1,2 +1 @@
{% extends "base.html" %}
{% 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>