From 07b21e86471b8582c5fe5f7a0e99d32d26ef2f59 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 30 Aug 2025 20:47:12 +0000 Subject: [PATCH 1/4] Initial plan From 1b2b8f02b4d1f6a3dae8a6ff28e5af6b5d615683 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 30 Aug 2025 20:55:46 +0000 Subject: [PATCH 2/4] Add front page wireframe in docs folder and configure Eleventy to ignore docs Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- .eleventyignore | 1 + docs/front-page-wireframe.md | 162 +++++++++++++++++++++++++++++++++++ 2 files changed, 163 insertions(+) create mode 100644 docs/front-page-wireframe.md diff --git a/.eleventyignore b/.eleventyignore index 54cbec1b..52f2e70c 100644 --- a/.eleventyignore +++ b/.eleventyignore @@ -3,5 +3,6 @@ ./_drafts ./tests ./.github +docs Dockerfile DOCKER_OPTIMIZATION.md diff --git a/docs/front-page-wireframe.md b/docs/front-page-wireframe.md new file mode 100644 index 00000000..c63f7e38 --- /dev/null +++ b/docs/front-page-wireframe.md @@ -0,0 +1,162 @@ +# Front Page Layout Wireframe + +This wireframe describes the layout structure of the Orionrobots front page (index.md) without focusing on specific content. + +## Overall Layout Structure + +The front page uses a Bootstrap-based responsive layout with the following hierarchy: + +``` + + + + + + +
+ + + + +
+
+ + + + + + +

+ +

