I have an idea for the aesthetics of my website. Going with a #retro theme, I'd like to take a picture similar to this and put the text of my #website within the monitor. Does anyone know of any way in #HTML to make it distort slightly so it looks like it's on a #CRT screen instead of a flat screen while being simple text and not a picture? I'd like it to feel like visitors are using a #terminal
@gbrannan217 depends exactly on what effects you want. You can use text-shadow and blur to add CRT style phospher glows but if you want to mimic CRT screen curvature, you're out of luck without resorting to using something like webgl to render text and applying shaders, etc, but that won't be very accessible, nor will it be very easy to work with
@meandeef @gbrannan217 if you wanted to go really hardcore, you could write your website as a BBC micro application and then run it in a web-page based emulator like: https://github.com/mattgodbolt/jsbeeb - with some modifications, you could even make the html canvas it uses do all the CRT effects and screen deformation you want :D
@meandeef @gbrannan217 I used one back when I was in middle school, that and some Acorn Electrons. I expect with some minimal hacks to the emulator, you could make it so you can 'follow links' in your BASIC app, which would just load a new .BAS file into the emulator - allowing you to code multiple pages that all can link off to each other, etc.
A Mastodon server for RPG folks to hang out and talk. Not owned by a billionaire.