{ "slug": "halide", "name": "Halide", "title": "Free movie theater website template", "description": "Free HTML movie theater website template for independent cinemas and film clubs, with a weekly programme. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for an independent cinema, film club or small screening venue that wants a weekly programme, a bar and a membership", "summary": "A one-page site for a two-screen independent cinema: tonight's film, a six-day programme, a 35mm projection section, the two rooms, the programmers' picks, the bar menu, a membership ticket, four regular nights, questions and a visit form. Dark near-black ground with white, mint and lavender tiles, perforation strips like film edges, and photos in rounded windows turned in perspective.", "fits": [ "independent or arthouse cinema", "film club, film society or pop-up screening series", "theatre, small music venue or arts centre with a programme and a bar", "any venue with a weekly timetable and a members' scheme, by look" ], "categories": [ "Culture", "Event" ], "tags": [ "cinema", "independent cinema", "arthouse", "movie theater", "film club", "screenings", "venue", "membership", "bar menu", "dark", "black and white photos", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 101, "photos": 22, "fonts": [ "Host Grotesk", "TikTok Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.4/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "site-nav", "heading": "", "about": "fixed rounded white bar: wordmark, three links, Book tickets button; hides on scroll down; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "Waltz for an Empty Flat", "about": "one screen: tonight's film title with three pills, a wide photo window, door and show times, credits, ticket price and Book a seat button" }, { "key": "programme", "id": "programme", "heading": "This week at Halide", "about": "\"This week at Halide\": a sticky photo screen beside six day tiles with times, titles and screen notes" }, { "key": "booth", "id": "booth", "heading": "Still on film", "about": "\"Still on film\": text about 35mm projection beside a film gate that steps four captioned frames between running sprocket columns" }, { "key": "rooms", "id": "rooms", "heading": "Two rooms, one booth", "about": "\"Two rooms, one booth\": two photo windows turned in perspective with a description and a row of facts each" }, { "key": "picks", "id": "picks", "heading": "Picked by people", "about": "\"Picked by people\": two programmer tiles and six note tiles, each a film with a line from one programmer" }, { "key": "bar", "id": "bar", "heading": "The bar opens an hour early", "about": "\"The bar opens an hour early\": two tilted bar photos and a five-line menu with sizes and prices" }, { "key": "membership", "id": "membership", "heading": "Become a member", "about": "\"Become a member\": one ticket with a benefits sheet of five points and a stub with the price that tears off along a perforation" }, { "key": "seasons", "id": "seasons", "heading": "Every month, whatever is on", "about": "\"Every month, whatever is on\": four panels on a horizontal track, each with a tilted photo, title, when and a paragraph" }, { "key": "faq", "id": "faq", "heading": "Before you come", "about": "\"Before you come\": six questions as native details elements beside a heading tile with the email" }, { "key": "visit", "id": "visit", "heading": "Lights up. Come and visit.", "about": "\"Lights up. Come and visit.\": night photo, address, opening hours, contacts and a message form; the section brightens from dark to white" }, { "key": "footer", "id": "footer", "heading": "", "about": "dark footer: six links, address and phone, a pill row of Instagram, Letterboxd, YouTube and Newsletter, a wide wordmark, copyright with the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "email", "map", "phone", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/movie-theater-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/movie-theater-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/movie-theater-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/movie-theater-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/movie-theater-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace the films, showings, prices and photos first. Keep the section ids, the classes AGENTS.md lists and one still per programme day, and set the footer wordmark's len to the new name's character count. Ask for missing facts; never invent showtimes, prices, ratings, reviews or contacts." }, "links": { "page": "https://8b.com/templates/halide/", "md": "https://8b.com/templates/halide.md", "json": "https://8b.com/templates/halide.json", "demo": "https://8b.com/templates/halide/demo.html", "ghDemo": "https://8bsite.github.io/movie-theater-website-template/", "repo": "https://github.com/8bsite/movie-theater-website-template", "zip": "https://8b.com/templates/halide/movie-theater-website-template.zip", "use": "https://github.com/new?template_name=movie-theater-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/movie-theater-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/movie-theater-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/movie-theater-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/movie-theater-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/movie-theater-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/movie-theater-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/halide/desktop.webp", "phone": "https://8b.com/templates/halide/phone.webp", "clip": "https://8b.com/templates/halide/scroll.mp4", "og": "https://8b.com/templates/halide/og.jpg", "design_md": "https://8b.com/templates/halide/DESIGN.md" }, "github": { "repo": "8bsite/movie-theater-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "cinema-website", "independent-cinema", "movie-theater", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }