djangocon · sodevious · Nov 23, 2025 · Nov 18, 2025 · Nov 23, 2025 · Nov 23, 2025
diff --git a/CLAUDE.md b/CLAUDE.md
@@ -0,0 +1,179 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+This is the DjangoCon.us conference website built with Eleventy (11ty), a static site generator. The site uses Liquid templating, Tailwind CSS for styling, and is designed to be reused year-over-year with minimal changes. It supports three conference phases: `landing`, `active`, and `archived`, controlled via `src/_data/site.json`.
+
+## Development Commands
+
+### Installation
+- **Install dependencies**: `npm install` (requires Node v20+)
+
+### Development
+- **Start dev server**: `npm run serve` or `npm start`
+  - Opens at `http://localhost:8080/`
+  - Watches for changes with hot reload
+  - Runs CSS and 11ty builds concurrently
+- **Build for production**: `npm run build`
+  - Runs CSS build followed by 11ty build
+  - Sets `NODE_ENV=production`
+- **Debug mode**: `npm run debug`
+  - Runs build with Eleventy debug output
+
+### Utility Commands
+- **Clean dist folder**: `npm run clean`
+- **Watch CSS only**: `npm run css:watch`
+- **Watch 11ty only**: `npm run 11ty:watch`
+
+## Architecture
+
+### Core Build System
+
+**Eleventy Configuration** (`eleventy.config.js`):
+- Input: `src/`, Output: `dist/`
+- Uses Liquid as the HTML template engine
+- Custom shortcodes: `image` (responsive images), `markdown`, `formatDateTime`
+- Custom filters: `markdown`, `formatDateTime`, `find`, `talksByPresenter`
+- Supports draft pages via `draft: true` in front matter
+
+**Date/Time Handling**:
+- All dates use `date-fns-tz` with timezone from `site.json` (default: `America/Chicago`)
+- Use the `formatDateTime` filter/shortcode in templates: `{{ date | formatDateTime: "MMMM d, yyyy" }}`
+- Never use Eleventy's built-in date formatting
+
+### Collections System (`lib/collections.js`)
+
+The site uses Eleventy collections to organize content:
+- **posts**: Blog posts from `src/_content/posts/*.md`, sorted by `published_datetime`
+- **presenters**: Speaker profiles, alphabetically sorted by name
+- **organizers**: Team members, alphabetically sorted by name
+- **places**: Venue-related content
+- **guides**: Styleguide sections from `src/_content/styleguide/*.html`, sorted by `order`
+- **sponsorsByLevel**: Sponsors organized by tier (Diamond → Community), sorted by date within each level
+
+### Sessions/Schedule System (`lib/sessions.js`)
+
+Complex session management combining markdown files and YAML:
+
+**Collections**:
+- **sessionsByDateAndTime**: Aggregates talks, tutorials, and sprints with manual entries from `src/_content/schedule/manual.yaml`
+  - Groups sessions by date, then by time slot
+  - Handles concurrent tracks (e.g., `t0`, `t1`)
+  - Sorted chronologically with track ordering
+- **talks**: Individual talk sessions from `src/_content/schedule/talks/*.md`
+
+**Content Structure**:
+- Talk/Tutorial markdown files include: `title`, `start_datetime`, `end_datetime`, `room`, `track`, `presenter_slugs`, `category`, `difficulty`
+- Manual entries in `manual.yaml` define non-session schedule items (breakfast, breaks, registration, etc.)
+- Sessions can be hidden via `hidden: true` in front matter
+
+### Content Organization
+
+```
+src/_content/
+├── posts/           # Blog posts/news
+├── presenters/      # Speaker profiles (with photos)
+├── organizers/      # Team member profiles
+├── sponsors/        # Sponsor listings with logos
+├── places/          # Venue/location info
+├── schedule/
+│   ├── talks/       # Talk session markdown
+│   ├── tutorials/   # Tutorial session markdown
+│   ├── sprints/     # Sprint session markdown
+│   └── manual.yaml  # Non-session schedule items
+└── styleguide/      # Component documentation
+```
+
+### Layouts & Templates
+
+**Layouts** (`src/_layouts/`):
+- `default.html`: Base layout with header, nav, footer
+- `session.html`: Talk/tutorial detail pages with social cards
+- `post.html`: Blog post layout
+- `social/`: Social media card templates
+
+**Includes** (`src/_includes/`):
+- `nav.html`, `header.html`: Site navigation and header
+- `session-card.html`: Display session previews
+- `presenters-grid.html`, `organizers-grid.html`: People listings
+- `sponsor-listing.html`: Sponsor display by tier
+- `home/`: Homepage sections based on conference phase
+
+### Conference Phases
+
+Controlled by `"phase"` in `src/_data/site.json`:
+
+- **landing**: Shows minimal landing page with no header/nav. Uses `src/_includes/home/landing-conf-home.html`. Other pages compile but aren't linked.
+- **active**: Full site with header, nav, registration, schedule, etc. Uses `src/_includes/home/active-conf-home.html`.
+- **archived**: Post-conference state with recordings/photos. Uses `src/_includes/home/archived-conf-home.html`.
+
+**Phase-based display logic:**
+- Header/navigation: Only shown when `site.phase != "landing"` (controlled in `src/_layouts/default.html`)
+- City skyline footer graphic: Only shown when `site.phase != "landing"`
+- Homepage content: Switches between three includes based on phase (controlled in `src/index.html`)
+
+The `{% block nav %}{% endblock %}` in `index.html` prevents duplicate nav display on homepage.
+
+## Content Management
+
+### Adding/Editing Content
+
+**Talks/Tutorials**:
+1. Create markdown in `src/_content/schedule/talks/` or `tutorials/`
+2. Filename format: `slug.md` (e.g., `why-governance-in-open-source-is-important.md`)
+3. Required frontmatter: `title`, `start_datetime`, `end_datetime`, `room`, `track`, `presenter_slugs`, `category`, `difficulty`
+4. Set `hidden: true` to exclude from public display
+
+**Presenters**:
+1. Add markdown to `src/_content/presenters/slug.md`
+2. Add photo to same directory: `slug.jpeg` (or .png)
+3. Required frontmatter: `name`, `photo`, `permalink`, social links
+4. Reference in talks via `presenter_slugs: [slug]`
+
+**Manual Schedule Items**:
+- Edit `src/_content/schedule/manual.yaml` for breaks, meals, registration, etc.
+- Fields: `title`, `start_datetime`, `end_datetime`, `room`, `track`
+
+### Social Media Images
+
+Auto-generated at build time:
+- Presenter images: `/presenters/{{ slug }}/`
+- Session images: `/talks/{{ slug }}/social/` or `/tutorials/{{ slug }}/social/`
+- Graphics source: `src/assets/img/theme/social-cards`
+- Template: `default-social.html`
+
+## Theming & Customization
+
+Look for `THEME-X` comments throughout codebase for customization points.
+
+**Primary customization files**:
+- `src/assets/css/main.css`: CSS custom properties in `:root`
+- `tailwind.config.js`: Color palette, fonts
+- `src/assets/img/theme/`: Graphics and social cards
+- `src/assets/favicons/`: Site icons
+- `src/_layouts/default.html`, `default-social.html`: Font references
+
+**Brand colors** (Tailwind config): teal (primary), cyan, green, orange, pink, gold, cream
+
+**Design principles**:
+- Keep sizing, padding, spacing, typography consistent
+- Focus theme changes on colors, fonts, photo treatments
+- Remove unused assets from previous years
+
+## Setting Up a New Year
+
+1. Copy previous year's repo (e.g., `durham.djangocon.us`)
+2. Update `src/_data/site.json`: `conf_year`, `domain`, email addresses, external links
+3. Update `CNAME` with new domain (e.g., `2026.djangocon.us`)
+5. Update landing page content: `src/_includes/home/landing-conf-home.html`
+6. Set `"phase": "landing"` in `site.json` until ready to launch full site
+7. Deploy via GitHub Pages
+
+## Important Notes
+
+- Images below fold should include `loading="lazy"`
+- Always add `alt` attributes to images
+- Draft pages: Add `draft: true` to front matter to exclude from build
+- Excerpt separator: `<!-- excerpt -->` in markdown files
diff --git a/eleventy.config.js b/eleventy.config.js
@@ -99,11 +99,13 @@ module.exports = (config) => {
     return collection.filter(item => item.data.presenter_slugs.includes(slug));
   });
 
