lettosprey/quizterm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

single game fix

Browse source
This commit is contained in:
Lett Osprey 2026-04-13 12:17:50 +02:00
parent 09bf741997
commit f3020b7cb0
6 changed files with 195 additions and 128 deletions
Download patch file Download diff file Expand all files Collapse all files

74
server/priv/static/layout.css
View file

@ -26,9 +26,9 @@ body {
.terminal-glow {
position: relative;
text-shadow:
0 0 5px rgba(0, 255, 0, 0.8),
0 0 10px rgba(0, 255, 0, 0.5),
0 0 20px rgba(0, 255, 0, 0.3);
0 0 5px rgba(0, 255, 0, 0.8),
0 0 10px rgba(0, 255, 0, 0.5),
0 0 20px rgba(0, 255, 0, 0.3);
animation: flicker 0.15s infinite alternate;
}
@ -40,11 +40,11 @@ body {
width: 100%;
height: 100%;
background: repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 0.15),
rgba(0, 0, 0, 0.15) 1px,
transparent 1px,
transparent 2px
0deg,
rgba(0, 0, 0, 0.15),
rgba(0, 0, 0, 0.15) 1px,
transparent 1px,
transparent 2px
);
pointer-events: none;
z-index: 1000;
@ -261,24 +261,64 @@ body {
}
}
input {
background-color: #000000;
.terminal-input-wrap {
display: flex;
align-items: center;
gap: 0.4ch;
}
.terminal-input-wrap::before {
content: "$>";
color: #00ff00;
width: 20cap;
font-weight: bold;
text-shadow: 0 0 5px rgba(0, 255, 0, 0.8);
flex-shrink: 0;
}
input {
background: transparent;
color: #00ff00;
font-family: "Courier New", "Courier", monospace;
font-size: inherit;
border: none;
border-bottom: 2px solid #00aa00;
outline: none;
caret-color: #00ff00;
width: 20ch;
padding: 0 0 2px 0;
text-shadow: 0 0 5px rgba(0, 255, 0, 0.6);
}
button {
background: transparent;
color: #00ff00;
font-family: "Courier New", "Courier", monospace;
font-size: inherit;
border: none;
border-bottom: 2px solid #00aa00;
outline: none;
caret-color: #00ff00;
width: 20ch;
padding: 0 0 2px 0;
text-shadow: 0 0 5px rgba(0, 255, 0, 0.6);
}
input:focus {
background-color: #000000;
width: 20cap;
border-color: #00ff00;
outline: none;
border-bottom-color: #00ff00;
box-shadow: 0 2px 8px rgba(0, 255, 0, 0.3);
}
button:hover {
border-bottom-color: #00ff00;
box-shadow: 0 2px 8px rgba(0, 255, 0, 0.3);
}
button {
/*button {
background-color: #000000;
color: #00ff00;
border: 3px solid #73ad21;
}
}*/
button:focus {
border: 3px solid #534d01;