Settings

This page explains how different parts of this website work.

Clock

The clock at the top uses your device's local time. It updates every second and displays in a 24-hour format.

Time-Based Background

The site switches background color and hero image based on the current hour:

• 06:00-08:59 -> sunrise theme (`sunrise.png`)
• 09:00-17:59 -> day theme (`day.png`)
• 18:00-20:59 -> sunset theme (`sunset.png`)
• 21:00-05:59 -> night theme (`night.png`)

This check runs once on page load and then refreshes every minute.

Sections And Loading

The navigation buttons load section html files from the `sections/` folder without reloading the whole page. After a section is loaded once, it's cached so switching back to it doesn't require reloading.

Fonts

The site uses the Google VT323 font for the text. I chose it because it has a retro vibe that I like.

To use the same font, you can add this line to your HTML head:

link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"

Then in your CSS, you can set it as the font-family:

body { font-family: 'VT323', monospace; }