From 903b07f20681957bee10db0661125bb57b89a4ef Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 1 Sep 2025 11:48:45 +0000 Subject: [PATCH 1/9] Initial plan From cdade678ee7ee1ac4fe750e075c1a80245b82fdd Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 1 Sep 2025 11:59:25 +0000 Subject: [PATCH 2/9] Create archive page wireframe document Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- docs/archive-page-wireframe.md | 195 +++++++++++++++++++++++++++++++++ 1 file changed, 195 insertions(+) create mode 100644 docs/archive-page-wireframe.md diff --git a/docs/archive-page-wireframe.md b/docs/archive-page-wireframe.md new file mode 100644 index 00000000..74f40b45 --- /dev/null +++ b/docs/archive-page-wireframe.md @@ -0,0 +1,195 @@ +# Archive Page Layout Wireframe + +This wireframe shows the visual layout structure of the Orionrobots archive pages (Robot Building, Robot News, Robotics at Home) as they appear to visitors, from top to bottom including what's above and below the fold. + +## Desktop Layout View (Full Page Structure) + +``` +┌───────────────────────────────────────────────────────────────────┐ +│ HEADER (Above the Fold) │ +├───────────────────────────────────────────────────────────────────┤ +│ 🏠 Orionrobots [Menu] [Menu] [Menu] [Menu] [Search Box] │ ← Navigation Bar +├───────────────────────────────────────────────────────────────────┤ +│ │ +│ MAIN CONTENT AREA (Two Column Layout) │ +├─────────────────────────────────────────────┬─────────────────────┤ +│ CONTENT COLUMN (col-md-8) │ SIDEBAR (col-md-4) │ +├─────────────────────────────────────────────┼─────────────────────┤ +│ [Tags: robot-building, electronics, etc.] │ [📚] │ ← Tag & Social Row | Book Sidebar +│ [🔗📧📱] │ Robotics at Home │ +├─────────────────────────────────────────────┼─────────────────────┤ +│ Robot Building │ with Raspberry Pi │ ← Page Title | Book Promotion +├─────────────────────────────────────────────┼─────────────────────┤ +│ │ Pico │ +│ FEATURED POSTS (First 4 with excerpts) │ │ +├─────────────────────────────────────────────┼─────────────────────┤ +│ [📷] 30 Aug 2025 » Building Your First │ [Book Cover Image] │ ← Featured Post Item +│ Robot │ │ +│ A comprehensive guide to getting │ Learn to build │ +│ started with robot building using │ robots at home... │ +│ basic components and tools... │ │ +│ [more...] │ [Buy Now Button] │ +├─────────────────────────────────────────────┼─────────────────────┤ +│ [📷] 25 Aug 2025 » Advanced Motor Control │ │ ← Featured Post Item +│ for Robotics │ │ +│ Deep dive into servo and stepper │ │ +│ motor control techniques for precise │ │ +│ robot movement... │ │ +│ [more...] │ │ +├─────────────────────────────────────────────┼─────────────────────┤ +│ [📷] 20 Aug 2025 » Sensor Integration │ │ ← Featured Post Item +│ Made Easy │ │ +│ Learn how to integrate various │ │ +│ sensors into your robot projects │ │ +│ for enhanced functionality... │ │ +│ [more...] │ │ +├─────────────────────────────────────────────┼─────────────────────┤ +│ [📷] 15 Aug 2025 » Robot Programming │ │ ← Featured Post Item +│ Fundamentals │ │ +│ Master the basics of programming │ │ +│ robots with clear examples and │ │ +│ practical exercises... │ │ +│ [more...] │ │ +├─────────────────────────────────────────────┼─────────────────────┤ +│ │ │ +│ ADDITIONAL POSTS (Title and Date Only) │ │ +├─────────────────────────────────────────────┼─────────────────────┤ +│ 10 Aug 2025 » Robot Chassis Design Tips │ │ ← Additional Post Item +├─────────────────────────────────────────────┼─────────────────────┤ +│ 05 Aug 2025 » Power Supply Considerations │ │ ← Additional Post Item +├─────────────────────────────────────────────┼─────────────────────┤ +│ 01 Aug 2025 » Wireless Robot Communication │ │ ← Additional Post Item +├─────────────────────────────────────────────┼─────────────────────┤ +│ 28 Jul 2025 » 3D Printing Robot Parts │ │ ← Additional Post Item +├─────────────────────────────────────────────┼─────────────────────┤ +│ 25 Jul 2025 » Arduino vs Raspberry Pi │ │ ← Additional Post Item +├─────────────────────────────────────────────┼─────────────────────┤ +│ 20 Jul 2025 » Robot Safety Guidelines │ │ ← Additional Post Item +├─────────────────────────────────────────────┼─────────────────────┤ +│ │ │ +│ │ │ ← End of Sidebar +│ │ │ +│ │ │ +│ │ │ +│ │ │ ← Bottom of Content +├─────────────────────────────────────────────┴─────────────────────┤ +│ Events │ ← Additional Sections +│ Robot Events │ +│ │ +│ Policies │ +│ Terms And Conditions │ +│ │ ← Bottom of Content +├───────────────────────────────────────────────────────────────────┤ +│ FOOTER (Below the Fold) │ +├───────────────────────────────────────────────────────────────────┤ +│ 💬 Discuss robot building on Our Discord Server! │ ← Social Links +│ 📺 Youtube │ +│ 📘 Facebook │ +│ 🔒 Privacy and Cookies │ +├───────────────────────────────────────────────────────────────────┤ +│ © 2025 OrionRobots. Orionrobots is a registered trademark. │ ← Copyright +│ with help from Bootstrap │ +└───────────────────────────────────────────────────────────────────┘ +``` + +## Layout Sections Breakdown + +### Above the Fold (Initially Visible) + +``` +┌─ NAVIGATION BAR ─────────────────────────────────────────────────┐ +│ Logo + Brand Name | Menu Items | Search Box │ +└─────────────────────────────────────────────────────────────────┘ + +┌─ TWO COLUMN LAYOUT ─────────────────────────────────────────────┐ +│ CONTENT (col-md-8) │ SIDEBAR (col-md-4) │ +│ │ │ +│ ┌─ TAG & SOCIAL ROW ────┐ │ ┌─ BOOK SIDEBAR ─────────────────┐ │ +│ │ [Tag Buttons] | [📧📱] │ │ │ [Book Cover Image] │ │ +│ └───────────────────────┘ │ │ Robotics at Home with Pi Pico │ │ +│ │ │ [Buy Now Button] │ │ +│ ┌─ PAGE HEADER ─────────┐ │ └─────────────────────────────────┘ │ +│ │ Robot Building │ │ │ +│ └───────────────────────┘ │ │ +└─────────────────────────────────────────────────────────────────┘ +``` + +### Below the Fold (Requires Scrolling) + +``` +┌─ FEATURED POSTS SECTION ────────────────────────────────────────┐ +│ ## First 4 Posts (with thumbnails and excerpts) │ +│ │ +│ [Thumb] Date » Title │ +│ Post excerpt text describing the content... │ +│ [more...] │ +│ │ +│ [Thumb] Date » Title │ +│ Post excerpt text describing the content... │ +│ [more...] │ +│ │ +│ [Thumb] Date » Title │ +│ Post excerpt text describing the content... │ +│ [more...] │ +│ │ +│ [Thumb] Date » Title │ +│ Post excerpt text describing the content... │ +│ [more...] │ +└─────────────────────────────────────────────────────────────────┘ + +┌─ ADDITIONAL POSTS SECTION ──────────────────────────────────────┐ +│ ## Remaining Posts (title and date only) │ +│ │ +│ Date » Title Link │ +│ Date » Title Link │ +│ Date » Title Link │ +│ Date » Title Link │ +│ Date » Title Link │ +│ Date » Title Link │ +│ ... │ +└─────────────────────────────────────────────────────────────────┘ + +┌─ ADDITIONAL NAVIGATION ─────────────────────────────────────────┐ +│ ## Events │ +│ Robot Events │ +│ │ +│ ## Policies │ +│ Terms And Conditions │ +└─────────────────────────────────────────────────────────────────┘ + +┌─ FOOTER ────────────────────────────────────────────────────────┐ +│ • Discord Link │ +│ • YouTube Link │ +│ • Facebook Link │ +│ • Privacy & Cookies Link │ +│ │ +│ © Year OrionRobots | Powered by Bootstrap │ +└─────────────────────────────────────────────────────────────────┘ +``` + +## Key Layout Characteristics + +**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. + +**Content Hierarchy**: +1. Navigation & Branding (sticky header) +2. Tag & social sharing row (main content area) +3. Page title (specific to the archive type) +4. Featured posts section (first 4 posts with full details) +5. Additional posts section (remaining posts with title/date only) +6. Book promotion sidebar (persistent throughout page) +7. Additional navigation (events, policies) +8. Footer with links & copyright + +**Post Display Format**: +- **Featured Posts (first 4)**: Thumbnail image, date, title, excerpt text, "more..." link +- **Additional Posts**: Date and title link only (compact format) + +**Tag-Specific Content**: Each archive page shows content filtered by its specific tag: +- Robot Building: `robot-building` tag +- Robot News: `robot-news` tag +- Robotics at Home: `robotics-at-home` tag + +**Visual Flow**: Designed to showcase the most recent and relevant content prominently at the top, with quick access to older content below, while maintaining book promotion visibility in the sidebar. + +**Responsive Breakpoints**: On mobile/tablet, the sidebar stacks below the main content, and the navigation collapses to hamburger menu while maintaining the same content order. From 1f7a794d0be7b065a7116f768f7b95b149a8b79e Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 1 Sep 2025 12:13:53 +0000 Subject: [PATCH 3/9] 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> --- docs/archive-page-wireframe.md | 41 +++++++++++++++++----------------- 1 file changed, 21 insertions(+), 20 deletions(-) diff --git a/docs/archive-page-wireframe.md b/docs/archive-page-wireframe.md index 74f40b45..f5ab074b 100644 --- a/docs/archive-page-wireframe.md +++ b/docs/archive-page-wireframe.md @@ -15,8 +15,8 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ├─────────────────────────────────────────────┬─────────────────────┤ │ CONTENT COLUMN (col-md-8) │ SIDEBAR (col-md-4) │ ├─────────────────────────────────────────────┼─────────────────────┤ -│ [Tags: robot-building, electronics, etc.] │ [📚] │ ← Tag & Social Row | Book Sidebar -│ [🔗📧📱] │ Robotics at Home │ +│ [🔗📧📱] │ [📚] │ ← Social Sharing | Book Sidebar +│ │ Robotics at Home │ ├─────────────────────────────────────────────┼─────────────────────┤ │ Robot Building │ with Raspberry Pi │ ← Page Title | Book Promotion ├─────────────────────────────────────────────┼─────────────────────┤ @@ -30,19 +30,19 @@ This wireframe shows the visual layout structure of the Orionrobots archive page │ basic components and tools... │ │ │ [more...] │ [Buy Now Button] │ ├─────────────────────────────────────────────┼─────────────────────┤ -│ [📷] 25 Aug 2025 » Advanced Motor Control │ │ ← Featured Post Item -│ for Robotics │ │ -│ Deep dive into servo and stepper │ │ -│ motor control techniques for precise │ │ +│ [📷] 25 Aug 2025 » Advanced Motor Control │ [📚] │ ← Featured Post Item +│ for Robotics │ Learn Robotics │ +│ Deep dive into servo and stepper │ Programming │ +│ motor control techniques for precise │ 2nd Edition │ │ robot movement... │ │ -│ [more...] │ │ +│ [more...] │ [Book Cover Image] │ ├─────────────────────────────────────────────┼─────────────────────┤ -│ [📷] 20 Aug 2025 » Sensor Integration │ │ ← Featured Post Item -│ Made Easy │ │ -│ Learn how to integrate various │ │ -│ sensors into your robot projects │ │ +│ [📷] 20 Aug 2025 » Sensor Integration │ Build and control │ ← Featured Post Item +│ Made Easy │ autonomous robots │ +│ Learn how to integrate various │ with Raspberry Pi │ +│ sensors into your robot projects │ and Python 3... │ │ for enhanced functionality... │ │ -│ [more...] │ │ +│ [more...] │ [Buy Now Button] │ ├─────────────────────────────────────────────┼─────────────────────┤ │ [📷] 15 Aug 2025 » Robot Programming │ │ ← Featured Post Item │ Fundamentals │ │ @@ -104,13 +104,14 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ┌─ TWO COLUMN LAYOUT ─────────────────────────────────────────────┐ │ CONTENT (col-md-8) │ SIDEBAR (col-md-4) │ │ │ │ -│ ┌─ TAG & SOCIAL ROW ────┐ │ ┌─ BOOK SIDEBAR ─────────────────┐ │ -│ │ [Tag Buttons] | [📧📱] │ │ │ [Book Cover Image] │ │ +│ ┌─ SOCIAL ROW ──────────┐ │ ┌─ BOOK SIDEBAR ─────────────────┐ │ +│ │ [📧📱] │ │ │ [Book Cover Image] │ │ │ └───────────────────────┘ │ │ Robotics at Home with Pi Pico │ │ │ │ │ [Buy Now Button] │ │ -│ ┌─ PAGE HEADER ─────────┐ │ └─────────────────────────────────┘ │ -│ │ Robot Building │ │ │ -│ └───────────────────────┘ │ │ +│ ┌─ PAGE HEADER ─────────┐ │ │ │ │ +│ │ Robot Building │ │ │ [Book Cover Image] │ │ +│ └───────────────────────┘ │ │ Learn Robotics Programming 2nd │ │ +│ │ │ [Buy Now Button] │ │ └─────────────────────────────────────────────────────────────────┘ ``` @@ -169,15 +170,15 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ## Key Layout Characteristics -**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. +**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. **Content Hierarchy**: 1. Navigation & Branding (sticky header) -2. Tag & social sharing row (main content area) +2. Social sharing row (main content area) 3. Page title (specific to the archive type) 4. Featured posts section (first 4 posts with full details) 5. Additional posts section (remaining posts with title/date only) -6. Book promotion sidebar (persistent throughout page) +6. Book promotion sidebar (multiple books, persistent throughout page) 7. Additional navigation (events, policies) 8. Footer with links & copyright From 1942e3c316491a43ba02ad6d418b48b12fc6026b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 1 Sep 2025 13:55:22 +0000 Subject: [PATCH 4/9] Fix wireframe sidebar layout and title formatting - Remove horizontal separator in book sidebar to show it as one joined section - Change "Robot Building" to "TITLE: Robot Building" for clarity - Update both main wireframe and detailed breakdown sections Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- docs/archive-page-wireframe.md | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/docs/archive-page-wireframe.md b/docs/archive-page-wireframe.md index f5ab074b..51ef4f88 100644 --- a/docs/archive-page-wireframe.md +++ b/docs/archive-page-wireframe.md @@ -17,10 +17,8 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ├─────────────────────────────────────────────┼─────────────────────┤ │ [🔗📧📱] │ [📚] │ ← Social Sharing | Book Sidebar │ │ Robotics at Home │ -├─────────────────────────────────────────────┼─────────────────────┤ -│ Robot Building │ with Raspberry Pi │ ← Page Title | Book Promotion -├─────────────────────────────────────────────┼─────────────────────┤ -│ │ Pico │ +├─────────────────────────────────────────────┤ with Raspberry Pi │ ← Page Title | Book Promotion +│ TITLE: Robot Building │ Pico │ │ FEATURED POSTS (First 4 with excerpts) │ │ ├─────────────────────────────────────────────┼─────────────────────┤ │ [📷] 30 Aug 2025 » Building Your First │ [Book Cover Image] │ ← Featured Post Item @@ -109,7 +107,7 @@ This wireframe shows the visual layout structure of the Orionrobots archive page │ └───────────────────────┘ │ │ Robotics at Home with Pi Pico │ │ │ │ │ [Buy Now Button] │ │ │ ┌─ PAGE HEADER ─────────┐ │ │ │ │ -│ │ Robot Building │ │ │ [Book Cover Image] │ │ +│ │ TITLE: Robot Building │ │ │ [Book Cover Image] │ │ │ └───────────────────────┘ │ │ Learn Robotics Programming 2nd │ │ │ │ │ [Buy Now Button] │ │ └─────────────────────────────────────────────────────────────────┘ From 55311d191645ba3c9b2958b34314756a3c4cb675 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 1 Sep 2025 15:23:44 +0000 Subject: [PATCH 5/9] Fix sidebar card structure and remove non-existent sections from wireframe Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- docs/archive-page-wireframe.md | 93 ++++++++++++++++------------------ 1 file changed, 43 insertions(+), 50 deletions(-) diff --git a/docs/archive-page-wireframe.md b/docs/archive-page-wireframe.md index 51ef4f88..1c99f389 100644 --- a/docs/archive-page-wireframe.md +++ b/docs/archive-page-wireframe.md @@ -15,32 +15,32 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ├─────────────────────────────────────────────┬─────────────────────┤ │ CONTENT COLUMN (col-md-8) │ SIDEBAR (col-md-4) │ ├─────────────────────────────────────────────┼─────────────────────┤ -│ [🔗📧📱] │ [📚] │ ← Social Sharing | Book Sidebar -│ │ Robotics at Home │ -├─────────────────────────────────────────────┤ with Raspberry Pi │ ← Page Title | Book Promotion -│ TITLE: Robot Building │ Pico │ -│ FEATURED POSTS (First 4 with excerpts) │ │ -├─────────────────────────────────────────────┼─────────────────────┤ -│ [📷] 30 Aug 2025 » Building Your First │ [Book Cover Image] │ ← Featured Post Item -│ Robot │ │ -│ A comprehensive guide to getting │ Learn to build │ -│ started with robot building using │ robots at home... │ -│ basic components and tools... │ │ -│ [more...] │ [Buy Now Button] │ -├─────────────────────────────────────────────┼─────────────────────┤ -│ [📷] 25 Aug 2025 » Advanced Motor Control │ [📚] │ ← Featured Post Item -│ for Robotics │ Learn Robotics │ -│ Deep dive into servo and stepper │ Programming │ -│ motor control techniques for precise │ 2nd Edition │ -│ robot movement... │ │ -│ [more...] │ [Book Cover Image] │ -├─────────────────────────────────────────────┼─────────────────────┤ -│ [📷] 20 Aug 2025 » Sensor Integration │ Build and control │ ← Featured Post Item -│ Made Easy │ autonomous robots │ -│ Learn how to integrate various │ with Raspberry Pi │ -│ sensors into your robot projects │ and Python 3... │ -│ for enhanced functionality... │ │ -│ [more...] │ [Buy Now Button] │ +│ [🔗📧📱] │ ┌─────────────────┐ │ ← Social Sharing | Book Sidebar +│ │ │ [📚] Robotics │ │ +├─────────────────────────────────────────────┤ │ at Home with │ │ ← Page Title | Book Promotion +│ TITLE: Robot Building │ │ Raspberry Pi │ │ +│ FEATURED POSTS (First 4 with excerpts) │ │ Pico │ │ +├─────────────────────────────────────────────┤ │ │ │ +│ [📷] 30 Aug 2025 » Building Your First │ │ [Book Cover] │ │ ← Featured Post Item +│ Robot │ │ Learn to build │ │ +│ A comprehensive guide to getting │ │ robots at home │ │ +│ started with robot building using │ │ [Buy Now] │ │ +│ basic components and tools... │ └─────────────────┘ │ +│ [more...] │ │ +├─────────────────────────────────────────────┤ ┌─────────────────┐ │ ← Featured Post Item +│ [📷] 25 Aug 2025 » Advanced Motor Control │ │ [📚] Learn │ │ +│ for Robotics │ │ Robotics │ │ +│ Deep dive into servo and stepper │ │ Programming │ │ +│ motor control techniques for precise │ │ 2nd Edition │ │ +│ robot movement... │ │ │ │ +│ [more...] │ │ [Book Cover] │ │ +├─────────────────────────────────────────────┤ │ Build and │ │ ← Featured Post Item +│ [📷] 20 Aug 2025 » Sensor Integration │ │ control robots │ │ +│ Made Easy │ │ with Pi and │ │ +│ Learn how to integrate various │ │ Python 3 │ │ +│ sensors into your robot projects │ │ [Buy Now] │ │ +│ for enhanced functionality... │ └─────────────────┘ │ +│ [more...] │ │ ├─────────────────────────────────────────────┼─────────────────────┤ │ [📷] 15 Aug 2025 » Robot Programming │ │ ← Featured Post Item │ Fundamentals │ │ @@ -71,13 +71,6 @@ This wireframe shows the visual layout structure of the Orionrobots archive page │ │ │ │ │ │ ← Bottom of Content ├─────────────────────────────────────────────┴─────────────────────┤ -│ Events │ ← Additional Sections -│ Robot Events │ -│ │ -│ Policies │ -│ Terms And Conditions │ -│ │ ← Bottom of Content -├───────────────────────────────────────────────────────────────────┤ │ FOOTER (Below the Fold) │ ├───────────────────────────────────────────────────────────────────┤ │ 💬 Discuss robot building on Our Discord Server! │ ← Social Links @@ -103,13 +96,22 @@ This wireframe shows the visual layout structure of the Orionrobots archive page │ CONTENT (col-md-8) │ SIDEBAR (col-md-4) │ │ │ │ │ ┌─ SOCIAL ROW ──────────┐ │ ┌─ BOOK SIDEBAR ─────────────────┐ │ -│ │ [📧📱] │ │ │ [Book Cover Image] │ │ -│ └───────────────────────┘ │ │ Robotics at Home with Pi Pico │ │ -│ │ │ [Buy Now Button] │ │ -│ ┌─ PAGE HEADER ─────────┐ │ │ │ │ -│ │ TITLE: Robot Building │ │ │ [Book Cover Image] │ │ -│ └───────────────────────┘ │ │ Learn Robotics Programming 2nd │ │ -│ │ │ [Buy Now Button] │ │ +│ │ [📧📱] │ │ │ ┌─ BOOK CARD 1 ──────────────┐ │ │ +│ └───────────────────────┘ │ │ │ [📚] Robotics at Home with │ │ │ +│ │ │ │ Raspberry Pi Pico │ │ │ +│ ┌─ PAGE HEADER ─────────┐ │ │ │ [Book Cover Image] │ │ │ +│ │ TITLE: Robot Building │ │ │ │ Learn to build robots... │ │ │ +│ └───────────────────────┘ │ │ │ [Buy Now Button] │ │ │ +│ │ │ └─────────────────────────────┘ │ │ +│ │ │ │ │ +│ │ │ ┌─ BOOK CARD 2 ──────────────┐ │ │ +│ │ │ │ [📚] Learn Robotics │ │ │ +│ │ │ │ Programming 2nd Ed │ │ │ +│ │ │ │ [Book Cover Image] │ │ │ +│ │ │ │ Build and control robots │ │ │ +│ │ │ │ [Buy Now Button] │ │ │ +│ │ │ └─────────────────────────────┘ │ │ +│ │ └─────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘ ``` @@ -148,14 +150,6 @@ This wireframe shows the visual layout structure of the Orionrobots archive page │ ... │ └─────────────────────────────────────────────────────────────────┘ -┌─ ADDITIONAL NAVIGATION ─────────────────────────────────────────┐ -│ ## Events │ -│ Robot Events │ -│ │ -│ ## Policies │ -│ Terms And Conditions │ -└─────────────────────────────────────────────────────────────────┘ - ┌─ FOOTER ────────────────────────────────────────────────────────┐ │ • Discord Link │ │ • YouTube Link │ @@ -177,8 +171,7 @@ This wireframe shows the visual layout structure of the Orionrobots archive page 4. Featured posts section (first 4 posts with full details) 5. Additional posts section (remaining posts with title/date only) 6. Book promotion sidebar (multiple books, persistent throughout page) -7. Additional navigation (events, policies) -8. Footer with links & copyright +7. Footer with links & copyright **Post Display Format**: - **Featured Posts (first 4)**: Thumbnail image, date, title, excerpt text, "more..." link From 25fc088d2c96931e29076249217da719c6117e9e Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 3 Sep 2025 08:12:38 +0000 Subject: [PATCH 6/9] Update wireframe to use consistent boxes-within-boxes style and remove Bootstrap class names Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- docs/archive-page-wireframe.md | 282 ++++++++++++++++++--------------- 1 file changed, 156 insertions(+), 126 deletions(-) diff --git a/docs/archive-page-wireframe.md b/docs/archive-page-wireframe.md index 1c99f389..45254eb0 100644 --- a/docs/archive-page-wireframe.md +++ b/docs/archive-page-wireframe.md @@ -5,82 +5,95 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ## Desktop Layout View (Full Page Structure) ``` -┌───────────────────────────────────────────────────────────────────┐ -│ HEADER (Above the Fold) │ -├───────────────────────────────────────────────────────────────────┤ -│ 🏠 Orionrobots [Menu] [Menu] [Menu] [Menu] [Search Box] │ ← Navigation Bar -├───────────────────────────────────────────────────────────────────┤ +┌─────────────────────────────────────────────────────────────────────┐ +│ ┌─ HEADER ──────────────────────────────────────────────────────┐ │ +│ │ 🏠 Orionrobots [Menu] [Menu] [Menu] [Menu] [Search Box] │ │ ← Navigation Bar +│ └───────────────────────────────────────────────────────────────┘ │ +│ │ +│ ┌─ MAIN CONTENT AREA (Two Column Layout) ──────────────────────┐ │ +│ │ │ │ +│ │ ┌─ CONTENT COLUMN ──────────────┐ ┌─ SIDEBAR ─────────────┐ │ │ +│ │ │ │ │ │ │ │ +│ │ │ ┌─ SOCIAL SHARING ──────────┐ │ │ ┌─ BOOK CARD 1 ─────┐ │ │ │ ← Social Sharing | Book Sidebar +│ │ │ │ [🔗📧📱] │ │ │ │ [📚] Robotics │ │ │ │ +│ │ │ └───────────────────────────┘ │ │ │ at Home with │ │ │ │ +│ │ │ │ │ │ Raspberry Pi Pico │ │ │ │ +│ │ │ ┌─ PAGE TITLE ──────────────┐ │ │ │ │ │ │ │ ← Page Title | Book Promotion +│ │ │ │ TITLE: Robot Building │ │ │ │ [Book Cover] │ │ │ │ +│ │ │ └───────────────────────────┘ │ │ │ Learn to build │ │ │ │ +│ │ │ │ │ │ robots at home │ │ │ │ +│ │ │ ┌─ FEATURED POSTS ──────────┐ │ │ │ [Buy Now] │ │ │ │ +│ │ │ │ │ │ │ └───────────────────┘ │ │ │ +│ │ │ │ ┌─ POST 1 ──────────────┐ │ │ │ │ │ │ ← Featured Post Item +│ │ │ │ │ [📷] 30 Aug 2025 » │ │ │ │ ┌─ BOOK CARD 2 ─────┐ │ │ │ +│ │ │ │ │ Building Your First │ │ │ │ │ [📚] Learn │ │ │ │ +│ │ │ │ │ Robot │ │ │ │ │ Robotics │ │ │ │ +│ │ │ │ │ A comprehensive guide │ │ │ │ │ Programming │ │ │ │ +│ │ │ │ │ to getting started... │ │ │ │ │ 2nd Edition │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ │ │ │ +│ │ │ │ └───────────────────────┘ │ │ │ │ │ [Book Cover] │ │ │ │ +│ │ │ │ │ │ │ │ │ Build and control │ │ │ │ +│ │ │ │ ┌─ POST 2 ──────────────┐ │ │ │ │ │ robots with Pi │ │ │ │ +│ │ │ │ │ [📷] 25 Aug 2025 » │ │ │ │ │ and Python 3 │ │ │ │ +│ │ │ │ │ Advanced Motor │ │ │ │ │ [Buy Now] │ │ │ │ +│ │ │ │ │ Control for Robotics │ │ │ │ │ └───────────────────┘ │ │ │ +│ │ │ │ │ Deep dive into servo │ │ │ │ │ │ │ │ +│ │ │ │ │ and stepper motor... │ │ │ │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ │ │ +│ │ │ │ └───────────────────────┘ │ │ │ └─────────────────────┘ │ │ +│ │ │ │ │ │ │ │ │ +│ │ │ │ ┌─ POST 3 ──────────────┐ │ │ │ │ │ ← Featured Post Item +│ │ │ │ │ [📷] 20 Aug 2025 » │ │ │ │ │ +│ │ │ │ │ Sensor Integration │ │ │ │ │ +│ │ │ │ │ Made Easy │ │ │ │ │ +│ │ │ │ │ Learn how to integrate│ │ │ │ │ +│ │ │ │ │ various sensors... │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ +│ │ │ │ └───────────────────────┘ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ +│ │ │ │ ┌─ POST 4 ──────────────┐ │ │ │ │ │ ← Featured Post Item +│ │ │ │ │ [📷] 15 Aug 2025 » │ │ │ │ │ +│ │ │ │ │ Robot Programming │ │ │ │ │ +│ │ │ │ │ Fundamentals │ │ │ │ │ +│ │ │ │ │ Master the basics of │ │ │ │ │ +│ │ │ │ │ programming robots... │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ +│ │ │ │ └───────────────────────┘ │ │ │ │ │ +│ │ │ └───────────────────────────┘ │ │ │ │ +│ │ │ │ │ │ │ +│ │ │ ┌─ ADDITIONAL POSTS ────────┐ │ │ │ │ +│ │ │ │ 10 Aug 2025 » Robot │ │ │ │ │ ← Additional Post Item +│ │ │ │ Chassis Design Tips │ │ │ │ │ +│ │ │ │ │ │ │ │ │ +│ │ │ │ 05 Aug 2025 » Power │ │ │ │ │ ← Additional Post Item +│ │ │ │ Supply Considerations │ │ │ │ │ +│ │ │ │ │ │ │ │ │ +│ │ │ │ 01 Aug 2025 » Wireless │ │ │ │ │ ← Additional Post Item +│ │ │ │ Robot Communication │ │ │ │ │ +│ │ │ │ │ │ │ │ │ +│ │ │ │ 28 Jul 2025 » 3D Printing │ │ │ │ │ ← Additional Post Item +│ │ │ │ Robot Parts │ │ │ │ │ +│ │ │ │ │ │ │ │ │ +│ │ │ │ 25 Jul 2025 » Arduino vs │ │ │ │ │ ← Additional Post Item +│ │ │ │ Raspberry Pi │ │ │ │ │ +│ │ │ │ │ │ │ │ │ +│ │ │ │ 20 Jul 2025 » Robot │ │ │ │ │ ← Additional Post Item +│ │ │ │ Safety Guidelines │ │ │ │ │ +│ │ │ └───────────────────────────┘ │ │ │ │ +│ │ └───────────────────────────────┘ └─────────────────────────┘ │ +│ └───────────────────────────────────────────────────────────────┘ │ │ │ -│ MAIN CONTENT AREA (Two Column Layout) │ -├─────────────────────────────────────────────┬─────────────────────┤ -│ CONTENT COLUMN (col-md-8) │ SIDEBAR (col-md-4) │ -├─────────────────────────────────────────────┼─────────────────────┤ -│ [🔗📧📱] │ ┌─────────────────┐ │ ← Social Sharing | Book Sidebar -│ │ │ [📚] Robotics │ │ -├─────────────────────────────────────────────┤ │ at Home with │ │ ← Page Title | Book Promotion -│ TITLE: Robot Building │ │ Raspberry Pi │ │ -│ FEATURED POSTS (First 4 with excerpts) │ │ Pico │ │ -├─────────────────────────────────────────────┤ │ │ │ -│ [📷] 30 Aug 2025 » Building Your First │ │ [Book Cover] │ │ ← Featured Post Item -│ Robot │ │ Learn to build │ │ -│ A comprehensive guide to getting │ │ robots at home │ │ -│ started with robot building using │ │ [Buy Now] │ │ -│ basic components and tools... │ └─────────────────┘ │ -│ [more...] │ │ -├─────────────────────────────────────────────┤ ┌─────────────────┐ │ ← Featured Post Item -│ [📷] 25 Aug 2025 » Advanced Motor Control │ │ [📚] Learn │ │ -│ for Robotics │ │ Robotics │ │ -│ Deep dive into servo and stepper │ │ Programming │ │ -│ motor control techniques for precise │ │ 2nd Edition │ │ -│ robot movement... │ │ │ │ -│ [more...] │ │ [Book Cover] │ │ -├─────────────────────────────────────────────┤ │ Build and │ │ ← Featured Post Item -│ [📷] 20 Aug 2025 » Sensor Integration │ │ control robots │ │ -│ Made Easy │ │ with Pi and │ │ -│ Learn how to integrate various │ │ Python 3 │ │ -│ sensors into your robot projects │ │ [Buy Now] │ │ -│ for enhanced functionality... │ └─────────────────┘ │ -│ [more...] │ │ -├─────────────────────────────────────────────┼─────────────────────┤ -│ [📷] 15 Aug 2025 » Robot Programming │ │ ← Featured Post Item -│ Fundamentals │ │ -│ Master the basics of programming │ │ -│ robots with clear examples and │ │ -│ practical exercises... │ │ -│ [more...] │ │ -├─────────────────────────────────────────────┼─────────────────────┤ -│ │ │ -│ ADDITIONAL POSTS (Title and Date Only) │ │ -├─────────────────────────────────────────────┼─────────────────────┤ -│ 10 Aug 2025 » Robot Chassis Design Tips │ │ ← Additional Post Item -├─────────────────────────────────────────────┼─────────────────────┤ -│ 05 Aug 2025 » Power Supply Considerations │ │ ← Additional Post Item -├─────────────────────────────────────────────┼─────────────────────┤ -│ 01 Aug 2025 » Wireless Robot Communication │ │ ← Additional Post Item -├─────────────────────────────────────────────┼─────────────────────┤ -│ 28 Jul 2025 » 3D Printing Robot Parts │ │ ← Additional Post Item -├─────────────────────────────────────────────┼─────────────────────┤ -│ 25 Jul 2025 » Arduino vs Raspberry Pi │ │ ← Additional Post Item -├─────────────────────────────────────────────┼─────────────────────┤ -│ 20 Jul 2025 » Robot Safety Guidelines │ │ ← Additional Post Item -├─────────────────────────────────────────────┼─────────────────────┤ -│ │ │ -│ │ │ ← End of Sidebar -│ │ │ -│ │ │ -│ │ │ -│ │ │ ← Bottom of Content -├─────────────────────────────────────────────┴─────────────────────┤ -│ FOOTER (Below the Fold) │ -├───────────────────────────────────────────────────────────────────┤ -│ 💬 Discuss robot building on Our Discord Server! │ ← Social Links -│ 📺 Youtube │ -│ 📘 Facebook │ -│ 🔒 Privacy and Cookies │ ├───────────────────────────────────────────────────────────────────┤ -│ © 2025 OrionRobots. Orionrobots is a registered trademark. │ ← Copyright -│ with help from Bootstrap │ -└───────────────────────────────────────────────────────────────────┘ +│ ┌─ FOOTER ──────────────────────────────────────────────────────┐ │ +│ │ 💬 Discuss robot building on Our Discord Server! │ │ ← Social Links +│ │ 📺 Youtube │ │ +│ │ 📘 Facebook │ │ +│ │ 🔒 Privacy and Cookies │ │ +│ │ │ │ +│ │ © 2025 OrionRobots. Orionrobots is a registered trademark. │ │ ← Copyright +│ │ with help from Bootstrap │ │ +│ └───────────────────────────────────────────────────────────────┘ │ +└─────────────────────────────────────────────────────────────────────┘ ``` ## Layout Sections Breakdown @@ -93,25 +106,28 @@ This wireframe shows the visual layout structure of the Orionrobots archive page └─────────────────────────────────────────────────────────────────┘ ┌─ TWO COLUMN LAYOUT ─────────────────────────────────────────────┐ -│ CONTENT (col-md-8) │ SIDEBAR (col-md-4) │ -│ │ │ -│ ┌─ SOCIAL ROW ──────────┐ │ ┌─ BOOK SIDEBAR ─────────────────┐ │ -│ │ [📧📱] │ │ │ ┌─ BOOK CARD 1 ──────────────┐ │ │ -│ └───────────────────────┘ │ │ │ [📚] Robotics at Home with │ │ │ -│ │ │ │ Raspberry Pi Pico │ │ │ -│ ┌─ PAGE HEADER ─────────┐ │ │ │ [Book Cover Image] │ │ │ -│ │ TITLE: Robot Building │ │ │ │ Learn to build robots... │ │ │ -│ └───────────────────────┘ │ │ │ [Buy Now Button] │ │ │ -│ │ │ └─────────────────────────────┘ │ │ -│ │ │ │ │ -│ │ │ ┌─ BOOK CARD 2 ──────────────┐ │ │ -│ │ │ │ [📚] Learn Robotics │ │ │ -│ │ │ │ Programming 2nd Ed │ │ │ -│ │ │ │ [Book Cover Image] │ │ │ -│ │ │ │ Build and control robots │ │ │ -│ │ │ │ [Buy Now Button] │ │ │ -│ │ │ └─────────────────────────────┘ │ │ -│ │ └─────────────────────────────────┘ │ +│ ┌─ CONTENT AREA ──────────────┐ ┌─ SIDEBAR ─────────────────┐ │ +│ │ │ │ │ │ +│ │ ┌─ SOCIAL ROW ────────────┐ │ │ ┌─ BOOK SIDEBAR ─────────┐ │ │ +│ │ │ [📧📱] │ │ │ │ │ │ │ +│ │ └─────────────────────────┘ │ │ │ ┌─ BOOK CARD 1 ───────┐ │ │ │ +│ │ │ │ │ │ [📚] Robotics at │ │ │ │ +│ │ ┌─ PAGE HEADER ───────────┐ │ │ │ │ Home with Raspberry │ │ │ │ +│ │ │ TITLE: Robot Building │ │ │ │ │ Pi Pico │ │ │ │ +│ │ └─────────────────────────┘ │ │ │ │ [Book Cover Image] │ │ │ │ +│ │ │ │ │ │ Learn to build... │ │ │ │ +│ │ │ │ │ │ [Buy Now Button] │ │ │ │ +│ │ │ │ │ └─────────────────────┘ │ │ │ +│ │ │ │ │ │ │ │ +│ │ │ │ │ ┌─ BOOK CARD 2 ───────┐ │ │ │ +│ │ │ │ │ │ [📚] Learn Robotics │ │ │ │ +│ │ │ │ │ │ Programming 2nd Ed │ │ │ │ +│ │ │ │ │ │ [Book Cover Image] │ │ │ │ +│ │ │ │ │ │ Build and control... │ │ │ │ +│ │ │ │ │ │ [Buy Now Button] │ │ │ │ +│ │ │ │ │ └─────────────────────┘ │ │ │ +│ │ │ │ └─────────────────────────┘ │ │ +│ └─────────────────────────────┘ └───────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘ ``` @@ -119,50 +135,64 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ``` ┌─ FEATURED POSTS SECTION ────────────────────────────────────────┐ -│ ## First 4 Posts (with thumbnails and excerpts) │ -│ │ -│ [Thumb] Date » Title │ -│ Post excerpt text describing the content... │ -│ [more...] │ -│ │ -│ [Thumb] Date » Title │ -│ Post excerpt text describing the content... │ -│ [more...] │ -│ │ -│ [Thumb] Date » Title │ -│ Post excerpt text describing the content... │ -│ [more...] │ -│ │ -│ [Thumb] Date » Title │ -│ Post excerpt text describing the content... │ -│ [more...] │ +│ ┌─ First 4 Posts (with thumbnails and excerpts) ─────────────┐ │ +│ │ │ │ +│ │ ┌─ POST CARD 1 ─────────────────────────────────────────┐ │ │ +│ │ │ [Thumb] Date » Title │ │ │ +│ │ │ Post excerpt text describing the content... │ │ │ +│ │ │ [more...] │ │ │ +│ │ └───────────────────────────────────────────────────────┘ │ │ +│ │ │ │ +│ │ ┌─ POST CARD 2 ─────────────────────────────────────────┐ │ │ +│ │ │ [Thumb] Date » Title │ │ │ +│ │ │ Post excerpt text describing the content... │ │ │ +│ │ │ [more...] │ │ │ +│ │ └───────────────────────────────────────────────────────┘ │ │ +│ │ │ │ +│ │ ┌─ POST CARD 3 ─────────────────────────────────────────┐ │ │ +│ │ │ [Thumb] Date » Title │ │ │ +│ │ │ Post excerpt text describing the content... │ │ │ +│ │ │ [more...] │ │ │ +│ │ └───────────────────────────────────────────────────────┘ │ │ +│ │ │ │ +│ │ ┌─ POST CARD 4 ─────────────────────────────────────────┐ │ │ +│ │ │ [Thumb] Date » Title │ │ │ +│ │ │ Post excerpt text describing the content... │ │ │ +│ │ │ [more...] │ │ │ +│ │ └───────────────────────────────────────────────────────┘ │ │ +│ └─────────────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘ ┌─ ADDITIONAL POSTS SECTION ──────────────────────────────────────┐ -│ ## Remaining Posts (title and date only) │ -│ │ -│ Date » Title Link │ -│ Date » Title Link │ -│ Date » Title Link │ -│ Date » Title Link │ -│ Date » Title Link │ -│ Date » Title Link │ -│ ... │ +│ ┌─ Remaining Posts (title and date only) ────────────────────┐ │ +│ │ │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ ... │ │ +│ └─────────────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘ ┌─ FOOTER ────────────────────────────────────────────────────────┐ -│ • Discord Link │ -│ • YouTube Link │ -│ • Facebook Link │ -│ • Privacy & Cookies Link │ -│ │ -│ © Year OrionRobots | Powered by Bootstrap │ +│ ┌─ Social Links ──────────────────────────────────────────────┐ │ +│ │ • Discord Link │ │ +│ │ • YouTube Link │ │ +│ │ • Facebook Link │ │ +│ │ • Privacy & Cookies Link │ │ +│ └─────────────────────────────────────────────────────────────┘ │ +│ │ +│ ┌─ Copyright Info ────────────────────────────────────────────┐ │ +│ │ © Year OrionRobots | Powered by Bootstrap │ │ +│ └─────────────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘ ``` ## Key Layout Characteristics -**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. +**Two-Column Design**: Unlike the front page, archive pages use a sidebar layout with main content area and sidebar. The layout is width-constrained in the middle against an image background. **Content Hierarchy**: 1. Navigation & Branding (sticky header) From c7f06cbbf83ac444b63bbe5144019440ece1e80f Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 3 Sep 2025 08:53:58 +0000 Subject: [PATCH 7/9] Fix vertical bar alignment inconsistencies throughout the wireframe Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- docs/archive-page-wireframe.md | 46 +++++++++++++++++----------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/docs/archive-page-wireframe.md b/docs/archive-page-wireframe.md index 45254eb0..d7fc1e79 100644 --- a/docs/archive-page-wireframe.md +++ b/docs/archive-page-wireframe.md @@ -36,29 +36,29 @@ This wireframe shows the visual layout structure of the Orionrobots archive page │ │ │ │ ┌─ POST 2 ──────────────┐ │ │ │ │ │ robots with Pi │ │ │ │ │ │ │ │ │ [📷] 25 Aug 2025 » │ │ │ │ │ and Python 3 │ │ │ │ │ │ │ │ │ Advanced Motor │ │ │ │ │ [Buy Now] │ │ │ │ -│ │ │ │ │ Control for Robotics │ │ │ │ │ └───────────────────┘ │ │ │ -│ │ │ │ │ Deep dive into servo │ │ │ │ │ │ │ │ -│ │ │ │ │ and stepper motor... │ │ │ │ │ │ │ │ -│ │ │ │ │ [more...] │ │ │ │ │ │ │ │ -│ │ │ │ └───────────────────────┘ │ │ │ └─────────────────────┘ │ │ -│ │ │ │ │ │ │ │ │ -│ │ │ │ ┌─ POST 3 ──────────────┐ │ │ │ │ │ ← Featured Post Item -│ │ │ │ │ [📷] 20 Aug 2025 » │ │ │ │ │ -│ │ │ │ │ Sensor Integration │ │ │ │ │ -│ │ │ │ │ Made Easy │ │ │ │ │ -│ │ │ │ │ Learn how to integrate│ │ │ │ │ -│ │ │ │ │ various sensors... │ │ │ │ │ -│ │ │ │ │ [more...] │ │ │ │ │ -│ │ │ │ └───────────────────────┘ │ │ │ │ │ -│ │ │ │ │ │ │ │ │ -│ │ │ │ ┌─ POST 4 ──────────────┐ │ │ │ │ │ ← Featured Post Item -│ │ │ │ │ [📷] 15 Aug 2025 » │ │ │ │ │ -│ │ │ │ │ Robot Programming │ │ │ │ │ -│ │ │ │ │ Fundamentals │ │ │ │ │ -│ │ │ │ │ Master the basics of │ │ │ │ │ -│ │ │ │ │ programming robots... │ │ │ │ │ -│ │ │ │ │ [more...] │ │ │ │ │ -│ │ │ │ └───────────────────────┘ │ │ │ │ │ +│ │ │ │ │ Control for Robotics │ │ │ │ └───────────────────┘ │ │ │ +│ │ │ │ │ Deep dive into servo │ │ │ │ │ │ +│ │ │ │ │ and stepper motor... │ │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ +│ │ │ │ └───────────────────────┘ │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ ┌─ POST 3 ──────────────┐ │ │ │ │ │ │ ← Featured Post Item +│ │ │ │ │ [📷] 20 Aug 2025 » │ │ │ │ │ │ +│ │ │ │ │ Sensor Integration │ │ │ │ │ │ +│ │ │ │ │ Made Easy │ │ │ │ │ │ +│ │ │ │ │ Learn how to integrate│ │ │ │ │ │ +│ │ │ │ │ various sensors... │ │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ +│ │ │ │ └───────────────────────┘ │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ ┌─ POST 4 ──────────────┐ │ │ │ │ │ │ ← Featured Post Item +│ │ │ │ │ [📷] 15 Aug 2025 » │ │ │ │ │ │ +│ │ │ │ │ Robot Programming │ │ │ │ │ │ +│ │ │ │ │ Fundamentals │ │ │ │ │ │ +│ │ │ │ │ Master the basics of │ │ │ │ │ │ +│ │ │ │ │ programming robots... │ │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ +│ │ │ │ └───────────────────────┘ │ │ │ │ │ │ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ │ │ │ │ │ │ │ │ ┌─ ADDITIONAL POSTS ────────┐ │ │ │ │ From b89a977ae6199ec007610fe12b92ad042fee9c4b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 3 Sep 2025 09:17:50 +0000 Subject: [PATCH 8/9] Fix missing horizontal bars in POST 3 and POST 4 box headers Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- docs/archive-page-wireframe.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/archive-page-wireframe.md b/docs/archive-page-wireframe.md index d7fc1e79..3852516a 100644 --- a/docs/archive-page-wireframe.md +++ b/docs/archive-page-wireframe.md @@ -24,41 +24,41 @@ This wireframe shows the visual layout structure of the Orionrobots archive page │ │ │ │ │ │ robots at home │ │ │ │ │ │ │ ┌─ FEATURED POSTS ──────────┐ │ │ │ [Buy Now] │ │ │ │ │ │ │ │ │ │ │ └───────────────────┘ │ │ │ -│ │ │ │ ┌─ POST 1 ──────────────┐ │ │ │ │ │ │ ← Featured Post Item +│ │ │ │ ┌─ POST 1 ──────────────────┐ │ │ │ │ │ │ ← Featured Post Item │ │ │ │ │ [📷] 30 Aug 2025 » │ │ │ │ ┌─ BOOK CARD 2 ─────┐ │ │ │ │ │ │ │ │ Building Your First │ │ │ │ │ [📚] Learn │ │ │ │ │ │ │ │ │ Robot │ │ │ │ │ Robotics │ │ │ │ │ │ │ │ │ A comprehensive guide │ │ │ │ │ Programming │ │ │ │ │ │ │ │ │ to getting started... │ │ │ │ │ 2nd Edition │ │ │ │ │ │ │ │ │ [more...] │ │ │ │ │ │ │ │ │ -│ │ │ │ └───────────────────────┘ │ │ │ │ │ [Book Cover] │ │ │ │ +│ │ │ │ └───────────────────────────┘ │ │ │ │ │ [Book Cover] │ │ │ │ │ │ │ │ │ │ │ │ │ Build and control │ │ │ │ -│ │ │ │ ┌─ POST 2 ──────────────┐ │ │ │ │ │ robots with Pi │ │ │ │ +│ │ │ │ ┌─ POST 2 ──────────────────┐ │ │ │ │ │ robots with Pi │ │ │ │ │ │ │ │ │ [📷] 25 Aug 2025 » │ │ │ │ │ and Python 3 │ │ │ │ │ │ │ │ │ Advanced Motor │ │ │ │ │ [Buy Now] │ │ │ │ │ │ │ │ │ Control for Robotics │ │ │ │ └───────────────────┘ │ │ │ │ │ │ │ │ Deep dive into servo │ │ │ │ │ │ │ │ │ │ │ and stepper motor... │ │ │ │ │ │ │ │ │ │ │ [more...] │ │ │ │ │ │ -│ │ │ │ └───────────────────────┘ │ │ │ │ │ │ +│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ -│ │ │ │ ┌─ POST 3 ──────────────┐ │ │ │ │ │ │ ← Featured Post Item +│ │ │ │ ┌─ POST 3 ──────────────────┐ │ │ │ │ │ │ ← Featured Post Item │ │ │ │ │ [📷] 20 Aug 2025 » │ │ │ │ │ │ │ │ │ │ │ Sensor Integration │ │ │ │ │ │ │ │ │ │ │ Made Easy │ │ │ │ │ │ │ │ │ │ │ Learn how to integrate│ │ │ │ │ │ │ │ │ │ │ various sensors... │ │ │ │ │ │ │ │ │ │ │ [more...] │ │ │ │ │ │ -│ │ │ │ └───────────────────────┘ │ │ │ │ │ │ +│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ -│ │ │ │ ┌─ POST 4 ──────────────┐ │ │ │ │ │ │ ← Featured Post Item +│ │ │ │ ┌─ POST 4 ──────────────────┐ │ │ │ │ │ │ ← Featured Post Item │ │ │ │ │ [📷] 15 Aug 2025 » │ │ │ │ │ │ │ │ │ │ │ Robot Programming │ │ │ │ │ │ │ │ │ │ │ Fundamentals │ │ │ │ │ │ │ │ │ │ │ Master the basics of │ │ │ │ │ │ │ │ │ │ │ programming robots... │ │ │ │ │ │ │ │ │ │ │ [more...] │ │ │ │ │ │ -│ │ │ │ └───────────────────────┘ │ │ │ │ │ │ +│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ │ │ │ │ │ │ │ │ ┌─ ADDITIONAL POSTS ────────┐ │ │ │ │ From ad12ac2c21f2fa1ea7e877fc52325418f90dcf5e Mon Sep 17 00:00:00 2001 From: Danny Staple Date: Wed, 3 Sep 2025 15:48:55 +0100 Subject: [PATCH 9/9] Revise archive page wireframe layout Updated the wireframe layout for the archive page, including changes to the header, main content area, and footer sections. --- docs/archive-page-wireframe.md | 262 ++++++++++++++++----------------- 1 file changed, 131 insertions(+), 131 deletions(-) diff --git a/docs/archive-page-wireframe.md b/docs/archive-page-wireframe.md index 3852516a..7c2be42f 100644 --- a/docs/archive-page-wireframe.md +++ b/docs/archive-page-wireframe.md @@ -6,93 +6,93 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ``` ┌─────────────────────────────────────────────────────────────────────┐ -│ ┌─ HEADER ──────────────────────────────────────────────────────┐ │ -│ │ 🏠 Orionrobots [Menu] [Menu] [Menu] [Menu] [Search Box] │ │ ← Navigation Bar -│ └───────────────────────────────────────────────────────────────┘ │ -│ │ -│ ┌─ MAIN CONTENT AREA (Two Column Layout) ──────────────────────┐ │ -│ │ │ │ -│ │ ┌─ CONTENT COLUMN ──────────────┐ ┌─ SIDEBAR ─────────────┐ │ │ -│ │ │ │ │ │ │ │ -│ │ │ ┌─ SOCIAL SHARING ──────────┐ │ │ ┌─ BOOK CARD 1 ─────┐ │ │ │ ← Social Sharing | Book Sidebar -│ │ │ │ [🔗📧📱] │ │ │ │ [📚] Robotics │ │ │ │ -│ │ │ └───────────────────────────┘ │ │ │ at Home with │ │ │ │ -│ │ │ │ │ │ Raspberry Pi Pico │ │ │ │ -│ │ │ ┌─ PAGE TITLE ──────────────┐ │ │ │ │ │ │ │ ← Page Title | Book Promotion -│ │ │ │ TITLE: Robot Building │ │ │ │ [Book Cover] │ │ │ │ -│ │ │ └───────────────────────────┘ │ │ │ Learn to build │ │ │ │ -│ │ │ │ │ │ robots at home │ │ │ │ -│ │ │ ┌─ FEATURED POSTS ──────────┐ │ │ │ [Buy Now] │ │ │ │ -│ │ │ │ │ │ │ └───────────────────┘ │ │ │ +│ ┌─ HEADER ────────────────────────────────────────────────────────┐ │ +│ │ 🏠 Orionrobots [Menu] [Menu] [Menu] [Menu] [Search Box] │ │ ← Navigation Bar +│ └─────────────────────────────────────────────────────────────────┘ │ +│ │ +│ ┌─ MAIN CONTENT AREA (Two Column Layout) ─────────────────────────┐ │ +│ │ │ │ +│ │ ┌─ CONTENT COLUMN ──────────────────┐ ┌─ SIDEBAR ─────────────┐ │ │ +│ │ │ │ │ │ │ │ +│ │ │ ┌─ SOCIAL SHARING ──────────────┐ │ │ ┌─ BOOK CARD 1 ─────┐ │ │ │ ← Social Sharing | Book Sidebar +│ │ │ │ [🔗📧📱] │ │ │ │ [📚] Robotics │ │ │ │ +│ │ │ └───────────────────────────────┘ │ │ │ at Home with │ │ │ │ +│ │ │ │ │ │ Raspberry Pi Pico │ │ │ │ +│ │ │ ┌─ PAGE TITLE ──────────────────┐ │ │ │ │ │ │ │ ← Page Title | Book Promotion +│ │ │ │ TITLE: Robot Building │ │ │ │ [Book Cover] │ │ │ │ +│ │ │ └───────────────────────────────┘ │ │ │ Learn to build │ │ │ │ +│ │ │ │ │ │ robots at home │ │ │ │ +│ │ │ ┌─ FEATURED POSTS ──────────────┐ │ │ │ [Buy Now] │ │ │ │ +│ │ │ │ │ │ │ └───────────────────┘ │ │ │ │ │ │ │ ┌─ POST 1 ──────────────────┐ │ │ │ │ │ │ ← Featured Post Item -│ │ │ │ │ [📷] 30 Aug 2025 » │ │ │ │ ┌─ BOOK CARD 2 ─────┐ │ │ │ -│ │ │ │ │ Building Your First │ │ │ │ │ [📚] Learn │ │ │ │ -│ │ │ │ │ Robot │ │ │ │ │ Robotics │ │ │ │ -│ │ │ │ │ A comprehensive guide │ │ │ │ │ Programming │ │ │ │ -│ │ │ │ │ to getting started... │ │ │ │ │ 2nd Edition │ │ │ │ -│ │ │ │ │ [more...] │ │ │ │ │ │ │ │ │ -│ │ │ │ └───────────────────────────┘ │ │ │ │ │ [Book Cover] │ │ │ │ -│ │ │ │ │ │ │ │ │ Build and control │ │ │ │ -│ │ │ │ ┌─ POST 2 ──────────────────┐ │ │ │ │ │ robots with Pi │ │ │ │ -│ │ │ │ │ [📷] 25 Aug 2025 » │ │ │ │ │ and Python 3 │ │ │ │ -│ │ │ │ │ Advanced Motor │ │ │ │ │ [Buy Now] │ │ │ │ -│ │ │ │ │ Control for Robotics │ │ │ │ └───────────────────┘ │ │ │ -│ │ │ │ │ Deep dive into servo │ │ │ │ │ │ -│ │ │ │ │ and stepper motor... │ │ │ │ │ │ -│ │ │ │ │ [more...] │ │ │ │ │ │ -│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ -│ │ │ │ │ │ │ │ │ │ -│ │ │ │ ┌─ POST 3 ──────────────────┐ │ │ │ │ │ │ ← Featured Post Item -│ │ │ │ │ [📷] 20 Aug 2025 » │ │ │ │ │ │ -│ │ │ │ │ Sensor Integration │ │ │ │ │ │ -│ │ │ │ │ Made Easy │ │ │ │ │ │ -│ │ │ │ │ Learn how to integrate│ │ │ │ │ │ -│ │ │ │ │ various sensors... │ │ │ │ │ │ -│ │ │ │ │ [more...] │ │ │ │ │ │ -│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ -│ │ │ │ │ │ │ │ │ │ -│ │ │ │ ┌─ POST 4 ──────────────────┐ │ │ │ │ │ │ ← Featured Post Item -│ │ │ │ │ [📷] 15 Aug 2025 » │ │ │ │ │ │ -│ │ │ │ │ Robot Programming │ │ │ │ │ │ -│ │ │ │ │ Fundamentals │ │ │ │ │ │ -│ │ │ │ │ Master the basics of │ │ │ │ │ │ -│ │ │ │ │ programming robots... │ │ │ │ │ │ -│ │ │ │ │ [more...] │ │ │ │ │ │ -│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ -│ │ │ └───────────────────────────┘ │ │ │ │ -│ │ │ │ │ │ │ -│ │ │ ┌─ ADDITIONAL POSTS ────────┐ │ │ │ │ -│ │ │ │ 10 Aug 2025 » Robot │ │ │ │ │ ← Additional Post Item -│ │ │ │ Chassis Design Tips │ │ │ │ │ -│ │ │ │ │ │ │ │ │ -│ │ │ │ 05 Aug 2025 » Power │ │ │ │ │ ← Additional Post Item -│ │ │ │ Supply Considerations │ │ │ │ │ -│ │ │ │ │ │ │ │ │ -│ │ │ │ 01 Aug 2025 » Wireless │ │ │ │ │ ← Additional Post Item -│ │ │ │ Robot Communication │ │ │ │ │ -│ │ │ │ │ │ │ │ │ -│ │ │ │ 28 Jul 2025 » 3D Printing │ │ │ │ │ ← Additional Post Item -│ │ │ │ Robot Parts │ │ │ │ │ -│ │ │ │ │ │ │ │ │ -│ │ │ │ 25 Jul 2025 » Arduino vs │ │ │ │ │ ← Additional Post Item -│ │ │ │ Raspberry Pi │ │ │ │ │ -│ │ │ │ │ │ │ │ │ -│ │ │ │ 20 Jul 2025 » Robot │ │ │ │ │ ← Additional Post Item -│ │ │ │ Safety Guidelines │ │ │ │ │ -│ │ │ └───────────────────────────┘ │ │ │ │ -│ │ └───────────────────────────────┘ └─────────────────────────┘ │ -│ └───────────────────────────────────────────────────────────────┘ │ -│ │ -├───────────────────────────────────────────────────────────────────┤ -│ ┌─ FOOTER ──────────────────────────────────────────────────────┐ │ -│ │ 💬 Discuss robot building on Our Discord Server! │ │ ← Social Links -│ │ 📺 Youtube │ │ -│ │ 📘 Facebook │ │ -│ │ 🔒 Privacy and Cookies │ │ -│ │ │ │ -│ │ © 2025 OrionRobots. Orionrobots is a registered trademark. │ │ ← Copyright -│ │ with help from Bootstrap │ │ -│ └───────────────────────────────────────────────────────────────┘ │ +│ │ │ │ │ [📷] 30 Aug 2025 » │ │ │ │ ┌─ BOOK CARD 2 ─────┐ │ │ │ +│ │ │ │ │ Building Your First │ │ │ │ │ [📚] Learn │ │ │ │ +│ │ │ │ │ Robot │ │ │ │ │ Robotics │ │ │ │ +│ │ │ │ │ A comprehensive guide │ │ │ │ │ Programming │ │ │ │ +│ │ │ │ │ to getting started... │ │ │ │ │ 2nd Edition │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ │ │ │ +│ │ │ │ └───────────────────────────┘ │ │ │ │ [Book Cover] │ │ │ │ +│ │ │ │ │ │ │ │ Build and control │ │ │ │ +│ │ │ │ ┌─ POST 2 ──────────────────┐ │ │ │ │ robots with Pi │ │ │ │ +│ │ │ │ │ [📷] 25 Aug 2025 » │ │ │ │ │ and Python 3 │ │ │ │ +│ │ │ │ │ Advanced Motor │ │ │ │ │ [Buy Now] │ │ │ │ +│ │ │ │ │ Control for Robotics │ │ │ │ └───────────────────┘ │ │ │ +│ │ │ │ │ Deep dive into servo │ │ │ │ │ │ │ +│ │ │ │ │ and stepper motor... │ │ │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ │ +│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ ┌─ POST 3 ──────────────────┐ │ │ │ │ │ │ ← Featured Post Item +│ │ │ │ │ [📷] 20 Aug 2025 » │ │ │ │ │ │ │ +│ │ │ │ │ Sensor Integration │ │ │ │ │ │ │ +│ │ │ │ │ Made Easy │ │ │ │ │ │ │ +│ │ │ │ │ Learn how to integrate │ │ │ │ │ │ │ +│ │ │ │ │ various sensors... │ │ │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ │ +│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ ┌─ POST 4 ──────────────────┐ │ │ │ │ │ │ ← Featured Post Item +│ │ │ │ │ [📷] 15 Aug 2025 » │ │ │ │ │ │ │ +│ │ │ │ │ Robot Programming │ │ │ │ │ │ │ +│ │ │ │ │ Fundamentals │ │ │ │ │ │ │ +│ │ │ │ │ Master the basics of │ │ │ │ │ │ │ +│ │ │ │ │ programming robots... │ │ │ │ │ │ │ +│ │ │ │ │ [more...] │ │ │ │ │ │ │ +│ │ │ │ └───────────────────────────┘ │ │ │ │ │ │ +│ │ │ └───────────────────────────────┘ │ │ │ │ │ +│ │ │ │ │ │ │ │ +│ │ │ ┌─ ADDITIONAL POSTS ────────────┐ │ │ │ │ │ +│ │ │ │ 10 Aug 2025 » Robot │ │ │ │ │ │ ← Additional Post Item +│ │ │ │ Chassis Design Tips │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ 05 Aug 2025 » Power │ │ │ │ │ │ ← Additional Post Item +│ │ │ │ Supply Considerations │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ 01 Aug 2025 » Wireless │ │ │ │ │ │ ← Additional Post Item +│ │ │ │ Robot Communication │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ 28 Jul 2025 » 3D Printing │ │ │ │ │ │ ← Additional Post Item +│ │ │ │ Robot Parts │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ 25 Jul 2025 » Arduino vs │ │ │ │ │ │ ← Additional Post Item +│ │ │ │ Raspberry Pi │ │ │ │ │ │ +│ │ │ │ │ │ │ │ │ │ +│ │ │ │ 20 Jul 2025 » Robot │ │ │ │ │ │ ← Additional Post Item +│ │ │ │ Safety Guidelines │ │ │ │ │ │ +│ │ │ └───────────────────────────────┘ │ │ │ │ │ +│ │ └───────────────────────────────────┘ └───────────────────────┘ │ │ +│ └─────────────────────────────────────────────────────────────────┘ │ +│ │ +├─────────────────────────────────────────────────────────────────────┤ +│ ┌─ FOOTER ────────────────────────────────────────────────────────┐ │ +│ │ 💬 Discuss robot building on Our Discord Server! │ │ ← Social Links +│ │ 📺 Youtube │ │ +│ │ 📘 Facebook │ │ +│ │ 🔒 Privacy and Cookies │ │ +│ │ │ │ +│ │ © 2025 OrionRobots. Orionrobots is a registered trademark. │ │ ← Copyright +│ │ with help from Bootstrap │ │ +│ └─────────────────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────────┘ ``` @@ -101,33 +101,33 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ### Above the Fold (Initially Visible) ``` -┌─ NAVIGATION BAR ─────────────────────────────────────────────────┐ +┌─ NAVIGATION BAR ────────────────────────────────────────────────┐ │ Logo + Brand Name | Menu Items | Search Box │ └─────────────────────────────────────────────────────────────────┘ ┌─ TWO COLUMN LAYOUT ─────────────────────────────────────────────┐ -│ ┌─ CONTENT AREA ──────────────┐ ┌─ SIDEBAR ─────────────────┐ │ -│ │ │ │ │ │ -│ │ ┌─ SOCIAL ROW ────────────┐ │ │ ┌─ BOOK SIDEBAR ─────────┐ │ │ +│ ┌─ CONTENT AREA ──────────────┐ ┌─ SIDEBAR ───────────────────┐ │ +│ │ │ │ │ │ +│ │ ┌─ SOCIAL ROW ────────────┐ │ │ ┌─ BOOK SIDEBAR ──────────┐ │ │ │ │ │ [📧📱] │ │ │ │ │ │ │ │ │ └─────────────────────────┘ │ │ │ ┌─ BOOK CARD 1 ───────┐ │ │ │ -│ │ │ │ │ │ [📚] Robotics at │ │ │ │ -│ │ ┌─ PAGE HEADER ───────────┐ │ │ │ │ Home with Raspberry │ │ │ │ -│ │ │ TITLE: Robot Building │ │ │ │ │ Pi Pico │ │ │ │ -│ │ └─────────────────────────┘ │ │ │ │ [Book Cover Image] │ │ │ │ -│ │ │ │ │ │ Learn to build... │ │ │ │ -│ │ │ │ │ │ [Buy Now Button] │ │ │ │ +│ │ │ │ │ │ [📚] Robotics at │ │ │ │ +│ │ ┌─ PAGE HEADER ───────────┐ │ │ │ │ Home with Raspberry │ │ │ │ +│ │ │ TITLE: Robot Building │ │ │ │ │ Pi Pico │ │ │ │ +│ │ └─────────────────────────┘ │ │ │ │ [Book Cover Image] │ │ │ │ +│ │ │ │ │ │ Learn to build... │ │ │ │ +│ │ │ │ │ │ [Buy Now Button] │ │ │ │ │ │ │ │ │ └─────────────────────┘ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ ┌─ BOOK CARD 2 ───────┐ │ │ │ -│ │ │ │ │ │ [📚] Learn Robotics │ │ │ │ -│ │ │ │ │ │ Programming 2nd Ed │ │ │ │ -│ │ │ │ │ │ [Book Cover Image] │ │ │ │ -│ │ │ │ │ │ Build and control... │ │ │ │ -│ │ │ │ │ │ [Buy Now Button] │ │ │ │ +│ │ │ │ │ │ [📚] Learn Robotics │ │ │ │ +│ │ │ │ │ │ Programming 2nd Ed │ │ │ │ +│ │ │ │ │ │ [Book Cover Image] │ │ │ │ +│ │ │ │ │ │ Build and control...│ │ │ │ +│ │ │ │ │ │ [Buy Now Button] │ │ │ │ │ │ │ │ │ └─────────────────────┘ │ │ │ │ │ │ │ └─────────────────────────┘ │ │ -│ └─────────────────────────────┘ └───────────────────────────┘ │ +│ └─────────────────────────────┘ └─────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘ ``` @@ -135,44 +135,44 @@ This wireframe shows the visual layout structure of the Orionrobots archive page ``` ┌─ FEATURED POSTS SECTION ────────────────────────────────────────┐ -│ ┌─ First 4 Posts (with thumbnails and excerpts) ─────────────┐ │ +│ ┌─ First 4 Posts (with thumbnails and excerpts) ──────────────┐ │ │ │ │ │ -│ │ ┌─ POST CARD 1 ─────────────────────────────────────────┐ │ │ -│ │ │ [Thumb] Date » Title │ │ │ -│ │ │ Post excerpt text describing the content... │ │ │ -│ │ │ [more...] │ │ │ -│ │ └───────────────────────────────────────────────────────┘ │ │ +│ │ ┌─ POST CARD 1 ───────────────────────────────────────────┐ │ │ +│ │ │ [Thumb] Date » Title │ │ │ +│ │ │ Post excerpt text describing the content... │ │ │ +│ │ │ [more...] │ │ │ +│ │ └─────────────────────────────────────────────────────────┘ │ │ │ │ │ │ -│ │ ┌─ POST CARD 2 ─────────────────────────────────────────┐ │ │ -│ │ │ [Thumb] Date » Title │ │ │ -│ │ │ Post excerpt text describing the content... │ │ │ -│ │ │ [more...] │ │ │ -│ │ └───────────────────────────────────────────────────────┘ │ │ +│ │ ┌─ POST CARD 2 ───────────────────────────────────────────┐ │ │ +│ │ │ [Thumb] Date » Title │ │ │ +│ │ │ Post excerpt text describing the content... │ │ │ +│ │ │ [more...] │ │ │ +│ │ └─────────────────────────────────────────────────────────┘ │ │ │ │ │ │ -│ │ ┌─ POST CARD 3 ─────────────────────────────────────────┐ │ │ -│ │ │ [Thumb] Date » Title │ │ │ -│ │ │ Post excerpt text describing the content... │ │ │ -│ │ │ [more...] │ │ │ -│ │ └───────────────────────────────────────────────────────┘ │ │ +│ │ ┌─ POST CARD 3 ───────────────────────────────────────────┐ │ │ +│ │ │ [Thumb] Date » Title │ │ │ +│ │ │ Post excerpt text describing the content... │ │ │ +│ │ │ [more...] │ │ │ +│ │ └─────────────────────────────────────────────────────────┘ │ │ │ │ │ │ -│ │ ┌─ POST CARD 4 ─────────────────────────────────────────┐ │ │ -│ │ │ [Thumb] Date » Title │ │ │ -│ │ │ Post excerpt text describing the content... │ │ │ -│ │ │ [more...] │ │ │ -│ │ └───────────────────────────────────────────────────────┘ │ │ +│ │ ┌─ POST CARD 4 ───────────────────────────────────────────┐ │ │ +│ │ │ [Thumb] Date » Title │ │ │ +│ │ │ Post excerpt text describing the content... │ │ │ +│ │ │ [more...] │ │ │ +│ │ └─────────────────────────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘ ┌─ ADDITIONAL POSTS SECTION ──────────────────────────────────────┐ -│ ┌─ Remaining Posts (title and date only) ────────────────────┐ │ +│ ┌─ Remaining Posts (title and date only) ─────────────────────┐ │ │ │ │ │ -│ │ Date » Title Link │ │ -│ │ Date » Title Link │ │ -│ │ Date » Title Link │ │ -│ │ Date » Title Link │ │ -│ │ Date » Title Link │ │ -│ │ Date » Title Link │ │ -│ │ ... │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ Date » Title Link │ │ +│ │ ... │ │ │ └─────────────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