littleinventor7

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.

I worked on a 3D website project that showcases the evolution of computers through five virtual rooms, each representing a specific era: 1950, 1970, 1990, 2010, and the future. In the first hour, I focused on building the first room (1950), which featured massive early computers like the ENIAC, with simple design and dim lighting to reflect the era's atmosphere. Over the next nine hours, I completed the remaining four rooms, each with a distinct visual identity. The 1970s room included primitive computers like the Altair 8800, with mechanical elements and muted colors. The 1990s room highlighted the rise of the internet and personal computers, featuring CRT monitors, old Windows interfaces, and soft neon lighting. The 2010 room showcased modern laptops and smartphones in a clean, sleek environment with smooth lighting. The final room, representing the future, was designed as an entirely black, empty space—left intentionally blank to let the viewer imagine what the future of computing could be. This created a mysterious, open-ended experience that encourages thought and curiosity. Navigation between rooms is smooth, and each space is crafted to visually and emotionally transport the user to its respective time period.

I made the first room

I finished the JavaScript code.

I finished the HTMl base code

I rewrite the JavaScript code for some reasons

I started the project and finish it in just about 2 hours 😅.