I'd been wanting to make a little website from scratch to teach myself about raw components of the web. I wanted more than static HTML, so I figured I'd throw in some php as well. As for the domain name? ...this was a result of a fun train of thought. I was thinking about the slashdot name, and how is was chosen because of how it sounds when said out-loud (ach tee tee pee colon slash slash slash dot dot com), so I went looking around to see if any other fun "dot" domains were open.
The first one I found was dotbun.com. I just had to come up with something to put on it...
Since 'bun' is often used to refer to especially cute rabbits, I decided to grab some rabbit images and show them randomly.I added a static link creator and refresh button, and most recently added embedded mp4/webms. This is still a work in progress, so expect to see changes from time to time.
When you load the main page, a little php script selects a random file name. If its a still image (png/jpg) it produces html that will attempt to show a webp picture, with a fallback to the original format. I also made the static links the original format, to make them more accessible to hotlinking and sharing.
If its a gif, it displays it without fallback (since webp doesn't handle moving images). If the random file is a video, it instead generates a <video> tag that is set to maximum size without affecting aspect ratio, centered in the screen. I use the tag <video autoplay loop> for gif-like behavior.
I used media selectors to make the website somewhat responsive. If your horizontal size is below a given limit, the static link and refresh buttons are enlarged and moved from the corners to the top and bottom of the page.