# [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