{
 "slug": "quarter-turn",
 "name": "Quarter Turn",
 "title": "Free board game cafe website template",
 "description": "Free HTML board game cafe website template for game cafes and tabletop libraries, with a week board and menu. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a board game cafe and games library, with a game shelf, table guides, a weekly programme, a menu and table booking",
 "summary": "A one-page site for a board game cafe: a first screen with the table fee, a library of four shelves with five games each, how the table guides teach, a seven-day week, a menu in four groups, private hire of a long table, a prototype night, a regulars' card, seven questions and a table request form. Navy, sky blue, amber and pink in quarter-circle and arc tiles, with a width-changing display font.",
 "fits": [
  "board game cafe or tabletop games library",
  "pub, bar or cafe with game, quiz or event nights",
  "community games club, escape room or arcade with a weekly programme",
  "family play cafe or hobby shop with a play area"
 ],
 "categories": [
  "Food and drink",
  "Local business"
 ],
 "tags": [
  "board game cafe",
  "game cafe",
  "tabletop games",
  "games library",
  "cafe",
  "hospitality",
  "events",
  "private hire",
  "colourful",
  "geometric",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 95,
 "photos": 9,
 "fonts": [
  "Onest",
  "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.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: four-tile mark and name, five links, a Book a table button; below 861 px a menu button opens a full-screen overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Pull up a chair. We'll teach you the rest.",
   "about": "first screen: sliced label, headline, paragraph, a button and a link beside three navy pill bars with the main offers"
  },
  {
   "key": "library",
   "id": "library",
   "heading": "Seven hundred games, shelved by how your table feels",
   "about": "four shelf cards on a board, each with a photo, a name, a note and five games with players and length"
  },
  {
   "key": "guides",
   "id": "guides",
   "heading": "We read the rulebook so you don't have to",
   "about": "table guides: label, heading, paragraph and a photo with a quarter tile, beside four numbered steps"
  },
  {
   "key": "week",
   "id": "week",
   "heading": "Something on every night but Monday",
   "about": "the week as a sliding-tile board: seven nights and a booking cell"
  },
  {
   "key": "kitchen",
   "id": "kitchen",
   "heading": "Food you can eat with one hand",
   "about": "menu in four groups with prices and two photos"
  },
  {
   "key": "long-table",
   "id": "long-table",
   "heading": "The long table",
   "about": "private hire: a huge heading whose font widens, a long photo and four facts"
  },
  {
   "key": "playtest",
   "id": "playtest",
   "heading": "Bring the game you haven't finished",
   "about": "prototype night: a photo, label, heading and a slip with Bring, We supply and Sign up"
  },
  {
   "key": "regulars",
   "id": "regulars",
   "heading": "Every tenth visit is on us",
   "about": "loyalty card: label, heading, price, four perks and a button beside a card of ten cells"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you come",
   "about": "seven questions as native details elements with a phone link in the heading"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "Come and play",
   "about": "address, hours, contact links and a table request form over a field of arc tiles"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "Play",
   "about": "footer: four coloured strips, the name large, a short line with the address, three link columns and a base line"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "phone",
  "map",
  "form",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/board-game-cafe-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/board-game-cafe-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/board-game-cafe-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/board-game-cafe-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/board-game-cafe-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my game venue: name, address, table fee and child price, games on each shelf with player counts and lengths, weekly nights, menu with prices, long table hire terms, loyalty card, hours, phone and email>. Replace first the name, 20 game titles, fees, hours, menu and contacts. Keep four shelf cards, seven days plus the booking cell, ten card cells and every --len matched to its label. Ask me for missing facts; never invent prices, hours or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/quarter-turn/",
  "md": "https://8b.com/templates/quarter-turn.md",
  "json": "https://8b.com/templates/quarter-turn.json",
  "demo": "https://8b.com/templates/quarter-turn/demo.html",
  "ghDemo": "https://8bsite.github.io/board-game-cafe-website-template/",
  "repo": "https://github.com/8bsite/board-game-cafe-website-template",
  "zip": "https://8b.com/templates/quarter-turn/board-game-cafe-website-template.zip",
  "use": "https://github.com/new?template_name=board-game-cafe-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/board-game-cafe-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/board-game-cafe-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/board-game-cafe-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/board-game-cafe-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/board-game-cafe-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/board-game-cafe-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/quarter-turn/desktop.webp",
  "phone": "https://8b.com/templates/quarter-turn/phone.webp",
  "clip": "https://8b.com/templates/quarter-turn/scroll.mp4",
  "og": "https://8b.com/templates/quarter-turn/og.jpg",
  "design_md": "https://8b.com/templates/quarter-turn/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/board-game-cafe-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "board-game-cafe",
   "game-cafe",
   "cafe-website",
   "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/"
 }
}