{"id":25617640,"url":"https://github.com/junayed-hasan/valentines_blossoming_flower","last_synced_at":"2026-05-03T11:33:51.542Z","repository":{"id":277106321,"uuid":"931349112","full_name":"junayed-hasan/valentines_blossoming_flower","owner":"junayed-hasan","description":"Create a romantic surprise! 💖 This interactive Valentine’s webpage asks Will You Be My Valentine? with fun animations, a blossoming flower effect, and playful responses. Fully customizable and easy to host on GitHub Pages. 🌸✨ Try it now!","archived":false,"fork":false,"pushed_at":"2025-08-23T05:43:27.000Z","size":10749,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-24T08:50:55.204Z","etag":null,"topics":["css","html","interactive-visualization","javascript","love","scss","valentine","valentine-gift","valentine-website","valentines-day"],"latest_commit_sha":null,"homepage":"https://junayed-hasan.github.io/valentines_blossoming_flower/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/junayed-hasan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-02-12T05:56:54.000Z","updated_at":"2025-08-23T05:43:31.000Z","dependencies_parsed_at":"2025-08-24T03:31:28.430Z","dependency_job_id":"089bbed3-23ce-40ec-b8fc-dc8634f4fe06","html_url":"https://github.com/junayed-hasan/valentines_blossoming_flower","commit_stats":null,"previous_names":["junayed-hasan/interactive-ui","junayed-hasan/valentines_blossoming_flower"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/junayed-hasan/valentines_blossoming_flower","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/junayed-hasan%2Fvalentines_blossoming_flower","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/junayed-hasan%2Fvalentines_blossoming_flower/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/junayed-hasan%2Fvalentines_blossoming_flower/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/junayed-hasan%2Fvalentines_blossoming_flower/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/junayed-hasan","download_url":"https://codeload.github.com/junayed-hasan/valentines_blossoming_flower/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/junayed-hasan%2Fvalentines_blossoming_flower/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32567417,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","interactive-visualization","javascript","love","scss","valentine","valentine-gift","valentine-website","valentines-day"],"created_at":"2025-02-22T05:24:15.677Z","updated_at":"2026-05-03T11:33:51.525Z","avatar_url":"https://github.com/junayed-hasan.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Valentines Blossoming Flower 💖🌸\n\nWelcome to **Valentines Blossoming Flower**, a beautifully designed interactive webpage to surprise your loved one! This project creates a romantic digital experience where users are prompted with a question: **\"Will You Be My Valentine?\"** and are given an engaging and fun way to respond.\n\n🌐 **Live Demo**: You can check out the live version of this project at [junayed-hasan.github.io/valentines_blossoming_flower](https://junayed-hasan.github.io/valentines_blossoming_flower/). Easily host it on **GitHub Pages** and send the link to your loved one for a sweet surprise! 💕\n\n## ✨ Features\n- A heartwarming Valentine’s Day invitation with animated responses.\n- Fun and interactive Yes/No button behavior.\n- Beautiful floral animation with glowing effects.\n- Background music to enhance the experience.\n- Surprise blossom animation when the answer is **Yes**.\n- A pleading animation if **No** is selected.\n\n## 🖼️ Preview\n| Screenshot | Description |\n|------------|------------|\n| ![Will You Be My Valentine?](ss1.png) | Initial prompt asking the user to be the valentine. |\n| ![If No is Clicked](ss2.png) | Fun interaction where the button changes behavior with pleading animations. |\n| ![If Yes is Clicked](ss3.png) | Romantic response with flower blooming and a special message. |\n\n## 🎨 Customization Guide\nYou can personalize this project in the following ways:\n\n### 1️⃣ Change the Background Image\nReplace `image.jpeg` with your desired background image, ensuring the filename remains `image.jpeg`.\n\n### 2️⃣ Modify the Text and Messages\n- Edit the main message inside **index.html** in the following section:\n  ```html\n  \u003ch1 class=\"headerText\" id=\"wedate\"\u003eWill You Be My Valentine, Babe? 🥺\u003c/h1\u003e\n  ```\n- Update the response message when **Yes** is clicked:\n  ```html\n  wedate.innerText = \"We are each other's valentine now. I love you cutie. ❤️😘\";\n  ```\n  in `main2.js` inside the `yes()` function.\n\n- Edit the floral surprise text inside **index1.html**:\n  ```html\n  \u003ch1 style=\"color: rgb(162, 247, 219); margin-top: 3%;\"\u003eA little floral surprise for you 🌸💐🌸 \u003c/h1\u003e\n  ```\n  Change this text to personalize your message.\n\n### 3️⃣ Adjust the Button Behavior\n- Customize the No button responses inside **main2.js**, modifying the `blackmail` array for different pleading messages.\n- Change the images used for happy/sad animations inside `main2.js`:\n  ```javascript\n  mainImg.src = \"https://github.com/NikhilMarko03/resources/blob/main/happy3.gif?raw=true\";\n  ```\n\n### 4️⃣ Modify Styles (Colors, Fonts, Effects)\n- Edit **style1.css** and **style2.css** to change the aesthetic, including:\n  - Button colors\n  - Font styles (import different fonts from Google Fonts)\n  - Background colors and effects\n\n### 5️⃣ Add Your Name\n- Replace `Your Teddy` in **index.html** with your own signature:\n  ```html\n  \u003ca rel=\"noopener\" href=\"https://www.linkedin.com/in/mjhasan21/\" target=\"_blank\"\u003eYour Teddy\u003c/a\u003e\n  ```\n\n## 🚀 How to Use\n1. Clone this repository:\n   ```bash\n   git clone https://github.com/junayed-hasan/valentines_blossoming_flower.git\n   ```\n2. Open `index.html` in any modern web browser.\n3. Enjoy the experience with your loved one! 💕\n\n## 🔧 Project Origin\nThis project is a updated version and creative combination of two different projects:\n- [CSS Blossoming Flowers at Magical Night](https://codepen.io/mdusmanansari/pen/BamepLe) by **Md Usman Ansari**.\n- [Will you be my valentine](https://codepen.io/Sleeping-Bot/pen/VwREBdg) by **Sleeping-Bot**.\n\nThese projects were customized and creatively merged to create a unique and interactive Valentine’s experience. 🎨✨\n\n## ⭐ Show Some Love\nIf you like this project, consider **starring** ⭐ this repository to spread the love and appreciation!\n\n---\n💖 Made with love by [Mohammad Junayed Hasan](https://github.com/junayed-hasan).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjunayed-hasan%2Fvalentines_blossoming_flower","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjunayed-hasan%2Fvalentines_blossoming_flower","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjunayed-hasan%2Fvalentines_blossoming_flower/lists"}