Skip to content

Reorganize navigation menu and update welcome page#33

Open
AntTheLimey wants to merge 2 commits intopgEdge:mainfrom
AntTheLimey:feature/menu-organization
Open

Reorganize navigation menu and update welcome page#33
AntTheLimey wants to merge 2 commits intopgEdge:mainfrom
AntTheLimey:feature/menu-organization

Conversation

@AntTheLimey
Copy link
Member

@AntTheLimey AntTheLimey commented Jan 19, 2026

Summary

  • Reorganize top-level navigation tabs into user-focused categories: VM/Bare Metal, Containers, pgEdge Cloud, AI Toolkit, Extensions, Tools
  • Make pgEdge Cloud a direct link (no dropdown) for faster access
  • Update dropdown items with user-friendly display names (e.g., "Distributed CLI" → platform/, "Package Repository" → enterprise/)
  • Add new placeholder pages for Ansible and Container Images documentation
  • Redesign welcome page with modern card-based layout and improved typography

Test plan

  • Verify all dropdown menu items link to correct destinations
  • Verify pgEdge Cloud direct link works
  • Check welcome page renders correctly in light/dark mode
  • Test responsive behavior on mobile/tablet
  • Verify Ansible and Container Images pages render correctly

🤖 Generated with Claude Code

Summary by CodeRabbit

  • Documentation

    • Added Ansible collection docs
    • Added Container Images docs (overview, available images, pulling, running, security)
    • Added images list and pulling/running examples
    • Redesigned docs homepage with styled hero, cards, sections on deployments, components, and multi‑master architecture
  • Chores

    • Restructured site navigation into VM/Bare Metal, Containers, AI Toolkit, Extensions, Tools
    • Simplified navigation rendering for clearer category dropdowns

✏️ Tip: You can customize this high-level summary in your review settings.

- Add new top-level menu tabs: VM/Bare Metal, Containers, AI Toolkit, Extensions, Tools
- Make pgEdge Cloud a direct link (no dropdown)
- Update dropdown items with user-friendly names (Distributed CLI, Package Repository, etc.)
- Add Ansible and Container Images placeholder pages
- Redesign welcome page with card-based layout and improved typography
- Simplify tabs.html macro to render items directly from config

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@coderabbitai
Copy link

coderabbitai bot commented Jan 19, 2026

Walkthrough

Adds new documentation pages for Ansible and container images, redesigns the docs homepage with an HTML/CSS layout, restructures mkdocs navigation into new categories (VM / Bare Metal, Containers, AI Toolkit, Extensions, Tools), and simplifies nav dropdown rendering in the site template.

Changes

Cohort / File(s) Summary
New Documentation — Ansible & Container Images
docs/ansible/index.md, docs/container-images/index.md, docs/container-images/images.md, docs/container-images/pulling.md, docs/container-images/running.md
Added Ansible collection docs and multiple container-images pages: overview, available images, pulling instructions, and run examples; includes image lists, tag/variant guidance, and security notes.
Homepage Redesign
docs/index.md
Replaced previous markdown intro with an HTML/CSS-driven hero, responsive cards, new sections (Getting Started, Key Components, Extensions, Architecture), and a styled footer.
Navigation Config
mkdocs.yml
Reworked navigation: replaced single "Products" group with categorized groups (VM / Bare Metal, Containers, AI Toolkit, Extensions, Tools); added top-level entries for Ansible and Container Images and updated nav item URLs.
Template — Nav Tabs
overrides/partials/tabs.html
Simplified dropdown generation to render category items directly (using cat_title/cat_url), removed cross-reference lookup logic, and added explicit handling for the new nav categories and pgEdge Cloud link.

Sequence Diagram(s)

(omitted)

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Suggested reviewers

  • jason-lynch
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'Reorganize navigation menu and update welcome page' accurately summarizes the main changes: restructuring navigation categories in mkdocs.yml/tabs.html and redesigning the welcome page in docs/index.md.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Fix all issues with AI agents
In `@docs/container-images/index.md`:
- Around line 9-11: The fenced code block containing "ghcr.io/pgedge/" is
missing a language identifier; update the block in
docs/container-images/index.md to include a language token (e.g., use "text" or
"plaintext") so the block becomes ```text followed by ghcr.io/pgedge/ and
closing ``` to satisfy the linter and match other docs examples.
🧹 Nitpick comments (2)
overrides/partials/tabs.html (1)

10-36: Unused nav_items parameter in macro.

The dropdown_menu macro accepts nav_items as a parameter (line 10), but it's never used within the macro body. This appears to be leftover from a previous implementation that cross-referenced navigation items.

Proposed cleanup
-{% macro dropdown_menu(label, category_items, nav_items, dropdown_id) %}
+{% macro dropdown_menu(label, category_items, dropdown_id) %}

Then update the call sites (lines 54, 59, 75, 80, 85) to remove the nav argument:

