Andreas Delabie_

Nyan Cat GIF

Mini terminal & CRT overlay

Gepost op 9 Mar 2026 12u08

Gisteren heb ik een coole mini terminal en CRT effect aan de site toegevoegd.

De mini terminal is versleepbaar, en werkt ook echt! Als je de CRT overlay niet prettig vindt, kan je deze uitschakelen door de ‘crt-overlay’ command te gebruiken.

Je voorkeur wordt opgeslagen in een cookie, die blijft bestaan zolang je browser open staat:

let crt = document.getElementById('crt-overlay');

if (document.cookie.includes('crt-overlay=False')) {
    crt.style.display = 'none';
}
else {
    crt.style.display = 'block';
}

Momenteel is de mini terminal code nog niet zo mooi (zie onderstaande codeblock). Dus als iemand voorstellen heeft, kan je dit laten weten op 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 = ''
})

Tags:

devlog neocities