Museum Of Useless Stuff Used AI

This website was built entirely from scratch using plain HTML, CSS, and vanilla JavaScript, without any external libraries, frameworks, or backend server. The goal was to create something simple, weird, and intentionally pointless — but still functional and fun to explore.

1. Home Page (index.html) I started by creating the homepage. The focus here was to set the tone of the project: playful, absurd, and slightly retro.

Added a dark/light theme toggle using localStorage to save the user's preference.

Integrated ambient background audio with a mute/unmute toggle. The sound plays automatically if enabled.

Included an image that spins when clicked — purely for fun and to add a touch of interactivity.

1. Gallery Page (gallery.html) The next step was building the gallery — the core of the museum.

Displayed 10 static items, each with an image and a sarcastic or absurd description.

Used onmouseover and onmouseout events to enlarge the images, highlight them, and reveal captions.

Added a “Blur” button to apply or remove a blur effect from the images. This has no real purpose — it just fits the theme of uselessness.

All effects and interactions were handled manually with JavaScript, no libraries involved.

1. Guestbook Page (guestbook.html) Finally, I created the guestbook page to let visitors leave their thoughts.

A simple HTML form lets users submit their name and message.

Submissions are sent to a Google Sheet using Google Apps Script as a lightweight backend.

Visitor messages are displayed on the page in real-time using the fetch API.

There’s basic status feedback for successful or failed submissions.

Technical Notes:
The entire site is static. All pages are .html files with inline JS and linked CSS.

Used localStorage to store preferences like theme, audio state, and blur toggle.

No JSON files or databases — all content is hardcoded.

The project prioritizes creative expression over utility, fully embracing the concept of digital absurdity.