Add usage instructions

This commit is contained in:
Isaiah Billingsley 2026-02-21 01:07:11 -05:00
parent 92c2469b18
commit ea1d94ea3f

View File

@ -2,6 +2,28 @@
Simple Beat Saber stream overlay for [twitch.tv/iza_k](https://www.twitch.tv/iza_k) Simple Beat Saber stream overlay for [twitch.tv/iza_k](https://www.twitch.tv/iza_k)
Requires [BeatSaberPlus](https://github.com/hardcpp/BeatSaberPlus) Requires [BeatSaberPlus](https://github.com/hardcpp/BeatSaberPlus) SongOverlay
<img width="606" height="96" alt="Screenshot" src="https://github.com/user-attachments/assets/96b8e7ce-66ed-4327-a915-ee309d2296c3" /> <img width="606" height="96" alt="Screenshot" src="https://github.com/user-attachments/assets/96b8e7ce-66ed-4327-a915-ee309d2296c3" />
## Usage - OBS Studio
Add Source > Browser > URL: `https://bs-overlay.netlify.app/`
### Configuration - Custom CSS
To change size, set root font size (default 10px)
```css
:root { font-size: 15px; }
```
To right align
```css
body { flex-direction: row-reverse; } .row { justify-content: flex-end; }
```
To change fade duration (default 300ms)
```css
body { transition-duration: 500ms; }
```
To change font
```css
body { font-family: "Comic Sans MS", cursive; }
```