{
 "slug": "cut-short",
 "name": "Cut Short",
 "title": "Free film festival website template",
 "description": "Free HTML film festival website template with CSS scroll animations and no libraries, for short film festivals. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a short film festival, cinema season or screening series, with a programme, passes and a submissions call",
 "summary": "A one-page site for a week-long festival of short films: an opening with a film still showing through the second title word, a manifesto, four featured films, a strand list, an opening night screen, a four-person jury, how to submit, three venues, FAQ, two passes and contacts. Pure black ground, white type, one ember orange accent, tight grotesque headings and bracketed mono captions.",
 "fits": [
  "short film festival or film season",
  "independent cinema or screening series",
  "arts festival or conference with a programme, venues and ticket passes",
  "any event with a lineup, a jury or speakers, and a call for entries"
 ],
 "categories": [
  "Event",
  "Culture"
 ],
 "tags": [
  "film festival",
  "short films",
  "cinema",
  "screening series",
  "event",
  "festival passes",
  "call for entries",
  "dark",
  "minimal",
  "css scroll animations",
  "no dependencies",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 91,
 "photos": 15,
 "fonts": [
  "Stack Sans Headline",
  "Stack Sans Notch",
  "Stack Sans Text"
 ],
 "libraries": [],
 "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 top bar: wordmark, five section links, Get a pass button; hides on scroll down; full-screen phone menu"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Cut Short",
   "about": "two screens: the festival name with a film still showing through the second word, an info row and a pass button; then the still full screen with a statement and a submissions card"
  },
  {
   "key": "manifesto",
   "id": "manifesto",
   "heading": "",
   "about": "a two-sentence statement lit word by word, a portrait and two short paragraphs signed by the festival director"
  },
  {
   "key": "selection",
   "id": "selection",
   "heading": "In competition",
   "about": "four featured competition films, each with runtime, director, logline, screening slot and a still (demo: Last Orders at the Lucky Star, Whiteout, Hold Your Breath, The Long Way from Fintry)"
  },
  {
   "key": "strands",
   "id": "strands",
   "heading": "Strands",
   "about": "a panel with the eight programme strands as large names with their days in brackets"
  },
  {
   "key": "premiere",
   "id": "premiere",
   "heading": "Opening Night",
   "about": "opening night as a pinned screen: a small pill of a still widens to the full frame while the words Opening and Night travel to the edges, then the film's details"
  },
  {
   "key": "jury",
   "id": "jury",
   "heading": "The jury",
   "about": "four jurors as portraits with name, role and city, and a quote each; portraits develop from negative to positive"
  },
  {
   "key": "submit",
   "id": "submit",
   "heading": "Made something under twenty minutes? Send it to us.",
   "about": "call for entries: statement, rules, a Submit button, a photo and three numbered steps with dates"
  },
  {
   "key": "venues",
   "id": "venues",
   "heading": "Venues",
   "about": "three cinemas as panels with photo, name, address and what plays there; a pinned row that slides sideways (demo: The Grand Hall, The Dome, Trongate Night Cinema)"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions",
   "about": "five questions in native details elements"
  },
  {
   "key": "passes",
   "id": "passes",
   "heading": "Passes",
   "about": "two ticket cards (Festival pass, Day ticket) with a Standard and Concession price switch"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Write to us",
   "about": "a panel with four contact lines: tickets, submissions, press and partners, office (all placeholders)"
  },
  {
   "key": "footer",
   "id": "site-footer",
   "heading": "",
   "about": "wordmark across the width, a closing line with the main email, footer links, social links and the copyright line"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "phone",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/film-festival-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/film-festival-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/film-festival-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/film-festival-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/film-festival-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make it the site for <my festival: name, city, dates and edition, strands with days, films with directors and slots, jury, venues with addresses, passes and prices, submission rules and deadlines, ticket link>. Replace the films, people, prices and photos first; set each big heading's --len to its character count. Keep the head gate script, the motion kit, the data-8b-section, data-8b-motion, data-8b-split and data-8b-items attributes and at most eight strands; add no animation library. Never invent dates, prices, addresses or contacts; ask me."
 },
 "links": {
  "page": "https://8b.com/templates/cut-short/",
  "md": "https://8b.com/templates/cut-short.md",
  "json": "https://8b.com/templates/cut-short.json",
  "demo": "https://8b.com/templates/cut-short/demo.html",
  "ghDemo": "https://8bsite.github.io/film-festival-website-template/",
  "repo": "https://github.com/8bsite/film-festival-website-template",
  "zip": "https://8b.com/templates/cut-short/film-festival-website-template.zip",
  "use": "https://github.com/new?template_name=film-festival-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/film-festival-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/film-festival-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/film-festival-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/film-festival-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/film-festival-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/film-festival-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/cut-short/desktop.webp",
  "phone": "https://8b.com/templates/cut-short/phone.webp",
  "clip": "https://8b.com/templates/cut-short/scroll.mp4",
  "og": "https://8b.com/templates/cut-short/og.jpg",
  "design_md": "https://8b.com/templates/cut-short/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/film-festival-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "film-festival",
   "short-film",
   "film-website",
   "agents-md",
   "no-dependencies",
   "css-scroll-driven-animations",
   "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/"
 }
}