Add command-line tutorial (PreGameController) and link it from the lobby

Adds a black-terminal tutorial page at /game/pregame/{session} that walks
players through help, pwd, cd, ls, cat, rm and sudo before the real game
starts. Links to it are shown on both the lobby (waiting for players) and
ready-up screens so players can practice, repeatedly, before starting.
This commit is contained in:
Frank
2026-08-18 22:23:26 +02:00
parent 367ded6441
commit 6a04a0274a
8 changed files with 526 additions and 0 deletions
+71
View File
@@ -0,0 +1,71 @@
/* Styles for the pregame (commandline tutorial) terminal, mirroring game1's look */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
width: 1px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
background: #000;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
background: #F00;
}
body {
background-color: #000;
min-height: 100vh;
font-family: monospace;
margin: 0;
scrollbar-width: thin;
scrollbar-color: #F00 #000;
}
div#message-container {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: calc(100vh - 80px);
box-sizing: border-box;
font-size: 14px;
}
div.message {
color: #C0C0C0;
white-space: pre-wrap;
line-height: 1.35;
margin-bottom: 2px;
}
div.message-mainframe {
color: #0F0;
}
div.message-virus {
color: #F00;
font-weight: bold;
}
div.message-hint {
color: #FF0;
font-weight: bold;
}
div#input {
padding: 20px;
}
input#input-message {
width: 100%;
padding: 6px 10px;
background: #111;
border: 1px solid #A00000;
color: #C0C0C0;
font-size: 14px;
box-sizing: border-box;
font-family: monospace;
}