pasternakfelix@gmail.com

@pasternakfelix-sudo·2 public vizzes

Projekt Tinder

An interactive quiz titled “Wie heiß bist du auf Tinder?” walks through a series of Tinder-themed questions, then displays a personalized heat score as a flame icon. The SVG rendering uses CSS animations for a bouncing flame and fade-in transitions between screens. The quiz logic tracks progress with a bar and updates the final score based on user selections, all implemented in plain JavaScript within a single HTML file. No external libraries, such as d3 or Three.js, are imported; the visualization relies solely on DOM manipulation and CSS styling.

Apr 16, 2026

Loading thumbnail…

Hello World, Felix

This example demonstrates a simple interactive color-changing interface. The page displays two text messages, “Hallo Welt!” and “HALLO!!”, centered on a light-yellow background. Clicking the “Ändere die Farbe” button toggles a `pink` CSS class on both the first message and the button itself, changing their background colors. The implementation uses vanilla JavaScript with `document.querySelector` to select elements and `addEventListener` for the click handler, while the visual styling relies on standard CSS classes and transitions.

Apr 16, 2026