-  // Only build pages that aren't marked as drafts, usage below
-  // draft: true
+  // Only build pages that aren't marked as drafts in production
+  // In development mode, draft pages are built for preview purposes
+  // Usage: draft: true
   config.addGlobalData("eleventyComputed.permalink", function() {
     return (data) => {
-      if (data.draft) {
+      // In production, exclude draft pages
+      if (data.draft && process.env.NODE_ENV === 'production') {
         return false;
       }
 

diff --git a/...025-09-10-11-40-t0-a-i-modest-proposal.md → ...ent/schedule/talks/a-i-modest-proposal.md b/...025-09-10-11-40-t0-a-i-modest-proposal.md → ...ent/schedule/talks/a-i-modest-proposal.md
diff --git a/...-deployments-with-django-simple-deploy.md → ...-deployments-with-django-simple-deploy.md b/...-deployments-with-django-simple-deploy.md → ...-deployments-with-django-simple-deploy.md
diff --git a/...search-and-more-with-vectors-in-django.md → ...search-and-more-with-vectors-in-django.md b/...search-and-more-with-vectors-in-django.md → ...search-and-more-with-vectors-in-django.md
diff --git a/...tive-learning-defense-system-in-django.md → ...tive-learning-defense-system-in-django.md b/...tive-learning-defense-system-in-django.md → ...tive-learning-defense-system-in-django.md
diff --git a/...nd-the-orm-from-postgres-to-opensearch.md → ...nd-the-orm-from-postgres-to-opensearch.md b/...nd-the-orm-from-postgres-to-opensearch.md → ...nd-the-orm-from-postgres-to-opensearch.md
diff --git a/...bad-world-of-postgres-dev-environments.md → ...bad-world-of-postgres-dev-environments.md b/...bad-world-of-postgres-dev-environments.md → ...bad-world-of-postgres-dev-environments.md
diff --git a/...gtail-cms-experience-that-editors-love.md → ...gtail-cms-experience-that-editors-love.md b/...gtail-cms-experience-that-editors-love.md → ...gtail-cms-experience-that-editors-love.md
diff --git a/...o-projects-the-difficult-teenage-years.md → ...o-projects-the-difficult-teenage-years.md b/...o-projects-the-difficult-teenage-years.md → ...o-projects-the-difficult-teenage-years.md
diff --git a/...ks/2025-09-10-17-45-t0-closing-remarks.md → ...content/schedule/talks/closing-remarks.md b/...ks/2025-09-10-17-45-t0-closing-remarks.md → ...content/schedule/talks/closing-remarks.md
diff --git a/...-09-08-10-00-00-community-update-defna.md → .../schedule/talks/community-update-defna.md b/...-09-08-10-00-00-community-update-defna.md → .../schedule/talks/community-update-defna.md
diff --git a/...nity-update-django-software-foundation.md → ...nity-update-django-software-foundation.md b/...nity-update-django-software-foundation.md → ...nity-update-django-software-foundation.md
diff --git a/...nity-update-python-software-foundation.md → ...nity-update-python-software-foundation.md b/...nity-update-python-software-foundation.md → ...nity-update-python-software-foundation.md
diff --git a/...lf-what-actually-worked-and-what-didnt.md → ...lf-what-actually-worked-and-what-didnt.md b/...lf-what-actually-worked-and-what-didnt.md → ...lf-what-actually-worked-and-what-didnt.md
diff --git a/...loy-django-gitops-kubernetes-made-easy.md → ...loy-django-gitops-kubernetes-made-easy.md b/...loy-django-gitops-kubernetes-made-easy.md → ...loy-django-gitops-kubernetes-made-easy.md
diff --git a/...ool-the-hidden-power-of-model-comments.md → ...ool-the-hidden-power-of-model-comments.md b/...ool-the-hidden-power-of-model-comments.md → ...ool-the-hidden-power-of-model-comments.md
diff --git a/...ng-machine-learning-models-with-django.md → ...ng-machine-learning-models-with-django.md b/...ng-machine-learning-models-with-django.md → ...ng-machine-learning-models-with-django.md
diff --git a/...-t1-django-s-generatedfield-by-example.md → ...lks/django-s-generatedfield-by-example.md b/...-t1-django-s-generatedfield-by-example.md → ...lks/django-s-generatedfield-by-example.md
diff --git a/...urney-of-open-source-impact-in-namibia.md → ...urney-of-open-source-impact-in-namibia.md b/...urney-of-open-source-impact-in-namibia.md → ...urney-of-open-source-impact-in-namibia.md
diff --git a/...e-a-mentorship-program-for-open-source.md → ...e-a-mentorship-program-for-open-source.md b/...e-a-mentorship-program-for-open-source.md → ...e-a-mentorship-program-for-open-source.md
diff --git a/...asy-breezy-beautiful-django-unit-tests.md → ...asy-breezy-beautiful-django-unit-tests.md b/...asy-breezy-beautiful-django-unit-tests.md → ...asy-breezy-beautiful-django-unit-tests.md
diff --git a/...entering-the-world-of-cms-with-wagtail.md → ...entering-the-world-of-cms-with-wagtail.md b/...entering-the-world-of-cms-with-wagtail.md → ...entering-the-world-of-cms-with-wagtail.md
diff --git a/...what-we-learned-by-integrating-mongodb.md → ...what-we-learned-by-integrating-mongodb.md b/...what-we-learned-by-integrating-mongodb.md → ...what-we-learned-by-integrating-mongodb.md
diff --git a/...25-09-10-14-55-t0-free-threaded-django.md → ...nt/schedule/talks/free-threaded-django.md b/...25-09-10-14-55-t0-free-threaded-django.md → ...nt/schedule/talks/free-threaded-django.md
diff --git a/...ting-security-risks-with-human-insight.md → ...ting-security-risks-with-human-insight.md b/...ting-security-risks-with-human-insight.md → ...ting-security-risks-with-human-insight.md
diff --git a/...nce-django-at-ten-old-tricks-new-picks.md → ...nce-django-at-ten-old-tricks-new-picks.md b/...nce-django-at-ten-old-tricks-new-picks.md → ...nce-django-at-ten-old-tricks-new-picks.md
diff --git a/...0-how-to-enjoy-debugging-in-production.md → ...s/how-to-enjoy-debugging-in-production.md b/...0-how-to-enjoy-debugging-in-production.md → ...s/how-to-enjoy-debugging-in-production.md
diff --git a/...9-15-t0-keynote-to-be-announced-monday.md → ...e/talks/keynote-to-be-announced-monday.md b/...9-15-t0-keynote-to-be-announced-monday.md → ...e/talks/keynote-to-be-announced-monday.md
diff --git a/...-15-t0-keynote-to-be-announced-tuesday.md → .../talks/keynote-to-be-announced-tuesday.md b/...-15-t0-keynote-to-be-announced-tuesday.md → .../talks/keynote-to-be-announced-tuesday.md
diff --git a/...5-t0-keynote-to-be-announced-wednesday.md → ...alks/keynote-to-be-announced-wednesday.md b/...5-t0-keynote-to-be-announced-wednesday.md → ...alks/keynote-to-be-announced-wednesday.md
diff --git a/...-09-08-12-10-t0-lightning-talks-monday.md → .../schedule/talks/lightning-talks-monday.md b/...-09-08-12-10-t0-lightning-talks-monday.md → .../schedule/talks/lightning-talks-monday.md
diff --git a/...09-09-12-10-t0-lightning-talks-tuesday.md → ...schedule/talks/lightning-talks-tuesday.md b/...09-09-12-10-t0-lightning-talks-tuesday.md → ...schedule/talks/lightning-talks-tuesday.md
diff --git a/...-10-12-10-t0-lightning-talks-wednesday.md → ...hedule/talks/lightning-talks-wednesday.md b/...-10-12-10-t0-lightning-talks-wednesday.md → ...hedule/talks/lightning-talks-wednesday.md
diff --git a/...-09-08-09-00-t0-opening-remarks-monday.md → .../schedule/talks/opening-remarks-monday.md b/...-09-08-09-00-t0-opening-remarks-monday.md → .../schedule/talks/opening-remarks-monday.md
diff --git a/...09-09-09-00-t0-opening-remarks-tuesday.md → ...schedule/talks/opening-remarks-tuesday.md b/...09-09-09-00-t0-opening-remarks-tuesday.md → ...schedule/talks/opening-remarks-tuesday.md
diff --git a/...-10-09-00-t0-opening-remarks-wednesday.md → ...hedule/talks/opening-remarks-wednesday.md b/...-10-09-00-t0-opening-remarks-wednesday.md → ...hedule/talks/opening-remarks-wednesday.md
diff --git a/.../talks/2025-09-08-08-30-t0-orientation.md → src/_content/schedule/talks/orientation.md b/.../talks/2025-09-08-08-30-t0-orientation.md → src/_content/schedule/talks/orientation.md
diff --git a/...9-10-13-55-t0-panel-discussion-details.md → ...chedule/talks/panel-discussion-details.md b/...9-10-13-55-t0-panel-discussion-details.md → ...chedule/talks/panel-discussion-details.md
diff --git a/...08-15-40-t1-peaceful-django-migrations.md → ...edule/talks/peaceful-django-migrations.md b/...08-15-40-t1-peaceful-django-migrations.md → ...edule/talks/peaceful-django-migrations.md
diff --git a/...ql-tuning-parameters-or-tuning-queries.md → ...ql-tuning-parameters-or-tuning-queries.md b/...ql-tuning-parameters-or-tuning-queries.md → ...ql-tuning-parameters-or-tuning-queries.md
diff --git a/...-modeling-and-sustainability-in-action.md → ...-modeling-and-sustainability-in-action.md b/...-modeling-and-sustainability-in-action.md → ...-modeling-and-sustainability-in-action.md
diff --git a/...de-generator-and-url-forwarder-service.md → ...de-generator-and-url-forwarder-service.md b/...de-generator-and-url-forwarder-service.md → ...de-generator-and-url-forwarder-service.md
diff --git a/...-source-communities-can-begin-with-you.md → ...-source-communities-can-begin-with-you.md b/...-source-communities-can-begin-with-you.md → ...-source-communities-can-begin-with-you.md
diff --git a/...xs-and-os-of-open-source-with-shotgeek.md → ...xs-and-os-of-open-source-with-shotgeek.md b/...xs-and-os-of-open-source-with-shotgeek.md → ...xs-and-os-of-open-source-with-shotgeek.md
diff --git a/...ponents-into-django-templates-with-vue.md → ...ponents-into-django-templates-with-vue.md b/...ponents-into-django-templates-with-vue.md → ...ponents-into-django-templates-with-vue.md
diff --git a/...alks/2025-09-10-17-00-t0-what-a-decade.md → src/_content/schedule/talks/what-a-decade.md b/...alks/2025-09-10-17-00-t0-what-a-decade.md → src/_content/schedule/talks/what-a-decade.md
diff --git a/...the-django-of-data-pipelines-look-like.md → ...the-django-of-data-pipelines-look-like.md b/...the-django-of-data-pipelines-look-like.md → ...the-django-of-data-pipelines-look-like.md
diff --git a/...governance-in-open-source-is-important.md → ...governance-in-open-source-is-important.md b/...governance-in-open-source-is-important.md → ...governance-in-open-source-is-important.md
diff --git a/...-with-mutable-event-sourcing-in-django.md → ...-with-mutable-event-sourcing-in-django.md b/...-with-mutable-event-sourcing-in-django.md → ...-with-mutable-event-sourcing-in-django.md
diff --git a/src/_data/site.json b/src/_data/site.json
@@ -20,8 +20,8 @@
   "slack_link": "",
   "sponsorship_prospectus": "https://drive.google.com/file/d/1VCLBvvEu2erQ3_k0f_Ldpo-8alKw_4BR/view?usp=sharing",
   "ticket_link": "https://ti.to/defna/djangocon-us-2025",
-  "photos_link": "",
-  "youtube_link": "",
+  "photos_link": "https://www.flickr.com/photos/djangocon/albums/72177720328945576",
+  "youtube_link": "https://www.youtube.com/playlist?list=PL2NFhrDSOxgUSZVGkmbMhUpaaZ1ORfpCl",
 
   "social": {
     "flickr": "https://flickr.com/photos/djangocon/albums/",

diff --git a/src/_includes/header.html b/src/_includes/header.html
@@ -1,4 +1,11 @@
-{% if site.banner %}
+{% comment %}
+  Unified header component for all conference phases.
+  Supports optional `preview_phase` variable for phase preview pages.
+{% endcomment %}
+
+{% assign current_phase = preview_phase | default: site.phase %}
+
+{% if current_phase == "active" and site.banner %}
 <aside class="fixed lg:relative lg:py-6 text-center justify-around leading-tight h-[40px] xl:text-lg z-[200] top-0 block bg-pink text-white flex items-center justify-center px-4 w-full">
   <a href="/schedule" class="hidden text-white no-underline md:inline-flex">
    🎉 &nbsp; <strong class="underline">Welcome to Chicago!</strong> &nbsp; 🎉
@@ -9,29 +16,31 @@
 </aside>
 {% endif %}
 
-<header id="SiteHeader" class="lg:top-0 site-header is-closed lg:is-open">
-    <div class="wrapper">
-      <nav class="flex flex-wrap" role="navigation">
-        <div class="flex items-center justify-between w-full lg:max-w-max lg:flex-1">
-          <a
-            href="/"
-            aria-label="Go to homepage">
-            <img src="/assets/img/theme/logo.svg" alt="DjangoCon US" class="h-16 h-11 xl:h-24">
-          </a>
-          <button id="NavToggler" class="site-nav-toggler is-closed">
-            <span aria-hidden="true" class="hidden xs:block">Menu</span>
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 icon-menu" aria-hidden="true">
-              <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
-            </svg>
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 icon-close" aria-hidden="true">
-              <path d="M6 6L17.6673 17.6673" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-              <path d="M6 18L17.6673 6.33274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-            <span class="sr-only">Toggle navigation</span>
-          </button>
-        </div>
-
-        {% include "nav.html" %}
-      </nav>
-    </div>
-  </header>
+<header id="SiteHeader" class="{% if current_phase == 'landing' %}fixed top-0 z-40 w-full py-4 bg-white lg:py-6 lg:relative{% elsif current_phase == 'archived' %}absolute top-0 z-40 w-full py-4 lg:py-6{% else %}lg:top-0 site-header is-closed lg:is-open{% endif %}">
+  <div class="wrapper">
+    <nav class="flex flex-wrap" role="navigation">
+      <div class="flex items-center justify-between w-full lg:max-w-max lg:flex-1">
+        <a href="/" aria-label="Go to homepage"{% if current_phase == 'archived' %} class="fill-white"{% endif %}>
+          <img
+            src="/assets/img/theme/{% if current_phase == 'archived' %}logo-recap.svg{% else %}logo.svg{% endif %}"
+            alt="DjangoCon US"
+            class="{% if current_phase == 'landing' %}h-12 lg:h-20{% else %}h-16 h-11 xl:h-24{% endif %}">
+        </a>
+        <button id="NavToggler" class="{% if current_phase == 'landing' %}lg:hidden{% elsif current_phase == 'archived' %}p-2 bg-white lg:hidden{% else %}site-nav-toggler is-closed{% endif %}">
+          {% if current_phase == 'active' %}<span aria-hidden="true" class="hidden xs:block">Menu</span>{% endif %}
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8{% if current_phase == 'active' %} icon-menu{% endif %}" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+          </svg>
+          {% if current_phase == 'active' %}
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 icon-close" aria-hidden="true">
+            <path d="M6 6L17.6673 17.6673" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M6 18L17.6673 6.33274" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+          {% endif %}
+          <span class="sr-only">Toggle navigation</span>
+        </button>
+      </div>
+      {% include "nav.html" %}
+    </nav>
+  </div>
+</header>