+ + +
+ +
+ + +
+ +
+
+ +
+ + + +
+ + +``` + +## Header Section Layout + +``` ++------------------------------------------------------------------+ +| NAVIGATION BAR | +| [Logo + "Orionrobots"] [Menu Items...] [Search Box] | ++------------------------------------------------------------------+ +``` + +### Navigation Components: +- **Brand/Logo**: Left-aligned logo with site name +- **Menu Items**: Horizontal navigation menu (collapses on mobile) +- **Search Box**: Right-aligned Google Custom Search + +## Main Content Area Layout + +``` ++------------------------------------------------------------------+ +| TAG ROW | +| [Tags] [Social Sharing Icons] | ++------------------------------------------------------------------+ +| PAGE HEADER | +| Main Title [Optional Tagline] | ++------------------------------------------------------------------+ +| MAIN CONTENT AREA | +| - Introductory text/description | +| - Featured content (book banner, links) | +| - Recent Posts section | +| - Additional sections (Events, Policies, etc.) | ++------------------------------------------------------------------+ +``` + +### Content Sections Structure: +1. **Tag Row**: Horizontal bar with tags and social sharing +2. **Page Header**: Main title with optional tagline +3. **Content Article**: Main content area containing: + - Introduction paragraph + - Featured content (images, links) + - Recent posts list + - Additional navigation sections + +## Recent Posts Section Layout + +``` ++------------------------------------------------------------------+ +| ## Recent Posts | ++------------------------------------------------------------------+ +| [Thumbnail] | Post Date » Post Title | +| | Post excerpt... [more...] | ++------------------------------------------------------------------+ +| [Thumbnail] | Post Date » Post Title | +| | Post excerpt... [more...] | ++------------------------------------------------------------------+ +| ... (up to 6 posts) | ++------------------------------------------------------------------+ +``` + +### Recent Posts Components: +- **Thumbnail**: Left-aligned post image +- **Post Meta**: Date and title as clickable link +- **Excerpt**: Brief post description with "more..." link + +## Footer Section Layout + +``` ++------------------------------------------------------------------+ +| FOOTER NAVIGATION | +| - Discord link | +| - YouTube link | +| - Facebook link | +| - Privacy & Cookies link | ++------------------------------------------------------------------+ +| COPYRIGHT & CREDITS | +| © Year OrionRobots | Powered by Bootstrap | ++------------------------------------------------------------------+ +``` + +## Responsive Behavior + +- **Desktop**: Full width layout (col-md-12) +- **Tablet**: Menu collapses to hamburger button +- **Mobile**: Stacked vertical layout, responsive navigation + +## Layout Differences from Other Pages + +The front page (index layout) differs from other page layouts: + +- **No Sidebar**: Uses full width (col-md-12) instead of col-md-8 with sidebar +- **Custom Content Structure**: Optimized for home page content presentation +- **Featured Content**: Designed to showcase recent posts and key information + +## CSS Framework + +- **Bootstrap 5**: Primary responsive framework +- **Custom CSS**: Additional styling via bundle.js and inline styles +- **Responsive Grid**: Uses Bootstrap's grid system for layout + +## JavaScript Dependencies + +- **bundle.js**: Main JavaScript bundle containing site functionality +- **Google Custom Search**: Search functionality +- **Bootstrap JS**: Navigation and responsive behavior +- **Social Media SDKs**: For social sharing functionality \ No newline at end of file From 0e9a366b5de78d262a87d3cd040e6e697728b794 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 30 Aug 2025 20:59:13 +0000 Subject: [PATCH 3/4] Complete wireframe implementation - verified Eleventy ignores docs folder Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- package-lock.json | 65 ++++++++++++++++++++++++++--------------------- package.json | 2 +- 2 files changed, 37 insertions(+), 30 deletions(-) diff --git a/package-lock.json b/package-lock.json index 9557ed97..18b38bcd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,7 @@ "js-yaml": "^4.1.0" }, "devDependencies": { - "@11ty/eleventy": "^3", + "@11ty/eleventy": "^3.1.2", "@11ty/eleventy-img": "^6.0.4", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@cucumber/cucumber": "^12.1.0", @@ -68,9 +68,9 @@ } }, "node_modules/@11ty/eleventy": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.0.tgz", - "integrity": "sha512-yR8zE+i5GKXTlR4I6Aj8dywI7f2/6uGhJPwgbH4vgh+XcZQ9zba9UMS/1Lyvkbl3UySRSAmlzeYiXi1ypV6oZg==", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.2.tgz", + "integrity": "sha512-IcsDlbXnBf8cHzbM1YBv3JcTyLB35EK88QexmVyFdVJVgUU6bh9g687rpxryJirHzo06PuwnYaEEdVZQfIgRGg==", "dev": true, "license": "MIT", "dependencies": { @@ -81,19 +81,19 @@ "@11ty/eleventy-utils": "^2.0.7", "@11ty/lodash-custom": "^4.17.21", "@11ty/posthtml-urls": "^1.0.1", - "@11ty/recursive-copy": "^4.0.1", + "@11ty/recursive-copy": "^4.0.2", "@sindresorhus/slugify": "^2.2.1", "bcp-47-normalize": "^2.3.0", "chokidar": "^3.6.0", - "debug": "^4.4.0", + "debug": "^4.4.1", "dependency-graph": "^1.0.0", - "entities": "^6.0.0", + "entities": "^6.0.1", "filesize": "^10.1.6", "gray-matter": "^4.0.3", "iso-639-1": "^3.1.5", "js-yaml": "^4.1.0", "kleur": "^4.1.5", - "liquidjs": "^10.21.0", + "liquidjs": "^10.21.1", "luxon": "^3.6.1", "markdown-it": "^14.1.0", "minimist": "^1.2.8", @@ -106,7 +106,7 @@ "posthtml-match-helper": "^2.0.3", "semver": "^7.7.2", "slugify": "^1.6.6", - "tinyglobby": "^0.2.13" + "tinyglobby": "^0.2.14" }, "bin": { "eleventy": "cmd.cjs" @@ -255,9 +255,9 @@ } }, "node_modules/@11ty/eleventy/node_modules/entities": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz", - "integrity": "sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz", + "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==", "dev": true, "license": "BSD-2-Clause", "engines": { @@ -310,9 +310,9 @@ } }, "node_modules/@11ty/recursive-copy": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-4.0.1.tgz", - "integrity": "sha512-Zsg1xgfdVTMKNPj9o4FZeYa73dFZRX856CL4LsmqPMvDr0TuIK4cH9CVWJyf0OkNmM8GmlibGX18fF0B75Rn1w==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-4.0.2.tgz", + "integrity": "sha512-174nFXxL/6KcYbLYpra+q3nDbfKxLxRTNVY1atq2M1pYYiPfHse++3IFNl8mjPFsd7y2qQjxLORzIjHMjL3NDQ==", "dev": true, "license": "ISC", "dependencies": { @@ -2123,7 +2123,8 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true + "dev": true, + "license": "MIT" }, "node_modules/bcp-47": { "version": "2.1.0", @@ -2192,10 +2193,11 @@ } }, "node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, + "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -2465,7 +2467,8 @@ "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true + "dev": true, + "license": "MIT" }, "node_modules/cosmiconfig": { "version": "9.0.0", @@ -4147,6 +4150,7 @@ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "dev": true, + "license": "ISC", "dependencies": { "brace-expansion": "^1.1.7" }, @@ -5865,9 +5869,9 @@ "license": "MIT" }, "node_modules/tinyglobby": { - "version": "0.2.13", - "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz", - "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==", + "version": "0.2.14", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz", + "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==", "dev": true, "license": "MIT", "dependencies": { @@ -5882,11 +5886,14 @@ } }, "node_modules/tinyglobby/node_modules/fdir": { - "version": "6.4.4", - "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz", - "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==", + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", "dev": true, "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, "peerDependencies": { "picomatch": "^3 || ^4" }, @@ -5897,9 +5904,9 @@ } }, "node_modules/tinyglobby/node_modules/picomatch": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz", - "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==", + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "dev": true, "license": "MIT", "engines": { diff --git a/package.json b/package.json index 70d897e7..43e1439a 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,7 @@ }, "homepage": "https://github.com/orionrobots/orionrobots.github.io#readme", "devDependencies": { - "@11ty/eleventy": "^3", + "@11ty/eleventy": "^3.1.2", "@11ty/eleventy-img": "^6.0.4", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@cucumber/cucumber": "^12.1.0", From b1c8070456f9dad491b45aa62500dedecb3358d0 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 1 Sep 2025 09:14:31 +0000 Subject: [PATCH 4/4] Replace HTML wireframe with visual layout representation and revert package.json bump Co-authored-by: dannystaple <426859+dannystaple@users.noreply.github.com> --- docs/front-page-wireframe.md | 276 +++++++++++++++++------------------ package-lock.json | 65 ++++----- package.json | 2 +- 3 files changed, 166 insertions(+), 177 deletions(-) diff --git a/docs/front-page-wireframe.md b/docs/front-page-wireframe.md index c63f7e38..15a371b0 100644 --- a/docs/front-page-wireframe.md +++ b/docs/front-page-wireframe.md @@ -1,162 +1,158 @@ # Front Page Layout Wireframe -This wireframe describes the layout structure of the Orionrobots front page (index.md) without focusing on specific content. +This wireframe shows the visual layout structure of the Orionrobots front page as it appears to visitors, from top to bottom including what's above and below the fold. -## Overall Layout Structure - -The front page uses a Bootstrap-based responsive layout with the following hierarchy: +## Desktop Layout View (Full Page Structure) ``` - - - - - - -
- - - - -
-
- - - - - - -

