flowers-for-someone

---

✨ What is this?

Flowers for Someone is a tiny, self-contained website you can send to someone special. It opens on a quiet, starry night scene with a single glowing button. One click reveals a bouquet built entirely from CSS — petals, stems, leaves and lights — while a message types itself out letter by letter.

No backend. No dependencies. No build tools. Just open it and it works.

🎬 How it works

Step	Page	What happens
1	index.html	Starry night background, glowing “I Have Something” title with staggered fade-in, and an Open button.
2	flower.html	A bouquet animates into bloom (pure CSS @keyframes), then “I LOVE U” types out one character at a time.

🛠️ Tech Stack

• HTML5 — semantic markup
• CSS3 / SCSS — all animation, gradients and the flower itself
• JavaScript — the title/typing effects (js/index.js, js/main.js)

🚀 Run locally

# 1. Clone
git clone https://github.com/FIQTOR/flowers-for-someone.git
cd flowers-for-someone

# 2. Serve (any static server works)
npx serve .
# or: python3 -m http.server 8000

Then open http://localhost:8000 and click Open.

💡 A local server is recommended over opening index.html directly, so the SCSS/CSS and relative asset paths resolve cleanly.

📁 Project structure

flowers-for-someone/
├── index.html            # landing page ("I Have Something")
├── flower.html           # the animated bouquet + "I LOVE U"
├── css/
│   ├── index.css         # landing page styles
│   └── style.css         # flower animation styles
├── scss/
│   └── style.scss        # source for style.css
├── js/
│   ├── index.js          # staggered title animation
│   └── main.js           # typing effect for the message
├── images/
│   └── gift.png          # favicon
└── docs/                 # README screenshots

🎨 Customize it

Want to make it yours? A few one-line tweaks:

What	Where	Change
The message	js/main.js	('I LOVE U') → your own text
The intro line	js/index.js	I Have Something → your own text
Typing speed	js/main.js	the setTimeout(..., 300) delay
Colors	scss/style.scss	recompile to css/style.css

💬 Have a message to send?

This repo gets a lot of love letters 🙂 — and that’s wonderful! To keep the issue tracker focused on bugs and features, personal messages and customisation requests go to Discussions.

Issue tracker = 🐛 bugs & ✨ feature requests only.

🤝 Contributing

Contributions, ideas and forks are welcome! Please open an issue (bug/feature) or submit a pull request.

1. Fork the project
2. Create your branch (git checkout -b feature/amazing-idea)
3. Commit your changes (git commit -m 'feat: add amazing idea')
4. Push and open a Pull Request

☕ Support this project

If this template helped you make someone smile, you can buy me a coffee — it keeps the flowers blooming 🌸

📄 License

Released under the MIT License — free to use, modify and share.