{"repo":"CodeKageHQ/Ask-out-your-Valentine","free":true,"listed":false,"github":"https://github.com/CodeKageHQ/Ask-out-your-Valentine","clone":"git clone https://github.com/CodeKageHQ/Ask-out-your-Valentine.git","description":"A playful and interactive web experience for asking someone to be your Valentine, featuring charming GIFs and dynamic responses to 'Yes' and 'No' answers. Built with HTML, Tailwind CSS, and a sprinkle of JavaScript for interactivity.","language":"HTML","stars":114,"topics":["canvas-confetti","css3","html5","interactive-web","javascript","love","romantic","tailwindcss","valentines-day","web-animation"],"license":"MIT","category":"ui-components","readme_excerpt":"Valentine's Day Interactive Website (CodeKage) A cute, interactive web page to ask someone to be your Valentine. Features playful button mechanics, heartwarming GIFs, and heart-shaped confetti. How It Works 1. The page presents the question \"Will you be my Valentine?\" alongside a cute GIF. 2. Clicking No swaps the GIF, changes the button text to increasingly desperate pleas, and grows the Yes button bigger and bigger. 3. Clicking Yes celebrates with a special GIF, a victory message, and a burst of heart-shaped confetti. Features - Growing \"Yes\" button -- gets larger with every \"No\" click, making it impossible to ignore. - Desperate messages -- the \"No\" button cycles through pleading texts like \"Pookie please\" and \"I'm gonna cry...\" . - Animated GIFs -- seven different GIFs that react to the user's choices. - Heart confetti -- pink heart-shaped confetti explosion on \"Yes\" using canvas-confetti. - Responsive design -- looks great on desktop and mobile, powered by Tailwind CSS. Getting Started 1. Clone the repository: 2. Open index.html in your browser. That's it -- no build step, no dependencies to install. Tailwind CSS and canvas-confetti are loaded via CDN. Project Structure Customization Want to make it your own? Here are some easy tweaks inside index.html : What Where How ------ ------- ----- GIF images images/ folder Replace the GIFs with your own (keep the same filenames) \"No\" button messages NO BUTTON MESSAGES array Edit the strings to say whatever you like Button growth","default_branch":null,"files":null,"tree":[],"storefront":"/r/CodeKageHQ","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/CodeKageHQ/Ask-out-your-Valentine/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}