tag and meta) - content: Main page content - navigation: Navigation header (defaults to enhanced_header.html) - footer: Page footer Meta Blocks: - meta_description: Page meta description for SEO - meta_keywords: Page meta keywords - og_type: Open Graph type (default: website) - og_title: Open Graph title (defaults to title block) - og_description: Open Graph description - og_image: Open Graph image URL - twitter_title: Twitter card title - twitter_description: Twitter card description Customization Blocks: - extra_head: Additional CSS/meta tags in <head> - extra_js: Additional JavaScript before </body> - body_class: Additional classes for <body> tag - main_class: Additional classes for <main> tag Usage Example: {% extends "base/base.html" %} {% block title %}My Page - ThrillWiki{% endblock %} {% block content %} <h1>My Page Content</h1> {% endblock %} ============================================================================= #} <!DOCTYPE html> <html lang="en" class="h-full"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="{{ csrf_token }}"> <meta name="description" content="{% block meta_description %}ThrillWiki - Your comprehensive guide to theme parks and roller coasters{% endblock %}"> <meta name="keywords" content="{% block meta_keywords %}theme parks, roller coasters, rides, amusement parks{% endblock %}">  <meta property="og:type" content="{% block og_type %}website{% endblock %}"> <meta property="og:url" content="{{ request.build_absolute_uri }}"> <meta property="og:title" content="{% block og_title %}{% block title %}ThrillWiki{% endblock %}{% endblock %}"> <meta property="og:description" content="{% block og_description %}ThrillWiki - Your comprehensive guide to theme parks and roller coasters{% endblock %}"> <meta property="og:image" content="{% block og_image %}{% static 'images/og-default.jpg' %}{% endblock %}">  <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:title" content="{% block twitter_title %}ThrillWiki{% endblock %}"> <meta property="twitter:description" content="{% block twitter_description %}ThrillWiki - Your comprehensive guide to theme parks and roller coasters{% endblock %}"> {# Use title block directly #} <title>{% block page_title %}{% block title %}ThrillWiki{% endblock %}{% endblock %}

{% load static %} {% load cache %} {# ============================================================================= ThrillWiki Base Template This is the root template that all pages extend. It provides: - HTML5 document structure with accessibility features - SEO meta tags and Open Graph/Twitter cards - CSS and JavaScript asset loading - Navigation header and footer - Django messages and toast notifications - HTMX and Alpine.js configuration Available Blocks: ---------------- Content Blocks: - title: Page title (appears in tag and meta) - content: Main page content - navigation: Navigation header (defaults to enhanced_header.html) - footer: Page footer Meta Blocks: - meta_description: Page meta description for SEO - meta_keywords: Page meta keywords - og_type: Open Graph type (default: website) - og_title: Open Graph title (defaults to title block) - og_description: Open Graph description - og_image: Open Graph image URL - twitter_title: Twitter card title - twitter_description: Twitter card description Customization Blocks: - extra_head: Additional CSS/meta tags in <head> - extra_js: Additional JavaScript before </body> - body_class: Additional classes for <body> tag - main_class: Additional classes for <main> tag Usage Example: {% extends "base/base.html" %} {% block title %}My Page - ThrillWiki{% endblock %} {% block content %} <h1>My Page Content</h1> {% endblock %} ============================================================================= #} <!DOCTYPE html> <html lang="en" class="h-full"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="{{ csrf_token }}"> <meta name="description" content="{% block meta_description %}ThrillWiki - Your comprehensive guide to theme parks and roller coasters{% endblock %}"> <meta name="keywords" content="{% block meta_keywords %}theme parks, roller coasters, rides, amusement parks{% endblock %}">  <meta property="og:type" content="{% block og_type %}website{% endblock %}"> <meta property="og:url" content="{{ request.build_absolute_uri }}"> <meta property="og:title" content="{% block og_title %}{% block title %}ThrillWiki{% endblock %}{% endblock %}"> <meta property="og:description" content="{% block og_description %}ThrillWiki - Your comprehensive guide to theme parks and roller coasters{% endblock %}"> <meta property="og:image" content="{% block og_image %}{% static 'images/og-default.jpg' %}{% endblock %}">  <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:title" content="{% block twitter_title %}ThrillWiki{% endblock %}"> <meta property="twitter:description" content="{% block twitter_description %}ThrillWiki - Your comprehensive guide to theme parks and roller coasters{% endblock %}"> {# Use title block directly #} <title>{% block page_title %}{% block title %}ThrillWiki{% endblock %}{% endblock %} {% block extra_head %}{% endblock %} {% block navigation %} {% include 'components/layout/enhanced_header.html' %} {% endblock navigation %} {% block breadcrumbs %} {% if breadcrumbs %}

{% include 'components/navigation/breadcrumbs.html' %}

{% endif %} {% endblock breadcrumbs %} {% if messages %}

{% for message in messages %}

{% endfor %}

{% endif %}

{% block content %}{% endblock %}

{% block footer %} {# Cache footer for 1 hour - static content #} {% cache 3600 footer_content %} {% endcache %} {% endblock footer %} {% include 'components/auth/auth-modal.html' %} {% include 'components/ui/toast-container.html' %} {% block extra_js %}{% endblock %}