Skip to content

Commit 23e582c

Browse files
committed
feat: add /playground page for AI image generation
New page at /playground that lets visitors generate images using the existing Venice AI and FAL AI backend APIs. Includes model selector (z-image-turbo, chroma, SD 3.5, HiDream, Qwen Image), aspect ratio picker, loading state, error handling, and hover-to-reveal "open" overlay on the result. Fully theme-aware across all three themes. Also registers the route in the menu, keyboard nav ([ / ]), and CLAUDE.md. https://claude.ai/code/session_01WS3k66JckjG5u9Qypm2gdN
1 parent be0ac7d commit 23e582c

4 files changed

Lines changed: 622 additions & 2 deletions

File tree

CLAUDE.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ pages/ — file-based routing
2929
guestbook.vue — /guestbook — visitor guestbook (D1-backed, rate-limited per IP per 24h)
3030
activity.vue — /activity — unified timeline: commits + Bluesky posts + guestbook entries
3131
stats.vue — /stats — coding stats: language breakdown, top repos, commit heatmap
32+
playground.vue — /playground — AI image generation interface (uses /api/generate-image)
3233
drafts/ — experimental pages
3334
components/ — Vue components
3435
composables/ — useTheme
@@ -71,6 +72,6 @@ Three themes: **Scandinavian Glass** (default), **Cyberpunk**, **Space**.
7172
## Keyboard Shortcuts
7273

7374
- `M` key toggles the global menu (disabled on admin pages)
74-
- `[` / `]` navigate to previous / next page in order: `/`, `/about`, `/projects`, `/feed`, `/now`, `/uses`, `/guestbook`, `/activity`, `/stats`, `/meta`
75+
- `[` / `]` navigate to previous / next page in order: `/`, `/about`, `/projects`, `/feed`, `/now`, `/uses`, `/guestbook`, `/activity`, `/stats`, `/meta`, `/playground`
7576
- `1` / `2` / `3` switch themes (scandinavian / hacker / space)
7677
- `?` or `/` toggles the keyboard shortcuts overlay

app.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const showPalette = ref(false);
2727
const router = useRouter();
2828
const route = useRoute();
2929
30-
const NAV_PAGES = ['/', '/about', '/projects', '/feed', '/now', '/uses', '/guestbook', '/activity', '/stats', '/meta'];
30+
const NAV_PAGES = ['/', '/about', '/projects', '/feed', '/now', '/uses', '/guestbook', '/activity', '/stats', '/meta', '/playground'];
3131
3232
useHead({
3333
meta: [

0 commit comments

Comments
 (0)