ZB-Server/EscapeFromTeacher
Private
Public Access
1
0
Fork 0
Code Activity

add togglePresentationMode_WASM: enable F1 key handling, refine CSS styles, and adjust asset scaling logic
Some checks failed
Dynamic Branch Deploy / build-and-deploy (push) Failing after 1m41s

Browse Source
This commit is contained in:
Sebastian Unterschütz
2026-04-22 20:44:31 +02:00
parent e7609dc50e
commit be76d025da
3 changed files with 68 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
cmd/client/web/style.css
View File

@@ -229,23 +229,26 @@ input[type=range]{width:100%;max-width:300px}
#presiQuoteBox {
max-width: 800px;
text-align: center;
background: rgba(0, 0, 0, 0.4);
background: #2c3e50; /* Solid Mono Blue-Grey */
padding: 30px;
border-radius: 10px;
border-left: 5px solid #ff0;
border: 4px solid #ff0;
box-shadow: 10px 10px 0px rgba(0,0,0,0.5);
}
#presiQuoteText {
font-family: sans-serif;
font-size: 28px;
font-size: 24px;
line-height: 1.4;
font-style: italic;
margin-bottom: 20px;
color: white;
}
#presiQuoteAuthor {
color: #ffcc00;
font-size: 18px;
font-weight: bold;
}
.presi-qr-container {
@@ -253,16 +256,17 @@ input[type=range]{width:100%;max-width:300px}
bottom: 40px;
left: 40px;
background: white;
padding: 15px;
padding: 10px;
border-radius: 5px;
text-align: center;
z-index: 20;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
max-width: 150px;
}
#presiQRCode {
width: 150px;
height: 150px;
width: 120px;
height: 120px;
}
#presiQRCode img {
@@ -272,29 +276,36 @@ input[type=range]{width:100%;max-width:300px}
.presi-qr-container p {
color: black;
font-size: 10px;
margin-top: 10px;
font-size: 8px;
margin-top: 5px;
font-weight: bold;
}
.presi-assets-track {
position: absolute;
bottom: 120px;
bottom: 0;
width: 100%;
height: 100px;
height: 150px;
pointer-events: none;
z-index: 2;
overflow: hidden;
}
.presi-asset {
position: absolute;
bottom: 0;
bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.1s linear;
}
.presi-asset img {
display: block;
filter: drop-shadow(0 5px 15px rgba(0,0,0,0.5));
max-height: 80px; /* Limit height */
width: auto;
object-fit: contain;
filter: drop-shadow(0 5px 10px rgba(0,0,0,0.5));
}
.presi-players-layer {