Even without a static, you can use services like ddns.net to auto update if your IP address changes with their app. Pretty simple setup, free version too.

You can make your site available on I2P too, another “dark web” like Tor

If you use cloudflare, there’s a docker container to update your sites DNS records to your current dynamic IP (also cloudflare is good ddos protection) https://github.com/oznu/docker-cloudflare-ddns

deleted by creator

It’s beautiful. Plus FOSS services let’s go!

I had this problem once, Pagekite.net is made for exactly this. There are also some VPNs that provide static IPs - one in my part of the world is Franciliens

The single biggest improvement from here is to increase the contrast so the text is readable. https://contrastrebellion.com/

Looks fine for your first website! I would change the colour of the text, though. Black on another dark colour is kinda harder to read. You can catch these problems by opening Firefox Dev Tools (F12), going to the Accessibility tab, and changing “Check for issues” to “Contrast”. It’ll list all the elements that have too low a contrast ratio.

This is great but also seeing the words “my first website” with links to services from post 2000 makes me feel ancient 😭

For the IP issue: You can look into some service which automatically updates your domains DNS. It’s been a while but back then one of those was DynDNS, not sure if they still exist, but others surely do.

Plain old static HTML is fine, and you can host it on a potato! Here are some design tips to keep it easy to read. None of them are objectively correct, and you are already doing some of them. They are just some suggestions as you move forward:

1. Don’t use dark-on-dark fonts. Use near-black on off-white or at least something high contrast.
2. Break up content using horizontal rules <hr> and various headers <h1 to h6> You can style both of them in css. This keeps things easy to find and read.
3. Generally, do not center-align text if it is more than one line. If you need to display blocks of text side-by-side, put each in a container then left-align the text within those containers.
4. Use a bigger font than you think is strictly necessary.
5. My preference is to use sans-serif fonts. Google makes some good free ones. Sometimes I’ll go back and make titles serif only.
6. Resize and compress your images. A bit higher resolution than you need but with lower quality is usually better than the reverse (for jpegs)

Cool but needs more contrast, it’s impossible to read for the visually impaired.

If it’s just going to be one page with thinks to other things, an idea for making it look nice is to have 4 semi transparent background squares with border radius, with an icon and text description of the service in the square. It could adapt to screen size so the squares would either be in a row, a column, or a grid.

Of course, if you already had a vision I don’t want to interfere with that.

Why is it on Tor tho 💀

It needs an “Under construction” animated gif