This is a static website, meaning it's delivered to the web browser exactly as it's stored. It's made using regular HTML and CSS, with a sprinkling of Javascript to make the dark mode toggle switch and to hide the down arrow on scroll. The site is hosted on Github pages.
I used Feather Icons, a collection of simple, free, open-source icons. At it's core, Feather is a collection of SVG files that get inserted into the page with Javascript. I've chosen to load Feather from a CDN provider via a <script> tag in the head of my HTML.
The images are all AI generated using Bing Image Creator and Adobe Firefly. I used Photopea to resize the images and convert them to .webp to make the filesizes as small as possible so they load faster.
The CSS that styles my index.html page is composed of two parts - a Normalise section, which aims to render elements more intuitively and consistently, and a Page Styling section, which is where the magic happens.
To display the CSS below I am using some Javascript to copy the contents of my /styles.css file into a <code> block, then I've used the highlight.js package to give it syntax highlighting.
Here is the CSS used to style my index.html file: