Pixie Log front in Svelte
- HTML 75.3%
- TypeScript 15.9%
- Svelte 6.2%
- CSS 1.5%
- JavaScript 1%
- Other 0.1%
- Enable dark mode globally (class="dark" on html element) - Replace AppBar with compact sticky nav (logo + minimal links) - Homepage: hero section with tagline + stats + horizontal game carousels (Adventure & RPG loaded from API) + feature CTA cards - Library: dense cover grid (3-8 cols responsive), pill filters, colored status badges, hover overlay with game title - Search: game covers with hover overlay add-to-library buttons - Social: centered modal overlay, cleaner list cards - Login/Register: dark card forms, consistent style Applies Gestalt principles throughout: - Proximity: filter groups, list tags, stat triplets - Similarity: uniform card shape across all pages - Figure-ground: dark background makes game covers pop - Common region: section borders define content boundaries Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| .svelte-kit | ||
| .woodpecker | ||
| cypress | ||
| playwright-report | ||
| src | ||
| test-results | ||
| tests | ||
| .gitignore | ||
| .mocharc.json | ||
| .prettierignore | ||
| .prettierrc | ||
| cypress.config.ts | ||
| Dockerfile | ||
| eslint.config.js | ||
| LICENSE | ||
| package.json | ||
| playwright.config.ts | ||
| pnpm-lock.yaml | ||
| README.md | ||
| sonar-project.properties | ||
| svelte.config.js | ||
| tsconfig.json | ||
| vite.config.ts | ||
pixie-front-svelte
Pixie Log front in Svelte