How aalokt-80/alok-portfolio-main works
This is a small static personal portfolio: visitors open a single page presenting work, skills, and background. The page combines its HTML content with CSS styling and JavaScript interactions. The documented interactive features include a canvas animation, hero-text decryption, scroll reveals, smooth in-page navigation, and Escape-key focus clearing; animation effects respect reduced-motion preferences. Source for the HTML and CSS was not sampled, so their detailed structure and exact wiring are not inferred.
Main entry points: script.js Interaction startup · index.html Portfolio content · style.css Visual styling
Components 10
Portfolio page
- Portfolio content
index.html - Visual styling
style.css
Page interactions
- Interaction startup
script.js - Canvas animation
script.js - Hero text effect
script.js - Scroll reveals
script.js - Smooth navigation
script.js - Keyboard focus
script.js
Other components
- Visitor
- Web browser
Connections 12
- Visitor → Web browser: opens page
- Web browser → Portfolio content: loads
- Web browser → Visual styling: applies styles
- Web browser → Interaction startup: runs script
- Interaction startup → Canvas animation: initializes
- Interaction startup → Hero text effect: initializes
- Interaction startup → Scroll reveals: initializes
- Interaction startup → Smooth navigation: initializes
- Interaction startup → Keyboard focus: initializes
- Web browser → Canvas animation: provides events
- Web browser → Scroll reveals: provides scroll observation
- Smooth navigation → Portfolio content: scrolls to anchors