{"id":48936701,"url":"https://github.com/kylereddoch/retro-garden-eleventy-theme","last_synced_at":"2026-04-17T12:02:14.503Z","repository":{"id":350584568,"uuid":"1206245795","full_name":"kylereddoch/retro-garden-eleventy-theme","owner":"kylereddoch","description":"Retro Garden is an open source Eleventy theme for personal sites that want IndieWeb publishing habits and early-web personality without giving up modern tooling. It mixes WebC components, palette switching, RSS, OG image generation, syntax highlighting, share links, and accessible defaults into one hand-made starter.","archived":false,"fork":false,"pushed_at":"2026-04-11T02:19:39.000Z","size":114,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-11T04:21:33.447Z","etag":null,"topics":["11ty","11ty-starter","11ty-template","buildinpublic","eleventy","eleventy-website","open-source","starter","starter-template"],"latest_commit_sha":null,"homepage":"https://retro-garden-eleventy-theme.vercel.app","language":"Nunjucks","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kylereddoch.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["kylereddoch"],"ko_fi":"kylereddoch","buy_me_a_coffee":"kylereddoch"}},"created_at":"2026-04-09T18:11:44.000Z","updated_at":"2026-04-11T02:19:43.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/kylereddoch/retro-garden-eleventy-theme","commit_stats":null,"previous_names":["kylereddoch/retro-garden-eleventy-theme"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/kylereddoch/retro-garden-eleventy-theme","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylereddoch%2Fretro-garden-eleventy-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylereddoch%2Fretro-garden-eleventy-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylereddoch%2Fretro-garden-eleventy-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylereddoch%2Fretro-garden-eleventy-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kylereddoch","download_url":"https://codeload.github.com/kylereddoch/retro-garden-eleventy-theme/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kylereddoch%2Fretro-garden-eleventy-theme/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31928229,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T10:35:34.458Z","status":"ssl_error","status_checked_at":"2026-04-17T10:35:09.472Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["11ty","11ty-starter","11ty-template","buildinpublic","eleventy","eleventy-website","open-source","starter","starter-template"],"created_at":"2026-04-17T12:02:12.419Z","updated_at":"2026-04-17T12:02:14.493Z","avatar_url":"https://github.com/kylereddoch.png","language":"Nunjucks","funding_links":["https://github.com/sponsors/kylereddoch","https://ko-fi.com/kylereddoch","https://buymeacoffee.com/kylereddoch"],"categories":[],"sub_categories":[],"readme":"# Retro Garden\n\n[![License: MIT](https://img.shields.io/badge/license-MIT-2ea44f.svg)](./LICENSE)\n[![Eleventy 3](https://img.shields.io/badge/11ty-3.x-222222?logo=eleventy\u0026logoColor=white)](https://www.11ty.dev/)\n[![Tailwind CSS 4](https://img.shields.io/badge/Tailwind_CSS-4.x-38bdf8?logo=tailwindcss\u0026logoColor=white)](https://tailwindcss.com/)\n[![Accessibility: Pa11y CI](https://img.shields.io/badge/a11y-pa11y--ci-0f766e.svg)](https://pa11y.org/)\n[![Deploy: Static Host Ready](https://img.shields.io/badge/deploy-static_host_ready-f97316.svg)](https://www.11ty.dev/docs/deployment/)\n\nRetro Garden is an open source Eleventy theme for personal sites that want IndieWeb publishing habits and early-web personality without giving up modern tooling. It mixes WebC components, palette switching, RSS, OG image generation, syntax highlighting, share links, and accessible defaults into one hand-made starter.\n\n## Demo\n\n- Production demo: [https://retro-garden-eleventy-theme.vercel.app](https://retro-garden-eleventy-theme.vercel.app)\n- Local development: \u003chttp://127.0.0.1:8080\u003e\n\n`src/_data/site.js` will use `SITE_URL` when you provide it and can also infer common preview URLs on Vercel, Netlify, and Cloudflare Pages. The production default is `https://retro-garden-eleventy-theme.vercel.app`, so swap that if you deploy under a different hostname.\n\n## Features\n\n- Eleventy 3 with current plugin wiring\n- Eleventy Fetch for friendly remote-data caching\n- Build-time OG image generation\n- Nunjucks shortcodes and markdown-first authoring\n- Accessible defaults with a `pa11y-ci` audit script\n- Tailwind CSS 4 plus custom retro component styles\n- RSS and JSON feeds\n- Eleventy WebC components\n- is-land powered progressive enhancement\n- Read time on journal posts\n- Slugify-based clean tag URLs\n- Official Eleventy syntax highlighting\n- Post share links with copy-to-clipboard support\n- Optional sidebars on pages and posts\n- Built-in palette switching for Ember, Surf, and Mint\n\n## Quick Start\n\n```bash\ngit clone \u003cyour-repo-url\u003e retro-garden\ncd retro-garden\nnpm install\nnpm run start\n```\n\nOpen \u003chttp://127.0.0.1:8080\u003e to preview the theme locally.\n\n## Available Scripts\n\n- `npm run start` starts Eleventy in serve mode and Tailwind in watch mode\n- `npm run build` creates the production build in `_site/`\n- `npm run audit:a11y` runs Pa11y against the built site\n\n## Using The Theme\n\n1. Update the site identity in `src/_data/site.js`.\n2. Replace the sample pages in `src/` and the demo posts in `src/posts/`.\n3. Choose your default palette and tweak the alternates to suit your brand.\n4. Edit the layouts in `src/_includes/layouts/` to remove or expand theme features.\n5. Update social links, sponsor links, and author metadata before publishing.\n\n## Project Structure\n\n- `src/_data/site.js` stores the main site identity, navigation, palettes, and social links\n- `src/_includes/layouts/base.njk` controls the shared shell, header, footer, and metadata\n- `src/_includes/layouts/page.njk` renders full-width pages with an optional sidebar\n- `src/_includes/layouts/post.njk` renders journal posts, share links, and the author panel\n- `src/_includes/partials/share-links.njk` contains the reusable share section\n- `src/_includes/components/*.webc` contains the reusable WebC components\n- `src/assets/css/theme.css` holds the design tokens and component styling\n- `src/style-guide.njk` shows palettes, UI patterns, and syntax-highlight examples\n- `vercel.json` is included as an optional Vercel preset for the generated `_site/` folder\n\n## Deployment\n\nRetro Garden is a static Eleventy theme, so it can be deployed anywhere that can run `npm run build` and publish the `_site/` folder.\n\n### General setup\n\n1. Install dependencies with `npm install`\n2. Build the site with `npm run build`\n3. Publish the `_site/` directory on your host\n4. Set `SITE_URL` to your production domain so feeds, canonicals, and OG metadata use the correct URL\n\n### Common hosts\n\n- Vercel: `vercel.json` is already included. Set `SITE_URL` in project environment variables.\n- Netlify: build command `npm run build`, publish directory `_site`, and set `SITE_URL`.\n- Cloudflare Pages: build command `npm run build`, output directory `_site`, and set `SITE_URL`.\n- GitHub Pages or any other static host: run `npm run build` in CI and publish `_site/`.\n\nPreview deployments will render cleanly on common platforms because the theme can infer several host-provided preview URLs when `SITE_URL` is not set.\n\n## Customization Notes\n\n- Pages are full width by default and only render a sidebar when you add `sidebarTitle` and `sidebar` in front matter.\n- Posts include a share row after the article body and before the author panel.\n- The palette picker in the header uses query-string links, so you can preview each palette on any route.\n- The style guide and sample posts intentionally show markdown, code fences, badges, and optional layout patterns.\n\n## Sponsor\n\nIf Retro Garden helps you ship something fun, you can support its maintenance here. Replace the placeholder handles before publishing your own fork. GitHub's funding button can be configured in [.github/FUNDING.yml](./.github/FUNDING.yml).\n\n- GitHub Sponsors: [https://github.com/sponsors/kylereddoch](https://github.com/sponsors/kylereddoch)\n- Ko-fi: [https://ko-fi.com/kylereddoch](https://ko-fi.com/kylereddoch)\n- Buy Me a Coffee: [https://buymeacoffee.com/kylereddoch](https://buymeacoffee.com/kylereddoch)\n\n## Contributing\n\nIssues and pull requests are welcome. For changes that touch templates, styles, or build behavior, please run:\n\n```bash\nnpm run build\nnpm run audit:a11y\n```\n\nWhen contributing, try to preserve the balance between readable content surfaces, playful retro chrome, and accessible defaults.\n\n## Inspiration\n\n- [zachleat.com](https://www.zachleat.com/)\n- [Eleventy Excellent](https://github.com/madrilene/eleventy-excellent)\n- [Retroweird](https://github.com/brennanbrown/retroweird)\n- [11ty Indie Web Blog Starter](https://github.com/brennanbrown/11ty-Indie-Web-Blog-Starter)\n\n## License\n\nMIT. See [LICENSE](./LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylereddoch%2Fretro-garden-eleventy-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkylereddoch%2Fretro-garden-eleventy-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkylereddoch%2Fretro-garden-eleventy-theme/lists"}