From 5440e762230ecccfd82ae8c150cf66f4ce1bbd45 Mon Sep 17 00:00:00 2001 From: Maurice Date: Mon, 17 Aug 2026 14:27:21 +0200 Subject: [PATCH] docs(readme): redraw the feature graphic, move the phone row up The nine-tile grid gave every tile its own pastel, a two-colour headline, a ghost icon behind it and the same eyebrow, headline, triplet rhythm, nine times without a break. Three fields now, one glass panel each, one icon, and the detail stays in the block underneath where it already lived. Monochrome, and shipped as a light and dark pair through the picture element the way the logo above it already is, so it stops being a bright slab on a dark page. The ink is the app's own neutral accent (#111827 and #E4E4E7) instead of an invented brand colour, and the panels follow the surface recipe from client/src/styles/dashboard.css: transluent gradient, hairline border, highlight on the top edge, soft lift. The backdrop blur cannot come along, an img-embedded SVG sees nothing behind itself, so the wash it would have blurred is baked in. Poppins is drawn as outlines for the same reason: that SVG may not load an external font, so a font-family would have fallen back to whatever the reader happens to have installed. Also puts the phone row between the two desktop rows rather than after them. --- README.md | 6 +- docs/tiles/grid-desktop-dark.svg | 55 +++++++++ docs/tiles/grid-desktop.svg | 191 ++++++++----------------------- docs/tiles/grid-mobile-dark.svg | 55 +++++++++ docs/tiles/grid-mobile.svg | 175 ++++++++-------------------- 5 files changed, 214 insertions(+), 268 deletions(-) create mode 100644 docs/tiles/grid-desktop-dark.svg create mode 100644 docs/tiles/grid-mobile-dark.svg diff --git a/README.md b/README.md index 97c9b6d7c..420ad220b 100644 --- a/README.md +++ b/README.md @@ -49,8 +49,8 @@ A self-hosted, real-time collaborative travel planner — with maps, budgets, pa
Atlas · dashboard · trip planner - Collections · journey journal · costs Mobile PWA · dashboard, day plan, map, costs + Collections · journey journal · costs
--- @@ -58,8 +58,10 @@ A self-hosted, real-time collaborative travel planner — with maps, budgets, pa ## What you get + + - TREK feature tiles + Plan, track, share
diff --git a/docs/tiles/grid-desktop-dark.svg b/docs/tiles/grid-desktop-dark.svg new file mode 100644 index 000000000..f4ac3912d --- /dev/null +++ b/docs/tiles/grid-desktop-dark.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tiles/grid-desktop.svg b/docs/tiles/grid-desktop.svg index 5070a59ae..e351e8816 100644 --- a/docs/tiles/grid-desktop.svg +++ b/docs/tiles/grid-desktop.svg @@ -1,146 +1,55 @@ - - - - - - - - - - - - TRIP PLANNER - Drag and drop - day by day - Reorder, move across days, optimise + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - MAPS - See it all - on the map - Leaflet + Mapbox GL, 3D buildings - + + + + + + + + + + + + - - - - - - - - - - - COLLAB - Plan together - in real time - WebSocket sync, chat, polls, notes - + + + + + + - - - - - - - - - - - BUDGET - Track costs - per person - Pie chart, multi-currency, splits - + + + + + + + - - - - - - - - - - - PACKING - Lists, sorted. - by category - Templates, bag tracking, weights - - - - - - - - - - - - - JOURNEY - A journal for - every trip - Magazine entries, photos, maps - - - - - - - - - - - - - VACAY - Vacation days, - visualised - Calendar, 100+ country holidays - - - - - - - - - - - - - AI / MCP - Let AI plan - your trips - 80+ tools, OAuth 2.1, Claude-ready - - - - - - - - - - - - - SELF-HOSTED - Runs on - your server - Docker, SQLite, AGPL — your data, yours - - - \ No newline at end of file + + + diff --git a/docs/tiles/grid-mobile-dark.svg b/docs/tiles/grid-mobile-dark.svg new file mode 100644 index 000000000..46ccd4977 --- /dev/null +++ b/docs/tiles/grid-mobile-dark.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tiles/grid-mobile.svg b/docs/tiles/grid-mobile.svg index e4d74d1bf..8edf98ae5 100644 --- a/docs/tiles/grid-mobile.svg +++ b/docs/tiles/grid-mobile.svg @@ -1,130 +1,55 @@ - - - - - - - - - - - - TRIP PLANNER - Drag and drop - day by day - Reorder, move across days, optimise + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - MAPS - See it all - on the map - Leaflet + Mapbox GL, 3D buildings - + + + + + + + + + + + + - - - - - - - - - - - COLLAB - Plan together - in real time - WebSocket sync, chat, polls, notes - + + + + + + - - - - - - - - - - - BUDGET - Track costs - per person - Pie chart, multi-currency, splits - + + + + + + + - - - - - - - - - - - PACKING - Lists, sorted. - by category - Templates, bag tracking, weights - - - - - - - - - - - - - JOURNEY - A journal for - every trip - Magazine entries, photos, maps - - - - - - - - - - - - - VACAY - Vacation days, - visualised - Calendar, 100+ country holidays - - - - - - - - - - - - - AI / MCP - Let AI plan - your trips - 80+ tools, OAuth 2.1, Claude-ready - - - \ No newline at end of file + + +