-{{ dropdown_menu('VM / Bare Metal', nav_categories['VM / Bare Metal'], nav, 'vm-bare-metal') }}
+{{ dropdown_menu('VM / Bare Metal', nav_categories['VM / Bare Metal'], 'vm-bare-metal') }}
docs/index.md (1)

7-222: Consider moving styles to the external stylesheet.

There are 200+ lines of CSS embedded in this Markdown file. For maintainability and reusability, consider moving these styles to stylesheets/extra.css referenced in mkdocs.yml. This would:

  • Keep the Markdown file focused on content
  • Allow style reuse across other pages if needed
  • Make CSS changes easier to track in version control

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Fix all issues with AI agents
In `@docs/container-images/index.md`:
- Around line 3-4: The docs use the abbreviation "GCR" for GitHub Container
Registry which causes confusion with Google Container Registry; update the
phrasing in the sentence containing "pgEdge publishes container images to the
GitHub Container Registry (GCR)..." to use the correct abbreviation "GHCR"
(e.g., "GitHub Container Registry (GHCR)") and ensure any other occurrences of
"GCR" in this document that refer to GitHub Container Registry are replaced with
"GHCR."

In `@docs/container-images/pulling.md`:
- Around line 46-48: Replace the indented code block containing the tag format
with an inline code span so the list item reads in one line; specifically,
change the block that shows `{postgres-version}-spock{spock-version}-{variant}`
as an indented code block to an inline backticked token within the sentence
(e.g., "...The tag takes the form `
{postgres-version}-spock{spock-version}-{variant}`") so the item is not treated
as a fenced code block and satisfies MD046.
🧹 Nitpick comments (1)
mkdocs.yml (1)

133-174: Check duplicate listings across dropdown categories.

Docloader is listed under both AI Toolkit and Tools, and Vectorizer under AI Toolkit and Extensions. If the categories are meant to be mutually exclusive, consider keeping each page in a single tab to avoid redundant dropdown entries.

🧭 Optional cleanup (if tabs should be exclusive)
     Extensions:
       - title: Spock
         url: spock-v5/
       - title: LOLOR
         url: lolor/
       - title: Snowflake
         url: snowflake/
-      - title: pgEdge Vectorizer
-        url: pgedge-vectorizer/
@@
     Tools:
       - title: Active Consistency Engine
         url: ace/
-      - title: pgEdge Docloader
-        url: pgedge-docloader/
       - title: pgEdge Anonymizer
         url: pgedge-anonymizer/
       - title: Radar
         url: radar/

Comment on lines +3 to +4
pgEdge publishes container images to the GitHub Container Registry
(GCR) for deploying pgEdge components in containerized environments.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Use GHCR to avoid confusion with Google Container Registry.

“GCR” is commonly read as Google Container Registry; GitHub Container Registry is typically abbreviated “GHCR.”

✏️ Suggested fix
-pgEdge publishes container images to the GitHub Container Registry 
-(GCR) for deploying pgEdge components in containerized environments.
+pgEdge publishes container images to the GitHub Container Registry
+(GHCR) for deploying pgEdge components in containerized environments.
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
pgEdge publishes container images to the GitHub Container Registry
(GCR) for deploying pgEdge components in containerized environments.
pgEdge publishes container images to the GitHub Container Registry
(GHCR) for deploying pgEdge components in containerized environments.
🤖 Prompt for AI Agents
In `@docs/container-images/index.md` around lines 3 - 4, The docs use the
abbreviation "GCR" for GitHub Container Registry which causes confusion with
Google Container Registry; update the phrasing in the sentence containing
"pgEdge publishes container images to the GitHub Container Registry (GCR)..." to
use the correct abbreviation "GHCR" (e.g., "GitHub Container Registry (GHCR)")
and ensure any other occurrences of "GCR" in this document that refer to GitHub
Container Registry are replaced with "GHCR."

Comment on lines +46 to +48
- The tag takes the form:

`{postgres-version}-spock{spock-version}-{variant}`
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Inline the tag format to avoid an indented code block (MD046).

The current indentation renders as a code block; inlining keeps the list readable and satisfies the fenced‑only lint rule.

✏️ Suggested fix
-- The tag takes the form: 
-      
-      `{postgres-version}-spock{spock-version}-{variant}`
+- The tag takes the form: `{postgres-version}-spock{spock-version}-{variant}`
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
- The tag takes the form:
`{postgres-version}-spock{spock-version}-{variant}`
- The tag takes the form: `{postgres-version}-spock{spock-version}-{variant}`
🧰 Tools
🪛 markdownlint-cli2 (0.18.1)

48-48: Code block style
Expected: fenced; Actual: indented

(MD046, code-block-style)

🤖 Prompt for AI Agents
In `@docs/container-images/pulling.md` around lines 46 - 48, Replace the indented
code block containing the tag format with an inline code span so the list item
reads in one line; specifically, change the block that shows
`{postgres-version}-spock{spock-version}-{variant}` as an indented code block to
an inline backticked token within the sentence (e.g., "...The tag takes the form
` {postgres-version}-spock{spock-version}-{variant}`") so the item is not
treated as a fenced code block and satisfies MD046.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant