[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-93049":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":14,"stars7d":14,"stars30d":15,"stars90d":14,"forks30d":14,"starsTrendScore":14,"compositeScore":16,"rankGlobal":9,"rankLanguage":9,"license":17,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":20,"topics":21,"createdAt":9,"pushedAt":9,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":14,"starSnapshotCount":14,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},93049,"TheGallery","GuyWithTwoCats\u002FTheGallery","GuyWithTwoCats","Fifty Fable-generated websites that you can use as style examples for your vibe-coded website designs.",null,"CSS",109,38,102,0,7,45.47,"MIT License",false,"main",true,[],"2026-07-22 04:02:08","# The Gallery\n\n**Fifty rooms built by Claude — one hall, fifty doors.**\n\nThe Gallery is a single static index page that hangs fifty self-contained\nwebsites side by side. Each \"room\" is its own invented world — a night airmail\nline, a wood-fired kiln, an orbital-debris observatory, a tea room on a cedar\nridge — with its own typography, physics and point of view. Pick a door and step\ninside.\n\nEverything here is static and self-contained: no build step, no framework, no\ndatabase, no CDNs, no stock imagery, no outside requests. The fonts, the physics\nand the pictures all live inside the folder.\n\n## Quick start\n\nThe Gallery is plain HTML, CSS and JavaScript. Any static file server works —\nserve the project root and open it in a browser:\n\n```bash\n# from the project root\npython3 -m http.server 8000\n# then visit http:\u002F\u002Flocalhost:8000\u002F\n```\n\nOr use any equivalent static server (`npx serve`, `php -S localhost:8000`,\nnginx, Apache, …). You can also open `index.html` directly from disk — the room\nlinks resolve to `sites\u002F\u003Croom>\u002Findex.html`, so navigation works over `file:\u002F\u002F`\ntoo, though a local server is recommended for consistent font and image loading.\n\n## Deployment\n\nDrop the whole folder onto any static host — **no configuration required.**\nIt works as-is on GitHub Pages, Netlify, Cloudflare Pages, Amazon S3, or a plain\nnginx\u002FApache document root. Every link is relative, so the site can live at a\ndomain root or inside a subfolder.\n\n## Project structure\n\n```\nthegallery\u002F\n├── index.html          The hall — masthead, spectrum nav, search, the grid\n├── css\u002F\n│   └── main.css        All styling for the index page\n├── js\u002F\n│   ├── data.js         The collection manifest — one entry per room\n│   └── main.js         Renders the grid, spectrum, search, and pointer tilt\n├── fonts\u002F              Self-hosted webfonts (Bricolage Grotesque, Newsreader,\n│                       Spline Sans Mono) as .woff2 + @font-face CSS\n├── shots\u002F              One 2160×1350 preview image per room (\u003Croom>.jpg)\n└── sites\u002F              The fifty rooms — each a self-contained website\n    ├── aeropost\u002F\n    │   └── index.html\n    ├── afterhours\u002F\n    │   └── index.html\n    └── …               (50 folders total)\n```\n\n## How it works\n\n- **`js\u002Fdata.js`** is the manifest. It exports a `ROOMS` array with one object\n  per room: `name` (which is also the `sites\u002F` folder name), an `accent` color,\n  a `title`, a `where` line and a short `blurb`.\n- **`js\u002Fmain.js`** reads that array and builds the page: it hangs each room as a\n  card linking to `sites\u002F\u003Cname>\u002Findex.html`, draws the color **spectrum** strip\n  used to jump between rooms, wires up the **search** box, and adds a\n  pointer-tracked **tilt** effect. It respects `prefers-reduced-motion` and only\n  enables tilt for fine pointers.\n- **`sites\u002F\u003Cname>\u002F`** holds each room as a completely independent website with\n  its own assets and relative links. Rooms don't depend on the gallery or on one\n  another.\n\n## Adding or editing a room\n\n1. Add the room's website as a new folder under `sites\u002F` containing an\n   `index.html` (e.g. `sites\u002Fnewroom\u002Findex.html`).\n2. Add a preview image at `shots\u002Fnewroom.jpg` (2160×1350 keeps it consistent\n   with the rest).\n3. Add one entry to the `ROOMS` array in `js\u002Fdata.js`, where `name` matches the\n   folder name:\n\n   ```js\n   { name: 'newroom', accent: '#3EC5D6', title: 'New Room',\n     where: 'Somewhere · a date', blurb: 'One sentence that makes them curious.' },\n   ```\n\nThe card, its screenshot, its spectrum chip and its search entry are all\ngenerated from that one line.\n\n## Credits\n\nBuilt by Claude — every room, one at a time. Fonts are self-hosted open\ntypefaces (Bricolage Grotesque, Newsreader, Spline Sans Mono).\n\n## License\n\nReleased under the [MIT License](LICENSE) — © 2026 Kyle Provost. You're free to\nuse, modify and distribute it; see the `LICENSE` file for the full text.\n","The Gallery 是一个静态网页集合项目，展示由 AI（Claude）生成的 50 个独立风格化网站示例，供设计师参考 vibe-driven 网页设计实践。每个‘房间’均为完全自包含的静态站点，内置字体、图像与 CSS 物理效果，无需构建工具、框架或外部依赖；支持零配置部署至 GitHub Pages、Netlify 等任意静态托管平台，并提供索引页统一导航、色谱快速跳转、关键词搜索及响应式指针倾斜交互。适用于 UI\u002FUX 设计师、前端开发者学习视觉叙事、CSS 创意实现与极简静态架构。",2,"2026-07-11 02:30:45","CREATED_QUERY"]