24 lines
1.6 KiB
Markdown
24 lines
1.6 KiB
Markdown
This project aims to create a playful online-tool to plan a date.
|
|
In the end, there will be multiple pages that act like a choose-your-own-adventure story, where users can select different options to plan their ideal date
|
|
|
|
A first, i need you to create a simple, mobile-first oriented style framework
|
|
Most users will access the tool from their mobile devices, so the design should prioritize ease of use and readability on smaller screens
|
|
|
|
the base color is some love-rose shade, with complementary colors that evoke warmth and romance. The typography should be clean and legible, with a focus on larger font sizes for headings and body text to enhance readability on mobile devices.
|
|
|
|
I want you to create a few first pages:
|
|
- a page where the user is asked if he/she wants to go on a date with me: with a yes and a no option. when the no-option is selected, the no-button shrinks to 66% of its original size. and the yes-button grows by 33% of its original size. That behaviour happens everytime the no-button is clicked. The page should have a playful and inviting design, with a heart-shaped background.
|
|
|
|
- next page selects an activity for the date: options. for now its
|
|
- Indisch essen gehen
|
|
- Kinofilm
|
|
- Film zu Hause + Essen bestellen
|
|
- Walk in the forrest
|
|
- Museum für gegenwartskunst
|
|
- Picknick auf der Wiese
|
|
I want the selection to display in a grid structure, each activity has a central icon / simple image
|
|
|
|
please create everything in german, but english code/classes/functions
|
|
|
|
stay at plain html/css/javascript for now. that will be later extended by a simple solution to save it somehow to a database / storage/ textfile
|