Implement a nice terminal emulator on the JS side

This commit is contained in:
2026-02-25 13:45:08 +00:00
parent cc7609b847
commit 6e12c9c72e
3 changed files with 252 additions and 23 deletions

View File

@@ -1,17 +1,35 @@
:root {
--bg: black;
--fg: white;
}
body {
line-height: 1.4em;
line-height: 1.5em;
font-family: 'Courier 10 Pitch', monospace;
font-size: 12pt;
background-color: black;
color: white;
background-color: var(--bg);
color: var(--fg);
display: flex;
align-items: center;
}
#output {
margin: 1.4em auto;
width: 80em;
height: 48em;
margin: 1.5em auto;
white-space: pre;
}
#input {
display: none;
#cursor {
background-color: var(--fg);
color: var(--bg);
}
.blinking {
animation: blink 1.5s step-start infinite;
}
@keyframes blink {
50% {
background-color: var(--bg);
color: var(--fg);
}
}