Added default font size for better legibility and appended README.

Be sure to reread the README since modification in OBS is necessary.
This commit is contained in:
Felix Keller 2024-10-02 22:27:20 +02:00
parent 036e036ab4
commit 18949f07f2
Signed by: fkeller
GPG key ID: 54A0C525E2370B87
2 changed files with 39 additions and 3 deletions

View file

@ -4,5 +4,40 @@ Nützlich für Stream Overlay.
## Benutzung ## Benutzung
Als Browser Quelle im Streaming Programm der Wahl einbinden und Größe Als Browser Quelle im Streaming Programm der Wahl einbinden und Größe
einstellen. einstellen.
Fragen Box wächst nach oben auf maximale Größe und schneidet bei erreichen
den Text ab.
Fragen Box erscheint erst nach erfolgreichem fetchen der aktellen frage in
`getQuestion()`.
### Empfohlene OBS Einstellungen
Bei Größe: 1920x1080
| Einstellung | Wert |
| -------------------------------- | ---- |
| Width | 1920 |
| Height | 200 |
| Shutdown source when not visible | true |
#### Empfohlenes custom CSS für OBS
```css
body {
background-color: rgba(0, 0, 0, 0);
margin: 0px auto;
overflow: hidden;
/* size
default-wert: 100%
modifiziert die allgemeine Größe.
je höher desto größer
*/
size: 100%;
/* font
default-wert: sans;
ändert die Schriftart.
Achtung:
Eine andere Schriftart kann zur Änderung der Größe führen.
*/
font: sans;
}
```

View file

@ -5,11 +5,11 @@ body {
#questionBox { #questionBox {
position: absolute; position: absolute;
min-height: 30pt; min-height: 30pt;
left: 2.3%; left: 2.15%;
bottom: 5px; bottom: 5px;
width: 95%; width: 95%;
border-style: solid; border-style: solid;
border-width: 2pt; border-width: 3pt;
border-color: transparent; border-color: transparent;
border-radius: 25px; border-radius: 25px;
max-height: 98%; max-height: 98%;
@ -19,6 +19,7 @@ body {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
font-family: sans; font-family: sans;
font-size: 23pt;
color: white; color: white;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
} }