- -

- - -
- -
- - -
- -
-
- -
- - - -
- - +┌───────────────────────────────────────────────────────────────────┐ +│ HEADER (Above the Fold) │ +├───────────────────────────────────────────────────────────────────┤ +│ 🏠 Orionrobots [Menu] [Menu] [Menu] [Menu] [Search Box] │ ← Navigation Bar +├───────────────────────────────────────────────────────────────────┤ +│ │ +│ MAIN CONTENT AREA (Full Width - No Sidebar) │ +├───────────────────────────────────────────────────────────────────┤ +│ [Tags: robot building, robotics at home, making robots] [🔗📧📱] │ ← Tag & Social Row +├───────────────────────────────────────────────────────────────────┤ +│ Welcome to Orionrobots │ ← Page Title +├───────────────────────────────────────────────────────────────────┤ +│ │ +│ At Orionrobots, Danny and his team build robots, electronics, │ +│ gadgets and stuff that moves. We aim to make robots easy for │ +│ anyone to build, and push the boundaries of what is easy. │ +│ │ +│ ┌─────────────────────────────────────────────────────────────┐ │ ← Book Banner +│ │ [Large Book Cover Image - Robotics at Home with Pi Pico] │ │ (Featured Content) +│ └─────────────────────────────────────────────────────────────┘ │ +│ │ +│ Discuss robot building on Our Discord Server! │ +│ You can see my latest videos on Orionrobots Youtube. │ +│ You can reach me on Facebook, Discord and LinkedIn... │ +│ │ +├───────────────────────────────────────────────────────────────────┤ +│ Recent Posts │ ← Section Heading +├───────────────────────────────────────────────────────────────────┤ +│ [📷] 30 Aug 2025 » Post Title One │ ← Recent Post Item +│ Post excerpt text about robotics and electronics... │ +│ [more...] │ +├───────────────────────────────────────────────────────────────────┤ +│ [📷] 25 Aug 2025 » Post Title Two │ ← Recent Post Item +│ Another post excerpt describing robot building projects... │ +│ [more...] │ +├───────────────────────────────────────────────────────────────────┤ +│ [📷] 20 Aug 2025 » Post Title Three │ +│ More content about electronics and maker projects... │ +│ [more...] │ +├───────────────────────────────────────────────────────────────────┤ +│ [📷] 15 Aug 2025 » Post Title Four │ +│ Additional robotics content and tutorials... │ +│ [more...] │ +├───────────────────────────────────────────────────────────────────┤ +│ [📷] 10 Aug 2025 » Post Title Five │ +│ Electronics projects and robot building guides... │ +│ [more...] │ +├───────────────────────────────────────────────────────────────────┤ +│ [📷] 05 Aug 2025 » Post Title Six │ +│ Latest robotics news and project updates... │ +│ [more...] │ +├───────────────────────────────────────────────────────────────────┤ +│ │ +│ 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 │ +└───────────────────────────────────────────────────────────────────┘ ``` -## Header Section Layout +## Layout Sections Breakdown +### Above the Fold (Initially Visible) ``` -+------------------------------------------------------------------+ -| NAVIGATION BAR | -| [Logo + "Orionrobots"] [Menu Items...] [Search Box] | -+------------------------------------------------------------------+ -``` +┌─ NAVIGATION BAR ─────────────────────────────────────────────────┐ +│ Logo + Brand Name | Menu Items | Search Box │ +└─────────────────────────────────────────────────────────────────┘ -### Navigation Components: -- **Brand/Logo**: Left-aligned logo with site name -- **Menu Items**: Horizontal navigation menu (collapses on mobile) -- **Search Box**: Right-aligned Google Custom Search +┌─ TAG & SOCIAL ROW ──────────────────────────────────────────────┐ +│ [Tag Buttons] | [Social Share Icons] │ +└─────────────────────────────────────────────────────────────────┘ -## Main Content Area Layout +┌─ PAGE HEADER ───────────────────────────────────────────────────┐ +│ Welcome to Orionrobots │ +└─────────────────────────────────────────────────────────────────┘ -``` -+------------------------------------------------------------------+ -| TAG ROW | -| [Tags] [Social Sharing Icons] | -+------------------------------------------------------------------+ -| PAGE HEADER | -| Main Title [Optional Tagline] | -+------------------------------------------------------------------+ -| MAIN CONTENT AREA | -| - Introductory text/description | -| - Featured content (book banner, links) | -| - Recent Posts section | -| - Additional sections (Events, Policies, etc.) | -+------------------------------------------------------------------+ -``` +┌─ INTRO TEXT ────────────────────────────────────────────────────┐ +│ At Orionrobots, Danny and his team build robots... │ +└─────────────────────────────────────────────────────────────────┘ -### Content Sections Structure: -1. **Tag Row**: Horizontal bar with tags and social sharing -2. **Page Header**: Main title with optional tagline -3. **Content Article**: Main content area containing: - - Introduction paragraph - - Featured content (images, links) - - Recent posts list - - Additional navigation sections - -## Recent Posts Section Layout - -``` -+------------------------------------------------------------------+ -| ## Recent Posts | -+------------------------------------------------------------------+ -| [Thumbnail] | Post Date » Post Title | -| | Post excerpt... [more...] | -+------------------------------------------------------------------+ -| [Thumbnail] | Post Date » Post Title | -| | Post excerpt... [more...] | -+------------------------------------------------------------------+ -| ... (up to 6 posts) | -+------------------------------------------------------------------+ +┌─ FEATURED BOOK BANNER ──────────────────────────────────────────┐ +│ [Large promotional image for "Robotics at Home with Pi Pico"] │ +└─────────────────────────────────────────────────────────────────┘ ``` -### Recent Posts Components: -- **Thumbnail**: Left-aligned post image -- **Post Meta**: Date and title as clickable link -- **Excerpt**: Brief post description with "more..." link - -## Footer Section Layout - +### Below the Fold (Requires Scrolling) ``` -+------------------------------------------------------------------+ -| FOOTER NAVIGATION | -| - Discord link | -| - YouTube link | -| - Facebook link | -| - Privacy & Cookies link | -+------------------------------------------------------------------+ -| COPYRIGHT & CREDITS | -| © Year OrionRobots | Powered by Bootstrap | -+------------------------------------------------------------------+ +┌─ CALL TO ACTION LINKS ──────────────────────────────────────────┐ +│ • Discord Server Link │ +│ • YouTube Channel Link │ +│ • Social Media Links │ +└─────────────────────────────────────────────────────────────────┘ + +┌─ RECENT POSTS SECTION ──────────────────────────────────────────┐ +│ ## Recent Posts │ +│ │ +│ [Thumb] Date » Title | Post excerpt... [more...] │ +│ [Thumb] Date » Title | Post excerpt... [more...] │ +│ [Thumb] Date » Title | Post excerpt... [more...] │ +│ [Thumb] Date » Title | Post excerpt... [more...] │ +│ [Thumb] Date » Title | Post excerpt... [more...] │ +│ [Thumb] Date » Title | Post excerpt... [more...] │ +└─────────────────────────────────────────────────────────────────┘ + +┌─ ADDITIONAL NAVIGATION ─────────────────────────────────────────┐ +│ ## Events │ +│ Robot Events │ +│ │ +│ ## Policies │ +│ Terms And Conditions │ +└─────────────────────────────────────────────────────────────────┘ + +┌─ FOOTER ────────────────────────────────────────────────────────┐ +│ • Discord Link │ +│ • YouTube Link │ +│ • Facebook Link │ +│ • Privacy & Cookies Link │ +│ │ +│ © Year OrionRobots | Powered by Bootstrap │ +└─────────────────────────────────────────────────────────────────┘ ``` -## Responsive Behavior - -- **Desktop**: Full width layout (col-md-12) -- **Tablet**: Menu collapses to hamburger button -- **Mobile**: Stacked vertical layout, responsive navigation - -## Layout Differences from Other Pages - -The front page (index layout) differs from other page layouts: - -- **No Sidebar**: Uses full width (col-md-12) instead of col-md-8 with sidebar -- **Custom Content Structure**: Optimized for home page content presentation -- **Featured Content**: Designed to showcase recent posts and key information +## Key Layout Characteristics -## CSS Framework +**Full-Width Design**: Unlike other pages, the front page uses the entire container width (no sidebar) -- **Bootstrap 5**: Primary responsive framework -- **Custom CSS**: Additional styling via bundle.js and inline styles -- **Responsive Grid**: Uses Bootstrap's grid system for layout +**Content Hierarchy**: +1. Navigation & Branding (sticky header) +2. Content tags & social sharing +3. Welcome message & intro +4. Featured book promotion (prominent placement) +5. Community links (Discord, YouTube, social) +6. Recent posts grid (main content discovery) +7. Additional navigation (events, policies) +8. Footer with links & copyright -## JavaScript Dependencies +**Visual Flow**: Designed to capture attention with the book banner above the fold, then guide users to recent content and community resources below. -- **bundle.js**: Main JavaScript bundle containing site functionality -- **Google Custom Search**: Search functionality -- **Bootstrap JS**: Navigation and responsive behavior -- **Social Media SDKs**: For social sharing functionality \ No newline at end of file +**Responsive Breakpoints**: On mobile/tablet, the navigation collapses to hamburger menu, and content stacks vertically while maintaining the same content order. \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 18b38bcd..9557ed97 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,7 @@ "js-yaml": "^4.1.0" }, "devDependencies": { - "@11ty/eleventy": "^3.1.2", + "@11ty/eleventy": "^3", "@11ty/eleventy-img": "^6.0.4", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@cucumber/cucumber": "^12.1.0", @@ -68,9 +68,9 @@ } }, "node_modules/@11ty/eleventy": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.2.tgz", - "integrity": "sha512-IcsDlbXnBf8cHzbM1YBv3JcTyLB35EK88QexmVyFdVJVgUU6bh9g687rpxryJirHzo06PuwnYaEEdVZQfIgRGg==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.1.0.tgz", + "integrity": "sha512-yR8zE+i5GKXTlR4I6Aj8dywI7f2/6uGhJPwgbH4vgh+XcZQ9zba9UMS/1Lyvkbl3UySRSAmlzeYiXi1ypV6oZg==", "dev": true, "license": "MIT", "dependencies": { @@ -81,19 +81,19 @@ "@11ty/eleventy-utils": "^2.0.7", "@11ty/lodash-custom": "^4.17.21", "@11ty/posthtml-urls": "^1.0.1", - "@11ty/recursive-copy": "^4.0.2", + "@11ty/recursive-copy": "^4.0.1", "@sindresorhus/slugify": "^2.2.1", "bcp-47-normalize": "^2.3.0", "chokidar": "^3.6.0", - "debug": "^4.4.1", + "debug": "^4.4.0", "dependency-graph": "^1.0.0", - "entities": "^6.0.1", + "entities": "^6.0.0", "filesize": "^10.1.6", "gray-matter": "^4.0.3", "iso-639-1": "^3.1.5", "js-yaml": "^4.1.0", "kleur": "^4.1.5", - "liquidjs": "^10.21.1", + "liquidjs": "^10.21.0", "luxon": "^3.6.1", "markdown-it": "^14.1.0", "minimist": "^1.2.8", @@ -106,7 +106,7 @@ "posthtml-match-helper": "^2.0.3", "semver": "^7.7.2", "slugify": "^1.6.6", - "tinyglobby": "^0.2.14" + "tinyglobby": "^0.2.13" }, "bin": { "eleventy": "cmd.cjs" @@ -255,9 +255,9 @@ } }, "node_modules/@11ty/eleventy/node_modules/entities": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz", - "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz", + "integrity": "sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==", "dev": true, "license": "BSD-2-Clause", "engines": { @@ -310,9 +310,9 @@ } }, "node_modules/@11ty/recursive-copy": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-4.0.2.tgz", - "integrity": "sha512-174nFXxL/6KcYbLYpra+q3nDbfKxLxRTNVY1atq2M1pYYiPfHse++3IFNl8mjPFsd7y2qQjxLORzIjHMjL3NDQ==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-4.0.1.tgz", + "integrity": "sha512-Zsg1xgfdVTMKNPj9o4FZeYa73dFZRX856CL4LsmqPMvDr0TuIK4cH9CVWJyf0OkNmM8GmlibGX18fF0B75Rn1w==", "dev": true, "license": "ISC", "dependencies": { @@ -2123,8 +2123,7 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/bcp-47": { "version": "2.1.0", @@ -2193,11 +2192,10 @@ } }, "node_modules/brace-expansion": { - "version": "1.1.12", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", - "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -2467,8 +2465,7 @@ "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/cosmiconfig": { "version": "9.0.0", @@ -4150,7 +4147,6 @@ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "dev": true, - "license": "ISC", "dependencies": { "brace-expansion": "^1.1.7" }, @@ -5869,9 +5865,9 @@ "license": "MIT" }, "node_modules/tinyglobby": { - "version": "0.2.14", - "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz", - "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==", + "version": "0.2.13", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz", + "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==", "dev": true, "license": "MIT", "dependencies": { @@ -5886,14 +5882,11 @@ } }, "node_modules/tinyglobby/node_modules/fdir": { - "version": "6.5.0", - "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", - "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "version": "6.4.4", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz", + "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==", "dev": true, "license": "MIT", - "engines": { - "node": ">=12.0.0" - }, "peerDependencies": { "picomatch": "^3 || ^4" }, @@ -5904,9 +5897,9 @@ } }, "node_modules/tinyglobby/node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz", + "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==", "dev": true, "license": "MIT", "engines": { diff --git a/package.json b/package.json index 43e1439a..70d897e7 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,7 @@ }, "homepage": "https://github.com/orionrobots/orionrobots.github.io#readme", "devDependencies": { - "@11ty/eleventy": "^3.1.2", + "@11ty/eleventy": "^3", "@11ty/eleventy-img": "^6.0.4", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@cucumber/cucumber": "^12.1.0",