How joekogit/joekonet-portfolio works
joeko.net is a one-page personal portfolio presented as a small design-system document. A visitor views the business card and career changelog, then can adjust its appearance and explore interactive demonstrations. The README identifies the HTML, stylesheet, and script as the site’s core; the sampled script supports distinct controls, readouts, motion, navigation, and copy interactions. The HTML and stylesheet were not sampled, so links involving their specific contents rely on README descriptions rather than inspected markup or CSS.
Main entry points: index.html Portfolio page · main.js Style controls · site.css Site styles
Components 10
Portfolio page
- Portfolio page
index.html - Career changelog
index.html
Design system
- Site styles
src/styles/site.css
Page interactions
- Style controls
src/main.js - Token and size readouts
src/main.js - Frame width control
src/main.js - Motion demo
src/main.js - Section navigation
src/main.js - Copy controls
src/main.js
Other components
- Visitor
Connections 10
- Visitor → Portfolio page: views
README.md - Portfolio page → Career changelog: presents
README.md - Portfolio page → Site styles: styled by
README.md - Visitor → Style controls: adjusts
README.md - Style controls → Site styles: sets CSS properties
src/main.js - Style controls → Token and size readouts: refreshes
src/main.js - Visitor → Frame width control: resizes
src/main.js - Visitor → Motion demo: replays
src/main.js - Visitor → Section navigation: navigates
src/main.js - Visitor → Copy controls: copies text
src/main.js