{
 "slug": "ondo",
 "name": "ONDO",
 "title": "ONDO, a free event website template",
 "kind": "Event website for a music or culture festival, with lineup, schedule, venue zones and tickets",
 "summary": "A one-page site for a two-day K-culture festival in Rotterdam: lineup, a crew battle, four zones, a beauty lab, a food board, partner info, a photo wall and three passes. Crimson and red slides with big type that heats from dim to white-hot as you scroll; the first screen's face closes into nine round windows that become the day's schedule.",
 "fits": [
  "music or culture festival",
  "concert, fan meeting or convention",
  "club night or event series with a lineup",
  "any event with a schedule, several areas and ticket tiers"
 ],
 "categories": [
  "Event"
 ],
 "tags": [
  "event",
  "festival",
  "concert",
  "k-pop",
  "lineup",
  "schedule",
  "tickets",
  "red",
  "bold typography",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 152,
 "photos": 29,
 "fonts": [
  "Asta 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.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "top bar: wordmark, section links, Tickets button; phone menu overlay with dates and venue"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Heat of Seoul",
   "about": "two-screen opening: a full-bleed photo under a huge title, then nine round windows onto it with the day's schedule"
  },
  {
   "key": "lineup",
   "id": "lineup",
   "heading": "On the bill",
   "about": "the bill: five act names set full width, each with a round portrait and day, stage and time"
  },
  {
   "key": "battle",
   "id": "battle",
   "heading": "Crew battle",
   "about": "split screen: two sides with a moving VS line (demo: a dance crew battle)"
  },
  {
   "key": "zones",
   "id": "zones",
   "heading": "One hall, four heats",
   "about": "venue plan with four round zone windows and a description of each"
  },
  {
   "key": "looks",
   "id": "looks",
   "heading": "Idol looks",
   "about": "sideways track of three items, each a tall photo with times, name, text and three steps (demo: make-up looks)"
  },
  {
   "key": "food",
   "id": "food",
   "heading": "Food street",
   "about": "menu board with prices, names in two languages, two photos"
  },
  {
   "key": "partners",
   "id": "partners",
   "heading": "Who fills the hall",
   "about": "for sponsors: audience in four columns with bars sized by share, a portrait and a deck button"
  },
  {
   "key": "fanwall",
   "id": "fanwall",
   "heading": "The photo wall",
   "about": "photo wall: eight photos, rectangles and circles, red-tinted"
  },
  {
   "key": "tickets",
   "id": "tickets",
   "heading": "Passes",
   "about": "three ticket tiers as wristband passes with prices and buttons"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you come",
   "about": "questions and answers (native <details>) with a contact e-mail"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "See you on the river",
   "about": "contact block framed by rings: e-mail, venue address, travel, phone, press e-mail"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "width-filling ONDO 온도 wordmark, links, copyright and the Design: 8B credit"
  }
 ],
 "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/event-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/event-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/event-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/event-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/event-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for an event site for <your event: what it is, dates, venue and address, lineup or programme, areas, ticket types and prices, how to buy>. Keep the layout, the motion and the single-file format; replace the event name, copy, photos, schedule, prices, links and contacts, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/ondo/",
  "md": "https://8b.com/templates/ondo.md",
  "json": "https://8b.com/templates/ondo.json",
  "demo": "https://8bsite.github.io/event-website-template/",
  "repo": "https://github.com/8bsite/event-website-template",
  "zip": "https://github.com/8bsite/event-website-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=event-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/event-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/event-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/event-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/event-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/event-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/event-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/ondo/desktop.webp",
  "phone": "https://8b.com/templates/ondo/phone.webp",
  "clip": "https://8b.com/templates/ondo/scroll.mp4",
  "og": "https://8b.com/templates/ondo/og.jpg"
 },
 "github": {
  "repo": "8bsite/event-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "free-template",
   "event-website",
   "event-template",
   "festival-website",
   "html5",
   "css",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "no-build",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}