From 7fd381a242f68b7c6f10db4e3ae0bb3d06e36a16 Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Thu, 22 Jan 2026 10:09:07 -1000 Subject: Fix background image CORS issue Switch from Unsplash Source API to Lorem Picsum which has proper CORS headers for cross-origin image loading. Co-Authored-By: Claude Opus 4.5 --- issues/004-integrate-terst-org.md | 62 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 issues/004-integrate-terst-org.md (limited to 'issues/004-integrate-terst-org.md') diff --git a/issues/004-integrate-terst-org.md b/issues/004-integrate-terst-org.md new file mode 100644 index 0000000..9ec79bf --- /dev/null +++ b/issues/004-integrate-terst-org.md @@ -0,0 +1,62 @@ +# [FEATURE] Integrate terst.org start page and styling + +## Description +Integrate terst.org start page widgets and visual styling. + +## User Story +As a user, I want the dashboard to incorporate my terst.org start page widgets and match its visual styling for a unified experience. + +## Technical Context +- Two aspects: visual styling + widget integration +- Requires understanding terst.org's current design system and widget architecture +- May need API access or scraping depending on terst.org implementation + +## Test Strategy + +### E2E Test (Red) +``` +1. Load dashboard +2. Assert color scheme matches terst.org (primary colors, fonts) +3. Assert expected widgets render (TBD based on widget inventory) +``` + +## Proposed Approach + +### Phase 1: Visual Styling +1. **Audit terst.org design:** + - Extract color palette (primary, secondary, accent) + - Identify fonts and typography scale + - Note spacing/layout patterns +2. **Update Tailwind config:** + - Add terst.org colors to theme + - Update default styles to match +3. **Apply to existing components** + +### Phase 2: Widget Integration +1. **Inventory terst.org widgets:** + - What widgets exist? (clock, weather, links, etc.) + - How are they implemented? (static HTML, JS, API-backed?) +2. **Integration options:** + - Option A: Embed via iframe (quick but limited) + - Option B: Recreate widgets natively (more work, better integration) + - Option C: API calls to terst.org backend (if available) +3. **Implement priority widgets first** + +## Discovery Required +- [ ] Access terst.org to inventory widgets +- [ ] Extract color palette and design tokens +- [ ] Determine widget data sources + +## Affected Components +- `tailwind.config.js` (theme colors) +- `web/static/css/` (global styles) +- `web/templates/index.html` (widget containers) +- `web/templates/partials/` (new widget partials) +- Potentially `internal/handlers/` (widget data endpoints) + +## Definition of Done +- [ ] Color scheme matches terst.org +- [ ] Typography matches terst.org +- [ ] Priority widgets integrated +- [ ] Responsive layout preserved +- [ ] E2E test verifies styling -- cgit v1.2.3