How sb3lr/sb3lr.github.io works
This is an Astro-based cybersecurity portfolio presented with a virtual-OS visual identity. A visitor browses the portfolio and its tools, tutorials, achievements, and reports; Markdown content is validated as collections and exposed through section pages. Interactive features include a simulated threat map and achievement unlocks, with optional sound effects. The README documents the content-managed sections and bilingual experience, but the page wiring and several UI components were not sampled, so those relationships are left unasserted.
Main entry points: config.ts Collection Schemas · index.astro Portfolio Home · sitemap.xml.ts Sitemap Route · cybertools Cyber Tools Content
Components 20
Portfolio Experience
- Portfolio Home
src/pages/index.astro - Shared Layout
src/layouts/Layout.astro - Sidebar
src/components/Sidebar.astro - Language Toggle
src/components/LanguageToggle.astro - Portfolio Data
src/data/portfolioData.ts
Content Collections
- Tools Pages
src/pages/tools - Tutorial Pages
src/pages/tutorials - Achievement Pages
src/pages/achievements - Report Pages
src/pages/reports - Collection Schemas
src/content/config.ts - Cyber Tools Content
src/content/cybertools - Tutorial Content
src/content/tutorials - Achievement Content
src/content/achievements - Report Content
src/content/reports
Interactive Features
- Threat Map
src/components/ThreatMap.tsx - Achievement Manager
src/components/AchievementManager.tsx - Sound Manager
src/components/SoundManager.tsx
Site Discovery
- Sitemap Route
src/pages/sitemap.xml.ts - Robots Route
src/pages/robots.txt.ts
Other components
- Visitor
Connections 21
- Visitor → Portfolio Home: browses
README.md - Visitor → Tools Pages: browses
README.md - Visitor → Tutorial Pages: browses
README.md - Visitor → Achievement Pages: browses
README.md - Visitor → Report Pages: browses
README.md - Tools Pages → Cyber Tools Content: presents
README.md - Tutorial Pages → Tutorial Content: presents
README.md - Achievement Pages → Achievement Content: presents
README.md - Report Pages → Report Content: presents
- Collection Schemas → Cyber Tools Content: validates
- Collection Schemas → Tutorial Content: validates
- Collection Schemas → Achievement Content: validates
- Collection Schemas → Report Content: validates
- Portfolio Home → Portfolio Data: uses data
- Portfolio Home → Threat Map: displays
README.md - Portfolio Home → Achievement Manager: offers unlocks
README.md - Achievement Manager → Sound Manager: plays alert
src/components/AchievementManager.tsx - Sound Manager → Visitor: plays audio
- Sitemap Route → Tutorial Content: lists entries
src/pages/sitemap.xml.ts - Sitemap Route → Cyber Tools Content: lists entries
src/pages/sitemap.xml.ts - Robots Route → Sitemap Route: announces
src/pages/robots.txt.ts