Skip to content

Commit 1f7a794

Browse files
Copilotdannystaple
andcommitted
Fix wireframe based on feedback: remove non-existent tags, show multiple books, add layout constraints
Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com>
1 parent cdade67 commit 1f7a794

File tree

1 file changed

+21
-20
lines changed

1 file changed

+21
-20
lines changed

docs/archive-page-wireframe.md

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,8 @@ This wireframe shows the visual layout structure of the Orionrobots archive page
1515
├─────────────────────────────────────────────┬─────────────────────┤
1616
│ CONTENT COLUMN (col-md-8) │ SIDEBAR (col-md-4) │
1717
├─────────────────────────────────────────────┼─────────────────────┤
18-
│ [Tags: robot-building, electronics, etc.] │ [📚] │ ← Tag & Social Row | Book Sidebar
19-
[🔗📧📱] │ Robotics at Home │
18+
│ [🔗📧📱] │ [📚] │ ← Social Sharing | Book Sidebar
19+
│ Robotics at Home │
2020
├─────────────────────────────────────────────┼─────────────────────┤
2121
│ Robot Building │ with Raspberry Pi │ ← Page Title | Book Promotion
2222
├─────────────────────────────────────────────┼─────────────────────┤
@@ -30,19 +30,19 @@ This wireframe shows the visual layout structure of the Orionrobots archive page
3030
│ basic components and tools... │ │
3131
│ [more...] │ [Buy Now Button] │
3232
├─────────────────────────────────────────────┼─────────────────────┤
33-
│ [📷] 25 Aug 2025 » Advanced Motor Control │ │ ← Featured Post Item
34-
│ for Robotics │
35-
│ Deep dive into servo and stepper │
36-
│ motor control techniques for precise │
33+
│ [📷] 25 Aug 2025 » Advanced Motor Control │ [📚] │ ← Featured Post Item
34+
│ for Robotics │ Learn Robotics
35+
│ Deep dive into servo and stepper │ Programming
36+
│ motor control techniques for precise │ 2nd Edition
3737
│ robot movement... │ │
38-
│ [more...] │
38+
│ [more...] │ [Book Cover Image]
3939
├─────────────────────────────────────────────┼─────────────────────┤
40-
│ [📷] 20 Aug 2025 » Sensor Integration │ │ ← Featured Post Item
41-
│ Made Easy │
42-
│ Learn how to integrate various │
43-
│ sensors into your robot projects │
40+
│ [📷] 20 Aug 2025 » Sensor Integration │ Build and control │ ← Featured Post Item
41+
│ Made Easy │ autonomous robots
42+
│ Learn how to integrate various │ with Raspberry Pi
43+
│ sensors into your robot projects │ and Python 3...
4444
│ for enhanced functionality... │ │
45-
│ [more...] │
45+
│ [more...] │ [Buy Now Button]
4646
├─────────────────────────────────────────────┼─────────────────────┤
4747
│ [📷] 15 Aug 2025 » Robot Programming │ │ ← Featured Post Item
4848
│ Fundamentals │ │
@@ -104,13 +104,14 @@ This wireframe shows the visual layout structure of the Orionrobots archive page
104104
┌─ TWO COLUMN LAYOUT ─────────────────────────────────────────────┐
105105
│ CONTENT (col-md-8) │ SIDEBAR (col-md-4) │
106106
│ │ │
107-
│ ┌─ TAG & SOCIAL ROW ────┐ │ ┌─ BOOK SIDEBAR ─────────────────┐ │
108-
│ │ [Tag Buttons] | [📧📱] │ │ │ [Book Cover Image] │ │
107+
│ ┌─ SOCIAL ROW ──────────┐ │ ┌─ BOOK SIDEBAR ─────────────────┐ │
108+
│ │ [📧📱] │ │ │ [Book Cover Image] │ │
109109
│ └───────────────────────┘ │ │ Robotics at Home with Pi Pico │ │
110110
│ │ │ [Buy Now Button] │ │
111-
│ ┌─ PAGE HEADER ─────────┐ │ └─────────────────────────────────┘ │
112-
│ │ Robot Building │ │ │
113-
│ └───────────────────────┘ │ │
111+
│ ┌─ PAGE HEADER ─────────┐ │ │ │ │
112+
│ │ Robot Building │ │ │ [Book Cover Image] │ │
113+
│ └───────────────────────┘ │ │ Learn Robotics Programming 2nd │ │
114+
│ │ │ [Buy Now Button] │ │
114115
└─────────────────────────────────────────────────────────────────┘
115116
```
116117

@@ -169,15 +170,15 @@ This wireframe shows the visual layout structure of the Orionrobots archive page
169170

170171
## Key Layout Characteristics
171172

172-
**Two-Column Design**: Unlike the front page, archive pages use a sidebar layout with main content in a 8-column area and sidebar in a 4-column area.
173+
**Two-Column Design**: Unlike the front page, archive pages use a sidebar layout with main content in a 8-column area and sidebar in a 4-column area. The layout is width-constrained in the middle against an image background.
173174

174175
**Content Hierarchy**:
175176
1. Navigation & Branding (sticky header)
176-
2. Tag & social sharing row (main content area)
177+
2. Social sharing row (main content area)
177178
3. Page title (specific to the archive type)
178179
4. Featured posts section (first 4 posts with full details)
179180
5. Additional posts section (remaining posts with title/date only)
180-
6. Book promotion sidebar (persistent throughout page)
181+
6. Book promotion sidebar (multiple books, persistent throughout page)
181182
7. Additional navigation (events, policies)
182183
8. Footer with links & copyright
183184

0 commit comments

Comments
 (0)