summaryrefslogtreecommitdiff
path: root/issues/004-integrate-terst-org.md
diff options
context:
space:
mode:
authorPeter Stone <thepeterstone@gmail.com>2026-01-22 10:09:07 -1000
committerPeter Stone <thepeterstone@gmail.com>2026-01-22 10:09:07 -1000
commit7fd381a242f68b7c6f10db4e3ae0bb3d06e36a16 (patch)
treeabff0af0a0f3b057d7b1ad6d95dbefdf30c553c3 /issues/004-integrate-terst-org.md
parent583f90c5dedf0235fa45557359b0e6e7dd62b0f0 (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.md62
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