Mini terminal & CRT overlay
Posted on 9 Mar 2026 12u08
Yesterday, I added a really cool mini terminal and a CRT effect to the site.
The mini terminal is draggable, and also works! If you don’t like the CRT overlay, you can disable it by using the ‘crt-overlay’ command.
Your preferences will be stored in a cookie, that lasts as long as your browser is open:
let crt = document.getElementById('crt-overlay');
if (document.cookie.includes('crt-overlay=False')) {
crt.style.display = 'none';
}
else {
crt.style.display = 'block';
}
For now, the mini terminal code isn’t that pretty (see below). So if someone has recommendations, you can let me know on GitHub!
const input = document.getElementById('terminal-input');
const response = document.getElementById('terminal-response');
document.getElementById('terminal-form').addEventListener('submit', (e) => {
e.preventDefault();
switch (input.value) {
case 'ls':
addLine('ls, clear, crt-overlay, hi');
break;
case 'clear':
response.innerHTML = ''
break;
case 'hi':
addLine('Hiii!!');
break;
case 'crt-overlay':
crtOverlay();
break;
default:
addLine('Command not found!');
}
input.value = ''
})