/* Find the CSS variables at the top of styles.css */ :root { --primary-pink: #ff6b9d; --secondary-pink: #ff8fab; /* Change these to your favorite colors! */
}
Change Text (index.html)
<!-- Find and edit the main question text -->
<h1 class="valentine-title">
Will You Be My Valentine? <!-- Change this! -->
</h1>
Add Your Own Animations (script.js)
The code includes functions for:
createHeart() - Floating heart animations
runAwayButton() - The playful No button
startFireworks() - Celebration effects
🌐 Deployment Options
Free Hosting Options
GitHub Pages - Free, easy setup, custom domain support
Netlify - Drag-and-drop deployment, free SSL
Vercel - One-click deploy, automatic HTTPS
Cloudflare Workers + D1 - Free serverless API & database
Deploy to GitHub Pages
Fork the repository to your GitHub account
Go to Settings → Pages
Select "main" branch as source
Your site will be live at yourusername.github.io/WillYouBeMyValentine
❓ Frequently Asked Questions
Is the code really free?
Yes! The code is open source under the MIT license. Use it for personal projects, customize it, share it - completely free!
Do I need coding experience?
Basic HTML/CSS knowledge helps, but the code is beginner-friendly with comments explaining each section. Perfect for learning!
Can I remove the tracking features?
Yes! The tracking is optional. The app works as a fully static site without the Cloudflare Worker API. Simply remove the API calls to run a standalone version.
How do I contribute to the project?
We welcome contributions! Fork the repo, make your changes, and submit a pull request. Bug fixes, new features, and translations are all appreciated!
💕 Ready to Create Your Valentine Surprise?
Use our free generator or clone the code to make your own!