{
 "slug": "spare-hour",
 "name": "Spare Hour",
 "title": "Free nonprofit website template",
 "description": "Free HTML nonprofit website template for volunteer networks and charities, with open hours and donations. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a volunteering network, charity or community group that lists open volunteer hours, takes sign-ups and asks for donations",
 "summary": "A one-page site for a city volunteering network: a three-step explainer on a yellow ground, six open volunteer hours as folders in a drawer, six causes, one Saturday morning at a food larder, three volunteer quotes, a block of thirty neighbourhood names, a page for groups, a donation picker, questions and a sign-up form. White ground, folder-tab cards in saturated colours and a handwriting face for signatures.",
 "fits": [
  "volunteer centre or volunteering network",
  "charity, food bank or community group with sign-ups and donations",
  "neighbourhood association, mutual aid group or tenants' association",
  "any service that lists dated slots near the visitor and takes a gift, by look"
 ],
 "categories": [
  "Community"
 ],
 "tags": [
  "volunteering",
  "volunteer network",
  "charity",
  "nonprofit",
  "community group",
  "food bank",
  "donations",
  "sign-up form",
  "colourful",
  "folder tabs",
  "handwriting",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 105,
 "photos": 24,
 "fonts": [
  "Host Grotesk",
  "Playwrite US Trad"
 ],
 "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(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "site-nav",
   "heading": "",
   "about": "fixed bar: wordmark, five links, two icon buttons, Sign up button; phone menu overlay with phone and email"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "An hour is the whole ask.",
   "about": "yellow screen: \"An hour is the whole ask.\", a paragraph, a button and three numbered step cards"
  },
  {
   "key": "open-hours",
   "id": "hours",
   "heading": "This week's open hours",
   "about": "\"This week's open hours\": six folder cards in a drawer, each with neighbourhood tab, cause, title, day and time, length, places left and a Book link"
  },
  {
   "key": "causes",
   "id": "causes",
   "heading": "Six ways to spend an hour",
   "about": "\"Six ways to spend an hour\": six tall cause cards in a stepped skyline, each with a photo, name and line"
  },
  {
   "key": "saturday",
   "id": "saturday",
   "heading": "One Saturday at the Govan larder",
   "about": "\"One Saturday at the Govan larder\": a horizontal strip of six timed photo frames with captions"
  },
  {
   "key": "voices",
   "id": "voices",
   "heading": "Why they keep coming back",
   "about": "\"Why they keep coming back\": one large quote and two smaller ones, portraits in tab frames and handwritten names over a yellow stroke"
  },
  {
   "key": "neighbourhoods",
   "id": "streets",
   "heading": "Thirty neighbourhoods, one network",
   "about": "\"Thirty neighbourhoods, one network\": a wrapping block of thirty Glasgow names on teal, each with its open hours, lighting up in cause colours"
  },
  {
   "key": "for-groups",
   "id": "groups",
   "heading": "Run a community group? Post an hour in five minutes.",
   "about": "\"Run a community group? Post an hour in five minutes.\": a photo of a circle of chairs, a pitch, three points and a button"
  },
  {
   "key": "give",
   "id": "give",
   "heading": "Can't spare an hour? Spare a fiver.",
   "about": "\"Can't spare an hour? Spare a fiver.\": yellow ground, amount picker with monthly checkbox, and three gift cards that deal out"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions before your first hour",
   "about": "\"Questions before your first hour\": six questions as native details elements beside a heading and the phone number"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Start with one hour",
   "about": "\"Start with one hour\": five photo cards in a peak, a sign-up form and drop-in, phone and email details"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "Volunteer",
   "about": "dark footer: brand line, three link columns, a wide wordmark, charity registration, address and copyright with the Design: 8B credit"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "email",
  "form"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/nonprofit-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/nonprofit-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/nonprofit-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/nonprofit-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/nonprofit-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my organisation: name, city, registered charity number, causes, real opportunities with day, time, length and places left, age and background check rules, donation amounts, budget, contacts>. Replace first the demo name, Glasgow places and Scottish terms, the six open hours, the quotes and the money figures. Keep the ids and the classes AGENTS.md lists, and set the footer wordmark's len to the new name's length. Ask me for missing facts and never invent figures, quotes, charity numbers or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/spare-hour/",
  "md": "https://8b.com/templates/spare-hour.md",
  "json": "https://8b.com/templates/spare-hour.json",
  "demo": "https://8b.com/templates/spare-hour/demo.html",
  "ghDemo": "https://8bsite.github.io/nonprofit-website-template/",
  "repo": "https://github.com/8bsite/nonprofit-website-template",
  "zip": "https://8b.com/templates/spare-hour/nonprofit-website-template.zip",
  "use": "https://github.com/new?template_name=nonprofit-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/nonprofit-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/nonprofit-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/nonprofit-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/nonprofit-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/nonprofit-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/nonprofit-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/spare-hour/desktop.webp",
  "phone": "https://8b.com/templates/spare-hour/phone.webp",
  "clip": "https://8b.com/templates/spare-hour/scroll.mp4",
  "og": "https://8b.com/templates/spare-hour/og.jpg",
  "design_md": "https://8b.com/templates/spare-hour/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/nonprofit-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "volunteering",
   "charity-website",
   "nonprofit",
   "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/"
 }
}