1
0
Fork 0
mirror of https://github.com/chobbledotcom/chobble-template.git synced 2026-03-15 22:22:17 +00:00
The Chobble template - an Eleventy site, built with Nix https://example.chobble.com
  • JavaScript 83.7%
  • SCSS 7.7%
  • HTML 4.7%
  • XSLT 3.6%
  • Nix 0.2%
Find a file
stefan burke 3f40e62d32
Add background-size: cover to design-system .image-wrapper (#1179)
The design-system base styles for .image-wrapper were missing
background-size/position/repeat properties that the image-wrapper
mixin already provides. This ensures LQIP backgrounds display
correctly with cover sizing in design-system contexts.

https://claude.ai/code/session_016YGrUj44eQyk8bx2HiJkMV

Co-authored-by: Claude <noreply@anthropic.com>
2026-03-15 17:59:39 +00:00
.claude/agents Extract shared js-toolkit package from utility code (#749) 2026-01-19 01:04:05 +00:00
.forgejo/workflows Refactor ecommerce API integration and add product cache validation (#1055) 2026-02-06 20:30:16 +00:00
.github Add ntfy push notifications for frontend error debugging (#1120) 2026-02-24 14:17:40 +00:00
.zed Add jscpd for copy/paste detection (#51) 2025-11-28 13:53:06 +00:00
bin Profile script and identify performance bottlenecks (#762) 2026-01-20 20:54:05 +00:00
packages/js-toolkit Add gallery block component for displaying image grids (#1180) 2026-03-15 14:51:44 +00:00
screenshots Improve reviews layout design (#742) 2026-01-18 16:46:37 +00:00
scripts Add integration tests for product ordering in categories and events (#1177) 2026-03-13 14:31:42 +00:00
src Add background-size: cover to design-system .image-wrapper (#1179) 2026-03-15 17:59:39 +00:00
test Add gallery block component for displaying image grids (#1180) 2026-03-15 14:51:44 +00:00
.claude.json Add PostToolUse lint hook for Write/Edit operations (#559) 2026-01-09 18:51:27 +00:00
.eleventy.js Pass images dir through (#1124) 2026-02-24 16:51:35 +00:00
.envrc Use system nixpkgs 2025-12-11 00:20:24 +00:00
.gitignore Strengthen the types (#706) 2026-01-16 13:58:19 +00:00
.jscpd.json Updates (#1113) 2026-02-19 10:17:32 +00:00
.pages.yml Refactor product references to use object structure (#1174) 2026-03-09 19:44:39 +00:00
biome.json Move ecommerce backend to external repository (#1050) 2026-02-06 02:07:35 +00:00
BLOCKS_LAYOUT.md Add anchor-button block type for linking to anchors/URLs (#1142) 2026-02-26 23:05:23 +00:00
bun.lock Validate .pages.yml against Pages CMS schema and fix config format (#1117) 2026-02-22 11:43:48 +00:00
bunfig.toml Validate .pages.yml against Pages CMS schema and fix config format (#1117) 2026-02-22 11:43:48 +00:00
CLAUDE.md Formalize error handling preferences in documentation (#815) 2026-01-22 13:56:01 +00:00
flake.lock Updates (#1113) 2026-02-19 10:17:32 +00:00
flake.nix Strengthen the types (#706) 2026-01-16 13:58:19 +00:00
knip.json Validate .pages.yml against Pages CMS schema and fix config format (#1117) 2026-02-22 11:43:48 +00:00
LICENSE Initial commit 2025-03-18 17:36:20 +00:00
package.json Reduce jscpd ratchet from 19 to 18 by extracting shared helpers (#1133) 2026-02-25 20:52:10 +00:00
README.md Move ecommerce backend to external repository (#1050) 2026-02-06 02:07:35 +00:00
tsconfig.json Add comprehensive tests for test-runner-utils.js (#580) 2026-01-10 03:37:04 +00:00
tsconfig.strict.json Add strict typecheck ratchet and type generation freshness test (#1088) 2026-02-17 14:31:05 +00:00

The Chobble Template

⚠️ Don't forget to change the Formspark and Botpoison info in _data/config.json or in your repository's action secrets ⚠️

See this template in action at:

Want me to make you a website based on this template? Hit me up at chobble.com.

💖 Want to support the development of this template? 💖 Donate at liberapay.com/chobble

An Eleventy starter for business websites. The GitHub action deploys to both Neocities and Bunny.net - you'll need to edit that for your setup.

Content Types

  • Products - galleries, options with SKUs, FAQs, specifications, features lists, linked reviews with ratings
  • Categories - product groupings with inherited thumbnails
  • Events - one-off and recurring schedules, iCal feed generation
  • News - blog posts with Atom feed
  • Menus - categories, items, pricing, dietary indicators (vegan, gluten-free, etc.)
  • Locations - multi-site support with sub-locations
  • Properties - for holiday lets, linked to locations
  • Reviews - linked to products, aggregate ratings
  • Team - member profiles
  • Snippets - reusable content blocks

Shopping Cart & Payments

  • LocalStorage-based cart with quantity limits
  • Stripe/Square checkout via external ecommerce backend
  • Quote/enquiry mode (submit cart as request instead of payment)
  • Auto-generated SKUs via GitHub Action

Theming

  • 10 pre-built themes: Default, Neon, 90s Computer, Floral, Hacker, Monochrome, Ocean, Old Mac, Rainbow, Sunset
  • Per-page theme overrides
  • Visual theme editor at /theme-editor/ with export
  • CSS custom properties for colours, fonts, borders, layout
  • SCSS support
  • Bunny Fonts integration

Images

  • Responsive images with srcset via eleventy-img
  • Base64 LQIP placeholders
  • Gallery component with thumbnail navigation and full-size overlay
  • Custom aspect ratio cropping

Forms

SEO & Structured Data

  • Schema.org markup for products (with reviews/ratings), events, FAQs, organisation
  • Canonical URLs
  • Sitemap
  • Atom feed with XSL stylesheet
  • Meta descriptions, noindex support

Navigation & Layout

  • Horizontal or left sidebar navigation
  • Sticky mobile nav option
  • Two-column layout with sidebar
  • Slider component for horizontal scrolling
  • Scroll-fade animations (respects prefers-reduced-motion)

Development

  • Nix flakes with direnv support
  • bin/lint - format with Biome
  • bin/screenshot - automated screenshots
  • Biome linting
  • jscpd duplicate detection
  • Knip unused code detection
  • 17+ test files with custom runner
  • instant.page for link prefetching on hover

Deployment

  • GitHub Actions workflow for Neocities and Bunny.net
  • Forgejo Actions support
  • PagesCMS integration for no-code editing
  • External ecommerce backend for payment processing

Configuration

  • _data/config.json - Formspark, Botpoison, ecommerce checkout, map embed, nav options
  • _data/site.json - name, URL, description, social links (14 platforms), opening hours
  • _data/meta.json - language, organisation details for schema.org
  • _data/strings.json - customisable labels and permalink directories

Want a website based on this template? Clone this repo, or hit me up at Chobble.com.