diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-01-22 10:09:07 -1000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-01-22 10:09:07 -1000 |
| commit | 7fd381a242f68b7c6f10db4e3ae0bb3d06e36a16 (patch) | |
| tree | abff0af0a0f3b057d7b1ad6d95dbefdf30c553c3 /issues/004-integrate-terst-org.md | |
| parent | 583f90c5dedf0235fa45557359b0e6e7dd62b0f0 (diff) | |
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 <noreply@anthropic.com>
Diffstat (limited to 'issues/004-integrate-terst-org.md')
| -rw-r--r-- | issues/004-integrate-terst-org.md | 62 |
1 files changed, 62 insertions, 0 deletions
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 |
