How 6ems9/astroboy works
AstroBoy is a lightweight, single-page personal portfolio and vCard. A visitor views profile, resume, portfolio, and contact content presented by the Astro page; maintainers edit the profile and project data in separate data files. The README documents responsive layout, smooth scrolling, and active navigation. The page source was not sampled, so the section relationships below follow the documented product structure rather than verified implementation details.
Main entry points: index.astro Astro page · global.css Global styles · about_resume.ts Profile and resume data · portfolio.ts Portfolio item data
Components 10
Portfolio presentation
- Astro page
src/pages/index.astro - About section
src/pages/index.astro - Resume section
src/pages/index.astro - Portfolio section
src/pages/index.astro - Contact section
src/pages/index.astro - Section navigation
src/pages/index.astro
Editable content
- Profile and resume data
src/data/about_resume.ts - Portfolio item data
src/data/portfolio.ts
Page styling
- Global styles
src/styles/global.css
Other components
- Visitor
Connections 9
- Visitor → Astro page: views
- Astro page → About section: renders
- Astro page → Resume section: renders
- Astro page → Portfolio section: renders
- Astro page → Contact section: renders
- Astro page → Section navigation: presents
- Astro page → Profile and resume data: uses content
- Astro page → Portfolio item data: uses content
- Global styles → Astro page: styles