{
  "slug": "header-drawer",
  "title": "Header, drawer and mobile menu controls",
  "sourceRel": "design-pack/steam-live-photo-website-starter/demos/pages/home-v5.html",
  "sourceLabel": "Home V5",
  "sourceRanges": [
    [
      15,
      50
    ],
    [
      484,
      486
    ]
  ],
  "sourceBacked": true,
  "architectureLayer": "structural-chrome",
  "contentCategories": [],
  "partialRenderSource": "section.partial.html is generated from content.json by scripts/build-home-v5-section-library.mjs. Do not hand-edit the rendered partial for content changes.",
  "updatePath": "Edit the source page or generator only when the structural/static section design changes, then regenerate.",
  "bodyClass": "steam-blueprint-page steam-photo-page steam-template-family steam-home-v2 steam-home-v3 steam-home-v4 steam-home-v5",
  "mode": "chrome",
  "renderedHtml": "<header class=\"steam-blueprint-header\">\n      <a class=\"steam-blueprint-brand\" href=\"home-v5.html\"><span></span> Steam Complex</a>\n      <button class=\"steam-blueprint-menu-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"steam-blueprint-menu-drawer\" data-steam-menu-toggle=\"\">\n        <span>Menu</span><i aria-hidden=\"true\"></i>\n      </button>\n    </header>\n    <div class=\"steam-blueprint-menu-overlay\" data-steam-menu-close=\"\"></div>\n    <aside class=\"steam-blueprint-menu-drawer\" id=\"steam-blueprint-menu-drawer\" aria-label=\"Steam Complex menu\" aria-hidden=\"true\">\n      <div class=\"steam-blueprint-menu-drawer__top\">\n        <div>\n          <strong>Steam Complex</strong>\n          <small>Gay Sauna · Leeds</small>\n        </div>\n        <button type=\"button\" data-steam-menu-close=\"\">Close</button>\n      </div>\n      <div class=\"steam-blueprint-menu-drawer__scroll\">\n        <div class=\"steam-blueprint-menu-drawer__actions\">\n          <a class=\"\" href=\"https://chat.whatsapp.com/K0cUWXfsYvkA8NljdbdDx2\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp</a><a class=\"steam-blueprint-menu-drawer__action--directions\" href=\"https://maps.app.goo.gl/F5YkwqmG5pynzYhX9\" target=\"_blank\" rel=\"noopener noreferrer\">Directions</a>\n        </div>\n        <nav class=\"steam-blueprint-menu-drawer__main\" aria-label=\"Steam Complex page links\">\n          <a href=\"home-v5.html\" aria-current=\"page\"><span>H</span>Home</a><a href=\"hours-prices.html\"><span>P</span>Hours &amp; Prices</a><a href=\"events.html\"><span>E</span>Events</a><a href=\"facilities.html\"><span>F</span>Facilities</a><a href=\"address.html\"><span>A</span>Address</a><a href=\"contact.html\"><span>C</span>Contact</a><a href=\"faqs.html\"><span>?</span>FAQs</a><a href=\"first-visit.html\"><span>1</span>First Visit</a><a href=\"code-of-conduct.html\"><span>!</span>Code Of Conduct</a><a href=\"offers.html\"><span>%</span>Offers</a><a href=\"blog-guide.html\"><span>G</span>Guide</a><a href=\"specialist-event.html\"><span>S</span>Event Page</a><a href=\"shop.html\"><span>£</span>Shop</a><a href=\"film-schedule.html\"><span>V</span>Films</a><a href=\"entertainment-schedule.html\"><span>M</span>Entertainment</a><a href=\"single-visitor-guide.html\"><span>I</span>Single Guide</a>\n        </nav>\n        <div class=\"steam-blueprint-menu-drawer__section\">\n          <p>Also from Adult Leisure Group</p>\n          <div class=\"steam-blueprint-menu-drawer__cards\">\n            <a href=\"https://acquasaunas.com/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Acqua Gay Sauna Blackpool\"><strong>Acqua</strong><span>Gay Sauna</span><small>Blackpool</small></a><a href=\"https://empirecinemaclub.com/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Empire Adult Cinema Huddersfield\"><strong>Empire</strong><span>Adult Cinema</span><small>Huddersfield</small></a><a href=\"https://neros-sauna.com/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Neros Gay Sauna Manchester\"><strong>Neros</strong><span>Gay Sauna</span><small>Manchester</small></a><a href=\"https://partnersswingersclub.com/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Partners Swingers Club Manchester\"><strong>Partners</strong><span>Swingers Club</span><small>Manchester</small></a>\n          </div>\n        </div>\n        <div class=\"steam-blueprint-menu-drawer__section\">\n          <p>Event communities</p>\n          <div class=\"drawer-events drawer-event-icon-list\" aria-label=\"Event shortcuts\">\n            <a class=\"drawer-event-icon\" href=\"https://biphoria.co.uk/\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"../../event-icons/biphoria.png\" alt=\"\" width=\"500\" height=\"500\" loading=\"lazy\"><span>Biphoria</span></a><a class=\"drawer-event-icon\" href=\"https://saunabears.com/\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"../../event-icons/sauna-bears.png\" alt=\"\" width=\"500\" height=\"500\" loading=\"lazy\"><span>Sauna Bears</span></a><a class=\"drawer-event-icon\" href=\"https://nakedsaunadays.co.uk/\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"../../event-icons/naked-days.png\" alt=\"\" width=\"500\" height=\"500\" loading=\"lazy\"><span>Naked Days</span></a><a class=\"drawer-event-icon\" href=\"https://silverdaddies.uk/\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"../../event-icons/silver-daddies.png\" alt=\"\" width=\"500\" height=\"500\" loading=\"lazy\"><span>Daddies</span></a><a class=\"drawer-event-icon\" href=\"https://kageclub.com/\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"../../event-icons/kage-club.png\" alt=\"\" width=\"500\" height=\"500\" loading=\"lazy\"><span>Kage Club</span></a>\n          </div>\n        </div>\n      </div>\n    </aside>\n\n    <button class=\"steam-blueprint-menu-toggle steam-home-v3-mobile-menu\" type=\"button\" aria-expanded=\"false\" aria-controls=\"steam-blueprint-menu-drawer\" data-steam-menu-toggle=\"\">\n      <span>Menu</span><i aria-hidden=\"true\"></i>\n    </button>",
  "assets": [
    {
      "source": "design-pack/steam-live-photo-website-starter/event-icons/biphoria.png",
      "local": "assets/biphoria.png",
      "copied": true
    },
    {
      "source": "design-pack/steam-live-photo-website-starter/event-icons/kage-club.png",
      "local": "assets/kage-club.png",
      "copied": true
    },
    {
      "source": "design-pack/steam-live-photo-website-starter/event-icons/naked-days.png",
      "local": "assets/naked-days.png",
      "copied": true
    },
    {
      "source": "design-pack/steam-live-photo-website-starter/event-icons/sauna-bears.png",
      "local": "assets/sauna-bears.png",
      "copied": true
    },
    {
      "source": "design-pack/steam-live-photo-website-starter/event-icons/silver-daddies.png",
      "local": "assets/silver-daddies.png",
      "copied": true
    }
  ],
  "lastTouchedByThreadId": "019f2674-5ed0-7391-9f19-d8643ef7cfba",
  "lastTouchedByThread": {
    "threadId": "019f2674-5ed0-7391-9f19-d8643ef7cfba",
    "role": "Hub 24 frequently-changed section JSON architecture update",
    "touchedAt": "2026-07-03",
    "note": "Added per-section content.json files and made section.partial.html render from section content JSON at build time."
  },
  "threadHistory": [
    {
      "threadId": "019f2360-2dfa-7190-8c03-2d42fcc6bc9e",
      "role": "Hub 23 section-folder AI brief/history update",
      "touchedAt": "2026-07-03",
      "note": "Added pack-level section-folder rules, per-section AI briefs, changelogs and thread tracking."
    },
    {
      "threadId": "019f2360-2dfa-7190-8c03-2d42fcc6bc9e",
      "role": "Hub 23 section worker-chat policy update",
      "touchedAt": "2026-07-03",
      "note": "Added coordinator/worker chat policy for multi-section edits: one pinned worker chat per section, worker reports back to hub, hub closes/unpins after Mark verifies completion."
    },
    {
      "threadId": "019f2674-5ed0-7391-9f19-d8643ef7cfba",
      "role": "Hub 24 frequently-changed section JSON architecture update",
      "touchedAt": "2026-07-03",
      "note": "Added per-section content.json files and made section.partial.html render from section content JSON at build time."
    }
  ]
}