feat: add initial base pages and mobile-first framework
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
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
|
||||
Reference in New Issue
Block a user