# Assembly An original conference template by MRHTML. Electric blue and lime, a typographic event poster, a large date block, a two-day program, and graphic speaker profiles create a confident identity for a gathering. ## Open it Unzip the entire folder and open `index.html` in a modern browser. Keep `styles.css` and `script.js` alongside it. No install, build, dependency, account, or internet connection is needed. Upload the same files to a static host when your customized content is ready. ## Make it yours 1. Replace Assembly, the introduction, page title, description, dates, venue, and all six sample sessions. The date is fictional: **16 and 17 May 2028**. The Foundry Hall, speaker identities, roles, and program are original fictional samples, not announced participants or a real event. Confirm the actual event time zone and display it plainly alongside your times. 2. Edit the palette and typography at the top of `styles.css`. The template uses installed Arial, Helvetica, and Courier New with generic fallbacks. The hero symbol, profile graphics, and concept venue plan are original editable SVG, HTML, and CSS. No photography or font files are required. 3. Add real speaker names, bios, and artwork you have permission to use. The letter graphics are decorative and do not represent real people. Update the visible “fictional” labels only once the corresponding content is verified. 4. To change tracks, keep each session's `data-track` and each filter button's `data-filter` in sync. The `all` value shows every session. Each `.day-group` holds its own sessions; empty days are hidden by the filter. Edit the initial `.filter-status` count if you add or remove sessions. 5. Replace the concept venue drawing and travel information with an accurate address and access information. Do not use the supplied diagram for directions. Confirm access arrangements with the actual venue. 6. **Registration is deliberately not connected.** There is no booking form, ticket inventory, payment flow, email recipient, or fake success state. After setting up a real registration service, replace the `.registration-note` content with a normal link to your verified registration URL. Label its destination clearly and test the full registration journey. Do not publish an unconfigured placeholder link or imply this static template issues tickets. 7. Remove `` only when publishing your customized real site. It keeps the original MRHTML demo out of search indexing. Write accurate metadata and add a canonical URL only when your actual URL is known. ## Included behavior - Track filters show the matching existing sessions, update `aria-pressed`, and announce the result count. Every session is visible before JavaScript runs. - Native disclosures reveal session notes, speaker bios, and attendance guidance with mouse or keyboard, including without JavaScript. - Navigation reaches real sections and moves keyboard focus to the destination. No storage, cookies, analytics, modules, runtime fetch, or CDN is used. - The site works inside a `sandbox="allow-scripts"` iframe with an opaque origin. It does not require same-origin access, forms, popups, or top-level navigation. - External creator links are requested only when a visitor follows them. ## Accessibility and responsive use The template includes semantic headings, a skip link, visible keyboard focus, program status announcements, large filter controls, responsive layouts down to 320px, and reduced-motion styles. All pages remain readable without JavaScript. Test your replacement content at mobile sizes, high zoom, and with a keyboard. Check the contrast of any new colors and provide useful alternatives for added images. This template does not certify a customized site's accessibility. ## Files and license `index.html` contains the page and original SVG. `styles.css` contains layout and editable artwork. `script.js` adds filtering and local anchor focus. `ASSETS.md` records provenance. `LICENSE` is the MIT license for the original code, copy, and artwork, copyright 2026 MRHTML. The footer contains **Designed by MRHTML**, linked to `https://mrhtml.com/` with `rel="nofollow"`. The MIT license does not require a visible footer credit or a followed link. Retain the included MIT copyright and permission notice in copies or substantial portions of the code.