littleinventor7

Set up a new Godot 4 project and created the main scene as a Node2D.

Designed the play area (background + plate/bottom bun sprite at the bottom).

Created an Ingredient scene (as RigidBody2D + Sprite2D + CollisionShape2D) to represent falling pieces.

Wrote a spawner script (Timer + RandomNumberGenerator) to drop random ingredients at the top of the screen.

Implemented stacking logic:

On collision with the stack/bottom bun, freeze the ingredient and snap it into position.

Add it as a child of a Stack node to keep track of height/order.

Implemented player controls: move plate/bottom bun left/right with arrow keys .

I started by creating the basic page structure with HTML5 (header, main, footer).

Then I created an external CSS file and linked it to the page.

I built a section for the confessions and added the elements representing forgotten food and drinks.

I used Vanilla CSS to style colors, backgrounds, and layout.

I focused on making the design responsive using media queries so it works well on both mobile and desktop.

Finally, I refined the spacing and typography to keep the look clean and attractive.

I started by creating the basic page structure using HTML5, setting up the header, main, and footer sections.

Then I added Tailwind CSS to the project so I could use utility classes for fast and flexible styling.

I created a dedicated section for the confessions and added the elements representing forgotten food and drinks.

I used Tailwind to style the colors and backgrounds, making the design fun and playful.

I focused on building a responsive layout so the website works smoothly on both mobile and desktop.

Finally, I refined the spacing and typography to make the overall look clean and consistent.

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 😅.