I’m not great at css so I don’t usually make websites let alone one I think is good enough to be used for my own page. I decided to make it look like a terminal and went with scanline effects too. It can also be navigated by mobile via the command links, but you won’t be able to do anything fancy I decide to do there in the future.
I really like the look of it, I might reuse the ui for like a hacknet inspired game in the future, maybe…
For the scanlines I googled and found some css that looked pretty good.
The text effects make use of insertAdjacentText and insertAdjacentElement.
Since every character is in its own text node I actually had to add a meta tag to prevent google from wanting to translate it thinking it was arabic.
The buttons aren’t hardcoded either, you can witness that by trying echo <@command>
It’ll automatically get transformed into a button that runs command when clicked.
@CSharpIsGudWow this is cool!
I’ve wanted to make a personal site for a while now (one that is based on the terminal) but I never did because I didn’t have the motivation to do it (and because I hate really despise CSS). So now I’m motivated, and I know I will do it eventually!