2.7 KiB
2.7 KiB
Replace Intro & Dashboard Backgrounds
To change the intro splash and dashboard tab backgrounds without touching any code, overwrite these files with your own assets. Use the exact names and locations below.
Location: All images go in neode-ui/public/assets/img/
Format: JPG recommended. Portrait or landscape; they use background-size: cover and center center.
Intro Background
| Filename | Used for |
|---|---|
bg-intro.jpg |
Intro splash (alien typing + video poster + fallback), Dashboard default |
Intro Video
| Filename | Where | Used for |
|---|---|---|
video-intro.mp4 |
neode-ui/public/assets/video/ |
Welcome Noderunner + logo, onboarding, login |
Format: MP4 (H.264). Keep under ~5MB for web. See VIDEO_COMPRESSION_GUIDE.md for optimization.
Dashboard Tab Backgrounds
| Filename | Tab |
|---|---|
bg-home.jpg |
Home |
bg-web5.jpg |
Web5 |
bg-network.jpg |
Server / Network |
bg-settings.jpg |
Settings |
bg-myapps.jpg |
My Apps |
bg-appstore.jpg |
App Store / Marketplace |
bg-cloud.jpg |
Cloud |
bg-intro.jpg |
Default (also intro) |
bg-intro-3.jpg |
Alternate layer during transitions |
Intro Flow Backgrounds (onboarding)
| Filename | Used for |
|---|---|
bg-intro-1.jpg |
Onboarding done, login |
bg-intro-2.jpg |
Onboarding verify |
bg-intro-3.jpg |
Onboarding path, dashboard transition layer |
bg-intro-4.jpg |
Onboarding options |
bg-intro-5.jpg |
Onboarding did |
bg-intro-6.jpg |
Onboarding backup |
Quick Reference
| Asset | Full path |
|---|---|
| Intro image | neode-ui/public/assets/img/bg-intro.jpg |
| Intro video | neode-ui/public/assets/video/video-intro.mp4 |
| Home | neode-ui/public/assets/img/bg-home.jpg |
| Web5 | neode-ui/public/assets/img/bg-web5.jpg |
| Network | neode-ui/public/assets/img/bg-network.jpg |
| Settings | neode-ui/public/assets/img/bg-settings.jpg |
| My Apps | neode-ui/public/assets/img/bg-myapps.jpg |
| App Store | neode-ui/public/assets/img/bg-appstore.jpg |
| Cloud | neode-ui/public/assets/img/bg-cloud.jpg |
| Default | neode-ui/public/assets/img/bg-intro.jpg |
| Transition | neode-ui/public/assets/img/bg-intro-3.jpg |
| Intro 1–6 | neode-ui/public/assets/img/bg-intro-1.jpg … bg-intro-6.jpg |
Steps to Replace
- Put your images in
neode-ui/public/assets/img/with the exact filenames above. - Put your video in
neode-ui/public/assets/video/video-intro.mp4. - Run
npm run build(or deploy) so the new assets are included.
No code changes required.