# Resonance An original fictional podcast website by MRHTML. Midnight blue, orange, expressive episode numbers, and four original geometric covers give a small audio-journal concept a clear editorial identity. ## Sections and customization - Edit the brand introduction, featured written episode, and four episode articles in `index.html`. - Each `.episode` includes a title, topic, description, cover, and complete original short written transcript. - Replace the SVG covers in `assets/` with your own artwork, or edit their original circles, lines, colors, and typography. - Update the about section and truthful follow information when you have a real publication and verified listening destinations. ## Functional episode index `[data-topic-filter]` buttons choose `all`, `ideas`, or `places`, matching each article's `data-topic`. `#transcript-search` searches the cached literal text of the local episode articles, including the complete transcripts. Matching is case-insensitive, trims surrounding spaces, and does not interpret regular expressions or HTML. Topic and search filters combine. A nonempty search opens the matching native transcript disclosures so the relevant writing is available. The search does not highlight individual words. Clearing the search preserves the selected topic; Reset search and topics resets both. Opened disclosures keep their state when search is cleared. Result counts use a polite live status. IME composition is allowed to finish before results change. No entered query leaves the page or enters an HTML parser. Without JavaScript all four episodes remain visible, and the native transcript disclosures still operate. Search and topic controls appear only when initialized. ## Audio and subscription boundaries This package intentionally contains no recordings, audio files, feeds, guest interviews, or fake play controls. The four original written episodes are complete sample writing, not transcripts of real recordings. No listener metrics, endorsements, host credentials, or subscriptions are invented. If you add audio, use your own recording or separately licensed media, document its rights, bundle it locally if offline use matters, and add a working native audio control plus a faithful transcript. Configure real listening links before inviting subscriptions. The current information section sends nothing and collects no data. ## Open the package Open `index.html` directly in a current browser. Keep `styles.css`, `script.js`, and `assets/` alongside it. No installation, build, account, font download, or network request is required. Relative paths work from `file://` or a basic static host. Edit the original text in `index.html`, colors and responsive rules in `styles.css`, and local interactions in `script.js`. All buttons have explicit types. Interactive filters stay hidden until their script initializes; native disclosure content is available without JavaScript. There is no tracking, browser storage, data submission, or hidden service integration. ## Publish your own real site The demo includes ``. Remove the noindex directive when you publish your customized real site. First replace the title, description, fictional copy, sample details, and imagery as appropriate. Add a canonical URL only after you know the final public address. No structured-data claims or search-ranking guarantees are included. The visible `Designed by MRHTML` footer link uses `rel="nofollow"`. This is creator credit, not a mandatory backlink condition. Retain the copyright and permission notice required by the MIT license when distributing copies or substantial portions of the original code. ## Keyboard, motion, and previews Native links, buttons, selects, inputs, and disclosures provide keyboard interaction. Focus styles and a skip link are included. Motion is limited to small CSS changes and is disabled when reduced motion is requested. Test your edited content at narrow widths and with a keyboard; the template does not claim blanket accessibility certification. For an embedded preview, set the iframe `src` to the template's `index.html` and use `sandbox="allow-scripts"`. No `allow-same-origin` or `allow-forms` permission is needed. Relative CSS, images, and classic JavaScript load as a normal page. Raw `srcdoc` needs separate asset URL handling and is not the intended package entry point. ## License Original code, text, and vector artwork are MIT licensed; see `LICENSE`. Photographs, where present, use the separate terms recorded in `ASSETS.md`. System fonts are referenced rather than bundled. No real people pictured are presented as named staff, customers, endorsers, volunteers, or beneficiaries of the fictional project.