dsh-erii-boot-splash 🌸
Erii (Sakura) themed boot splash animation for the DeepSeek Harness Web UI.
Every time the page loads, a soft sakura-pink screen fades in: seven petals drift and sway down the viewport while a mint monster mascot — with a cherry blossom on its head — floats gently above a filling progress bar. The whole scene fades out after ~3 seconds and never blocks interaction (pointer-events: none).
"Sakura 走慢一点。"
Preview
| Element | Effect |
|---|
| Background | Sakura pink → white vertical gradient |
| Mascot | Mint monster, floating + glow breathing, sakura on head |
| Petals | 7 petals falling with rotation + horizontal sway |
| Progress bar | Pink gradient, fills over 2.4 s |
| Title | 「S a k u r a 加 载 中」 pulsing |
| Subtitle | ERII · 上杉绘梨衣 |
| Quote | “Sakura 走慢一点。” |
Install
From the DSH plugin CLI:
dsh plugin --profile web add github:yanglingrise/dsh-erii-boot-splash
Or manually:
git clone https://github.com/yanglingrise/dsh-erii-boot-splash.git
cp -r dsh-erii-boot-splash ~/.dsh/profiles/web/node_modules/
```Then append to `~/.dsh/profiles/web/cordis.patch.yml`:
```yaml
- insert:
- id: erii-boot-splash
name: 'dsh-erii-boot-splash'
Restart the Web service (or reload the page after service restart) and enjoy.
How it works
- Pure client-side Cordis plugin. The host half is an empty
apply() so the plugin row mounts; everything renders in the browser.
- Registers one occupant into the frame-wide
shell.overlay slot with order: 9999.
- All animation is CSS keyframes; the stylesheet tag carries
data-plugin="dsh-erii-boot-splash" and is removed automatically when the plugin unloads.
- Zero runtime dependencies — React is provided by the host module loader.
Customize
Open lib/client.js and tweak:
| What | Where |
|---|
| Show duration | setTimeout(... 2800) / cleanup at 3700 |
| Colors | The .esb-* CSS rules at the top |
| Petal count / speed | The PETALS array |
| Title text | "S a k u r a 加 载 中" |
| Quote | The esb-quote line |
License
MIT
