Skip to content
dsh.fish
Bundle

dsh-erii-boot-splash

Erii (Sakura) themed boot splash animation for the DeepSeek Harness Web UI: falling sakura petals, a mint monster mascot with a cherry blossom on its head, a soft pink progress bar, and the line "Sakura, walk slower." Auto fades out after ~3 seconds; pure client-side, zero dependencies.

Source
yanglingrise
stars
1 stars
License
MIT
Updated
Updated 13 days ago

Readme

# dsh-erii-boot-splash 🌸

Erii (Sakura) themed **boot splash animation** for the [DeepSeek Harness](https://www.deepseek.com) 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:

```bash
dsh plugin --profile web add github:yanglingrise/dsh-erii-boot-splash
```

Or manually:

```bash
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](./LICENSE)

Install

dsh plugin --profile web add github:yanglingrise/dsh-erii-boot-splash

Profile: web

  • This source has no pinned commit, so a later push upstream changes what installs. Prefer pinning a commit.
Source