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