A single-page, personalized Valentine's Day "Love Quest" for Irina.
Built with pure HTML, CSS, and Vanilla JavaScript. Zero frameworks, 100% chaos (Love Level 4).
This is a small, interactive website that takes the user through a series of "chaotic" questions.
- Wrong answers are gently mocked (and trigger screen shakes).
- Correct answers are rewarded with confetti hearts.
- One button physically runs away from the cursor.
- The End is a heartfelt message.
- Fork or Clone this repository.
- Go to Settings > Pages in your GitHub repository.
- Under Source, select
main(ormaster) branch. - Click Save.
- Your Valentine's site is now live at
https://yourusername.github.io/my-valentine/.
- HTML5 (Structure)
- CSS3 (Animations, Variables, Flexbox)
- Vanilla JS (Logic, DOM Manipulation, Arrays)
Open script.js and change the recipientName variable:
const recipientName = "Irina"; // Change this to your Valentine's nameTo make the "No" button move faster or slower, edit script.js in the initMovingButton function.
All text and steps are stored in the steps array in script.js. You can add, remove, or modify steps easily.