How tharun4302-stack/workshop-business works
Inklings Building Workshop is an interactive architectural portfolio told as a continuous, ten-chapter scroll story. Visitors enter through an optional ink-reveal intro, explore the studio’s approach and design process, then move through materials, projects, people, and a local inquiry download. Chapter navigation, deep links, calls to action, and scrolling share the narrative position; scene controls offer focused explorations within chapters. The map reflects documented capabilities, but sampled source excerpts do not expose all chapter implementations or the complete scroll controller.
Main entry points: App.jsx Story controller · InkOpening.jsx Ink opening · SketchNote.jsx Sketch pad · WritingPencil.jsx Writing pencil
Components 20
Story experience
- Ink opening
src/InkOpening.jsx - Story controller
src/App.jsx - Chapter navigation
src/App.jsx
Design and projects
- Site philosophy
src/HeroScrollExperience.jsx - Design process
src/App.jsx - Material studies
src/App.jsx - Sommerville House
src/App.jsx - Tanglin House
src/App.jsx - Play Series
src/App.jsx - Founder’s Memorial
src/App.jsx - People and profiles
src/App.jsx
Visitor interactions
- Inquiry form
src/App.jsx - Sketch pad
src/SketchNote.jsx - Writing pencil
src/WritingPencil.jsx - Local text download
src/App.jsx
Application runtime
- Hero experience
src/HeroScrollExperience.jsx - Chapter timeline data
src/story.js - React application
src/App.jsx - Application entry
src/main.jsx
Other components
- Visitor
Connections 22
- Visitor → Ink opening: opens site
README.md - Visitor → Story controller: scrolls and navigates
README.md - Ink opening → Story controller: enters experience
src/App.jsx - Application entry → React application: renders
src/main.jsx - React application → Ink opening: renders
src/App.jsx - React application → Hero experience: renders
src/App.jsx - React application → Sketch pad: renders
src/App.jsx - React application → Writing pencil: renders
src/App.jsx - Story controller → Chapter navigation: routes between
README.md - Story controller → Chapter timeline data: uses chapter timeline
src/App.jsx - Story controller → Site philosophy: shows chapter
README.md - Story controller → Design process: shows chapter
README.md - Story controller → Material studies: shows chapter
README.md - Story controller → Sommerville House: shows chapter
README.md - Story controller → Tanglin House: shows chapter
README.md - Story controller → Play Series: shows chapter
README.md - Story controller → Founder’s Memorial: shows chapter
README.md - Story controller → People and profiles: shows chapter
README.md - Story controller → Inquiry form: shows chapter
README.md - Inquiry form → Sketch pad: offers sketch pad
src/App.jsx - Inquiry form → Writing pencil: activates
src/App.jsx - Inquiry form → Local text download: downloads inquiry
README.md