How hyperz111/hyperz111.github.io works
This is a static personal website: visitors view a profile and project/social links, or browse a blog index and open an article. The main layout provides navigation and keyboard-oriented presentation; page components supply content and metadata. Blog route data loaders and Markdown posts are present, but their implementation was not excerpted, so their connections to the views are shown as unverified rather than asserted. The README gives no further capability detail.
Main entry points: Navbar.svelte Navigation · +layout.svelte Main layout · [slug]/+page.svelte Article page · blogs/+page.svelte Blog index
Components 13
Site shell
- Root layout
src/routes/+layout.svelte - Main layout
src/routes/(main)/+layout.svelte - Navigation
src/components/Navbar.svelte - Keyboard help
src/components/Footer.svelte
Profile pages
- Home page
src/routes/(main)/+page.svelte - Page metadata
src/components/Head.svelte
Blog
- Blog index data
src/routes/(main)/blogs/+page.js - Blog index
src/routes/(main)/blogs/+page.svelte - Article data
src/routes/(main)/blogs/[slug]/+page.js - Article page
src/routes/(main)/blogs/[slug]/+page.svelte - Markdown posts
src/blogs - Date formatting
src/lib/utils.js
Other components
- Visitor
Connections 14
- Visitor → Navigation: uses navigation
src/components/Navbar.svelte - Navigation → Home page: links home
src/components/Navbar.svelte - Navigation → Blog index: links blogs
src/components/Navbar.svelte - Root layout → Main layout: renders children
src/routes/+layout.svelte - Main layout → Navigation: renders
src/routes/(main)/+layout.svelte - Main layout → Keyboard help: renders conditionally
src/routes/(main)/+layout.svelte - Home page → Page metadata: sets metadata
src/routes/(main)/+page.svelte - Blog index → Page metadata: sets metadata
src/routes/(main)/blogs/+page.svelte - Article page → Page metadata: sets metadata
src/routes/(main)/blogs/[slug]/+page.svelte - Article page → Date formatting: formats date
src/routes/(main)/blogs/[slug]/+page.svelte - Blog index data → Blog index: provides data
- Article data → Article page: provides data
- Markdown posts → Blog index data: supplies posts
- Markdown posts → Article data: supplies article