72 lines
2.3 KiB
Markdown
72 lines
2.3 KiB
Markdown
# Will You Be My Valentine? 💌
|
||
|
||
This project is designed to be an interactive webpage to ask someone to be your Valentine. Please use this code as inspiration and avoid simply copying it without understanding or giving credit.
|
||
|
||
---
|
||
## **🚀 Respect Open-Source**
|
||
I built this for **fun & learning**. If you fork or modify it:
|
||
✔ **Use it for creativity, personal projects, or learning**
|
||
✔ **Give proper credit when using it in public**
|
||
✔ **Respect the original creator’s work**
|
||
❌ **DO NOT try to profit from free content**
|
||
|
||
**If I find people selling this project, I will take action to prevent unauthorized use.**
|
||
|
||
|
||
|
||
## How It Works
|
||
|
||
This project consists of a simple webpage with a "Yes" and "No" button. When the user clicks the "No" button, the button text changes to a series of messages, and the "Yes" button grows larger. If the user clicks the "Yes" button, they are redirected to a new page (`yes_page.html`).
|
||
|
||
### Features:
|
||
- **Interactive Buttons**: The "No" button cycles through , while the "Yes" button grows in size.
|
||
- **Responsive Design**: The webpage is designed to work on all screen sizes.
|
||
|
||
---
|
||
|
||
## How to Use
|
||
|
||
1. **Download the Files**:
|
||
- Clone this repository or download the `index.html`, `styles.css`,`yes_style.css`,`yes_page.html` and `script.js` files.
|
||
|
||
2. **Open the Project**:
|
||
- Open the `index.html` file in your web browser.
|
||
|
||
|
||
---
|
||
|
||
## A Note on Code Usage
|
||
|
||
While I am happy to share this project, I encourage you to use it as inspiration.
|
||
If you use this code as a base for your own project, please give credit where it's due. A simple shoutout or link back to this repository is appreciated!
|
||
|
||
|
||
---
|
||
|
||
## Code Overview
|
||
|
||
### Files:
|
||
|
||
- `index.html`: The main HTML file that structures the webpage.
|
||
- `styles.css`: The CSS file that styles the webpage.
|
||
- `script.js`: The JavaScript file that handles the button interactions.
|
||
- `yes_page.html`: The yes page that sturctures the webpage.
|
||
- `yes_style.css`: The css file that styles the yes webpage.
|
||
|
||
|
||
|
||
### Key Functions:
|
||
|
||
- `handleNoClick()`: Changes the "No" button text and increases the size of the "Yes" button.
|
||
- `handleYesClick()`: Redirects the user to `yes_page.html`.
|
||
|
||
---
|
||
|
||
## License 📄
|
||
|
||
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
|
||
|
||
---
|
||
|
||
Enjoy 💖
|