{% load static %}
{% load django_vite %}
{#
Base HTML template for LightWave domains.
This provides the common and structure.
Domains should extend this and override blocks as needed.
Context variables (from lightwave_navigation context processor):
- brand_theme: Brand color theme (blue, blue-dark, indigo, violet)
Applied as class="theme-{brand_theme}" and data-brand="{brand_theme}" on
Blocks available:
- html_class: Additional classes for
- meta: Meta tags (title, description, OG tags)
- page_title: Just the content
- favicon: Favicon links
- stylesheets: CSS files
- page_head: Additional head content
- body_class: Classes for <body>
- body_wrapper: Everything inside <body>
- top_nav: Navigation header
- messages: Flash messages
- body: Main content
- footer: Footer section
- page_js: JavaScript at end of body
#}
<!DOCTYPE html>
<html lang="en" class="theme-{{ brand_theme|default:'blue' }} {% block html_class %}{% endblock %}" data-brand="{{ brand_theme|default:'blue' }}">
<head>
<script>
// Apply dark mode immediately based on system preference (before CSS loads)
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.classList.add('dark');
document.documentElement.setAttribute('data-theme', 'dark');
}
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block meta %}
<title>{% block page_title %}{{ lightwave_config.brand.name|default:"LightWave" }}{% endblock %}
{% if lightwave_config.brand.description %}
{% endif %}
{% endblock meta %}
{% block favicon %}
{# Override in domain templates to provide favicon #}
{% endblock favicon %}
{% block stylesheets %}
{% endblock stylesheets %}
{% vite_hmr_client %}
{% block page_head %}
{% endblock page_head %}
{% block body_wrapper %}
{% block top_nav %}
{% include "lightwave/islands/header.html" %}
{% endblock top_nav %}
{% block messages %}
{% endblock messages %}
{% block body %}
{% endblock body %}
{% block footer %}
{% include "lightwave/islands/footer.html" %}
{% endblock footer %}
{% endblock body_wrapper %}
{% block page_js %}
{% endblock page_js %}