The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Promotional browser game for Studio Comunicación y Marketing, a marketing agency — a fun, interactive way to engage users and promote the brand's social media services. 🎯
Play it: morty888.github.io/JuegoMarketingAdelinaRedes
How it works:
Click the social media icons to score points
Avoid the "bad" icon or you lose points
Every 10 points you level up and the speed increases
Background music toggle and restart button
Animated starfield background, fully responsive
Built from scratch with vanilla JavaScript: game loop, click detection, scoring, levels and dynamic difficulty.
Tech stack:
HTML5 · CSS3 · JavaScript
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
I built Webmaster 95 as a living component library for a 1990's retro design system. It recreates the classic Windows 95 desktop look. The website is built with plain HTML, CSS, and vanilla JavaScript. It uses zero npm dependencies and zero build tools. All five font files are inside the local folder. It runs completely offline.
The page includes a color mixer. It updates modules on click and checks brightness so text stays readable. The tabs work with keyboards, including the arrow keys, Home button, and End key. A visitor counter with a dark and green effect (similar to Matrix).
I also added an audio easter egg button. It plays...something (go check it out, you'll like it) using the Web Audio API. The guestbook takes your name and message on the spot. It shows new posts right at the top of the list with a real time and text.🔥 😊
AetherOS is a web desktop for AI agents. The entire project sits inside a single HTML file. It starts with a boot screen. Then it opens into a dark workspace. The background has black animated particles. Everything runs on plain CSS and vanilla JavaScript. The site loads zero external dependencies and zero sound files.
The bottom dock holds seven apps. These tools manage four AI agents: Atlas, Sage, Bolt, and Vega. The Agents app shows them chatting and passing tasks. Files lets you browse a drive. Memory shows a live graph of what the system knows. Users can also modify a history timeline. Studio lets you test prompts. Flows builds node pipelines, and Cost tracks token usage.
Every window can be moved, resized, minimized, or maximized. The top menu bar has a model switcher. It routes tasks to Claude Opus 4.7, GPT-5.2, Gemini 3 Pro, DeepSeek V4, or Llama 4. The OS also has Spotlight search, sound toggles, and local API key inputs. The interface uses dark glass panels with blue highlights.
Building the node graphs in one single HTML5 file was tough. At first, the physics nodes pushed apart too hard. They floated right off the screen. Dragging extra lines while getting zoomed in also threw off the precise positions. I fixed the center gravity math. Then I divided mouse positions by the zoom factor. That stopped the unnecessary movement and kept the OS stable.😊
