From b3ab3e9a3a0daf8dfc5568614ea0fe36439f231d Mon Sep 17 00:00:00 2001 From: Daniel Rosel Date: Thu, 6 Nov 2025 14:12:18 +0100 Subject: [PATCH] init styles and docs --- web/README.md | 4 ++++ web/src/styles/airline.css | 0 web/src/styles/hotel.css | 0 3 files changed, 4 insertions(+) create mode 100644 web/src/styles/airline.css create mode 100644 web/src/styles/hotel.css diff --git a/web/README.md b/web/README.md index e9ed160..12fff92 100644 --- a/web/README.md +++ b/web/README.md @@ -8,3 +8,7 @@ Design Discovery Documentation: https://github.com/velocitatem/PHANTOM/wiki/Desi The webapp should serve under the / route the landing page which for both platforms is very similar. We define a set of components like Hero, Card, Button, Link ... This we can then pass to specific components each mode might demand that makes it behave differently, hotel cards showing hotel rooms from database and airline cards showing flights from database and each fetching prices from the pricing provider with a different HTTP parameter. +- globally we define a middleware.ts which is our switcher for modes. +- /app will have (airline) and (hotel) children which each have a layout.tsx and page.tsx where /app also has a parent layout defining layout.tsx and globals.css for any shared styling to avoid repretition. +- /components/ is gonna have ui/ which defines things like Button, Card, DatePicker with generic definitions and any tracking or observation code. We then define feats/airline/ and feats/hotel/ as children of components with specific components like AirlineHero and HotelCard. +- in /styles/ we define airline.css and hotel.css to tailor accents and styling for each. diff --git a/web/src/styles/airline.css b/web/src/styles/airline.css new file mode 100644 index 0000000..e69de29 diff --git a/web/src/styles/hotel.css b/web/src/styles/hotel.css new file mode 100644 index 0000000..e69de29