Skip to content

[Docs] Illustrate Kanvas Designer with api-platform-aws walkthrough (#977)#990

Merged
leecalcote merged 2 commits intomasterfrom
feat/narrative-977-kanvas-designer
Apr 29, 2026
Merged

[Docs] Illustrate Kanvas Designer with api-platform-aws walkthrough (#977)#990
leecalcote merged 2 commits intomasterfrom
feat/narrative-977-kanvas-designer

Conversation

@leecalcote
Copy link
Copy Markdown
Member

Summary

  • Replaces the placeholder {{% pageinfo %}} block and stale Lorem-ipsum HTML comment in content/en/kanvas/designer/_index.md with a substantive intro and narrative walkthrough.
  • Intro paragraph describes Kanvas Designer as the visual canvas for creating, editing, and collaborating on cloud-native infrastructure designs.
  • Walkthrough section ("Building the api-platform-aws Design") follows Jordan Reyes and Rex Park through: creating the design in the orbital-production workspace, dragging in EKS, API Gateway, Lambda, RDS, and S3 components, wiring the API Gateway → Lambda → EKS → RDS/S3 data flow, annotating the RDS connection with a team-facing comment, sharing with Rex for review, Rex raising an ALB question as an in-canvas comment, and Jordan revising the connection collaboratively.
  • Info callout links to /cloud/about for readers who want to meet the full Orbital Labs cast.

Closes #977. Depends on #979 for the /cloud/about link target.

Test plan

  • Hugo build passes with no errors or warnings (hugo --quiet exits 0) ✅
  • Page renders correctly at /kanvas/designer/ in local hugo serve
  • {{% pageinfo %}} block is fully replaced — no leftover placeholder text
  • Lorem-ipsum HTML comment is removed
  • Frontmatter unchanged: weight: 4, aliases: [/meshmap/designer/], categories: [Designer]
  • Alert shortcode renders with link to /cloud/about

@leecalcote leecalcote added help wanted Extra attention is needed issue/willfix This issue will be worked on labels Apr 29, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 29, 2026

PR Preview Action v1.6.3
Preview removed because the pull request was closed.
2026-04-29 04:17 UTC

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

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

Code Review

This pull request introduces a design specification and an implementation plan to establish a continuous narrative featuring the mascot "Five" for the Layer5 Cloud documentation, alongside updates to the Kanvas Designer content. Review feedback identifies a consistency error regarding design ownership and recommends using relative paths instead of absolute ones in the implementation plan to improve portability.

Comment thread content/en/kanvas/designer/_index.md Outdated
## Building the `api-platform-aws` Design

Remember to focus on what the user needs to know, not just what you think is interesting about your project! If they don’t need to understand your original design decisions to use or contribute to the project, don’t put them in, or include your design docs in your repo and link to them. Similarly, most users will probably need to know more about how features work when in use rather than how they are implemented. Consider a separate architecture page for more detailed implementation and system design information that potential project contributors can consult. -->
Jordan Reyes opens Kanvas Designer and creates a new design named `api-platform-aws` inside the `orbital-production` workspace. The blank canvas is the starting point; from here the entire AWS-backed API platform will take shape.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

medium

There is a discrepancy between this narrative and the canonical seed inventory defined in the design spec and implementation plan. Here, Jordan Reyes is described as the creator of the api-platform-aws design, but the spec (line 124) and plan (line 390) list Five as the owner. Please ensure consistency across the narrative documentation.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@copilot fix this and other comments.

- [ ] **Step 1: Create the target directory**

```bash
mkdir -p /Users/l/code/docs/static/images/five
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

medium

The implementation plan contains hardcoded absolute paths (e.g., /Users/l/code/docs/). These paths are specific to a single user's environment and will cause the plan to fail for other developers or automated agents. Please use relative paths or environment variables to ensure portability.

Suggested change
mkdir -p /Users/l/code/docs/static/images/five
mkdir -p static/images/five

Comment on lines +45 to +63
cp /Users/l/code/layer5/src/assets/images/five/SVG/team-of-fives.svg \
/Users/l/code/docs/static/images/five/

cp /Users/l/code/layer5/src/assets/images/five/SVG/layer5-five-mascot-means-business.svg \
/Users/l/code/docs/static/images/five/

cp /Users/l/code/layer5/src/assets/images/five/SVG/layer5-five-mascot-means-business.gif \
/Users/l/code/docs/static/images/five/

cp /Users/l/code/layer5/src/assets/images/five/SVG/resources-sign.svg \
/Users/l/code/docs/static/images/five/

cp /Users/l/code/layer5/src/assets/images/five/SVG/stick-figures.svg \
/Users/l/code/docs/static/images/five/

for i in $(seq 1 19); do
cp /Users/l/code/layer5/src/assets/images/five/SVG/${i}.svg \
/Users/l/code/docs/static/images/five/
done
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

medium

These copy commands rely on absolute paths specific to a local machine. Consider using relative paths (e.g., ../layer5/...) or a variable for the source repository path to ensure the plan can be executed in different environments.

- [ ] **Step 4: Commit**

```bash
cd /Users/l/code/docs
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

medium

This cd command uses an absolute path. It is recommended to use relative paths or remove redundant navigation if the execution context is already at the repository root. This issue recurs throughout the file (e.g., lines 119, 154, 209, etc.).

- [ ] **Step 4: Commit**

```bash
cd /Users/l/code/docs
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Suggested change
cd /Users/l/code/docs
cd docs

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Applied in 527c5fa — replaced all occurrences of the hardcoded cd /Users/l/code/docs path with the generic cd docs throughout the plan file.

Copilot AI requested a review from yi-nuo426 April 29, 2026 02:40
@leecalcote leecalcote force-pushed the feat/narrative-977-kanvas-designer branch from 527c5fa to 4057952 Compare April 29, 2026 04:08
…977)

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
…rchitects it

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
@leecalcote leecalcote force-pushed the feat/narrative-977-kanvas-designer branch from 4057952 to 5901850 Compare April 29, 2026 04:14
@leecalcote leecalcote merged commit 7c17c35 into master Apr 29, 2026
3 of 4 checks passed
@leecalcote leecalcote deleted the feat/narrative-977-kanvas-designer branch April 29, 2026 04:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component/cloud-docs component/kanvas-docs help wanted Extra attention is needed issue/willfix This issue will be worked on

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Docs] Illustrate Kanvas Designer docs with api-platform-aws design walkthrough

3 participants