How nonlimit-1408/mentalhelp.github.io works
MentalHelp+ is a bilingual browser-based encouragement and diary-art experience. Users choose a mood, receive a randomized quote and advice, select an artwork pattern, upload and crop a photo, then view and save a composed diary image before reaching a thank-you page. The graph also includes the About page, shared settings, and audio runtime. Evidence is limited to the supplied source excerpts and index; unsampled page implementations are represented only where the tree identifies them, so uncertain connections are omitted.
Main entry points: page-2/script.js Quote and Advice Draw · page-3/script.js Choose Pattern · page-4/script.js Upload and Crop Photo · page-1/script.js Choose Mood
Components 19
Encouragement Journey
- Choose Mood
page-1/script.js - Quote and Advice Draw
page-2/script.js - Thank-you Page
page-6/script.js
Diary Artwork
- Choose Pattern
page-3/script.js - Upload and Crop Photo
page-4/script.js - Compose Diary Artwork
page-5/script.js
Shared Experience
- About Page
page-aboutUs/script.js - Settings Controls
settings.js - Audio Manager
sound.js - Audio Bridge
sound-bridge.js - Page Translations
page-1/lang.js - Other Page Translations
page-2/lang.js - Artwork Page Translations
page-3/lang.js - Crop Page Translations
page-4/lang.js - Finish Page Translations
page-6/lang.js - About Translations
page-aboutUs/lang.js
Content and Assets
- Quote and Advice Content
page-2/database.js - Music and Effects
sound
Other components
- Visitor
Connections 25
- Visitor → Choose Mood: chooses mood
page-1/script.js - Choose Mood → Quote and Advice Draw: navigates to
page-1/script.js - Choose Mood → Quote and Advice Draw: stores mood
page-1/script.js - Quote and Advice Draw → Quote and Advice Content: draws messages
page-2/script.js - Quote and Advice Draw → Choose Pattern: navigates to
page-3/script.js - Visitor → Choose Pattern: selects pattern
page-3/script.js - Choose Pattern → Upload and Crop Photo: navigates to
page-3/script.js - Choose Pattern → Upload and Crop Photo: stores selection
page-3/script.js - Visitor → Upload and Crop Photo: uploads photo
page-4/script.js - Upload and Crop Photo → Compose Diary Artwork: navigates to
page-4/script.js - Upload and Crop Photo → Compose Diary Artwork: stores cropped image
page-4/script.js - Compose Diary Artwork → Thank-you Page: navigates to
page-5/script.js - Visitor → Compose Diary Artwork: saves image
page-5/script.js - Visitor → About Page: opens About
- Visitor → Settings Controls: adjusts settings
- Settings Controls → Audio Manager: updates volume
settings.js - Audio Manager → Music and Effects: loads audio
sound.js - Quote and Advice Draw → Audio Bridge: requests sound
page-2/script.js - Choose Pattern → Audio Bridge: requests sound
page-3/script.js - Page Translations → Choose Mood: translates interface
- Other Page Translations → Quote and Advice Draw: translates interface
- Artwork Page Translations → Choose Pattern: translates interface
page-3/script.js - Crop Page Translations → Upload and Crop Photo: translates interface
- Finish Page Translations → Thank-you Page: translates interface
- About Translations → About Page: translates interface