blob: 9ec79bf4964d3a6bf06f9668501dd08964b6c97e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
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
|
