nikola
56 lines
2.7 KiB
Markdown
56 lines
2.7 KiB
Markdown
# Codex Work Context (Wolkabout GHA Diagram)
|
|
|
|
## Project
|
|
- Repo: `/home/nikola/codex-cli`
|
|
- Task: Create/iterate Wolkabout GHA pipeline SVG with 2D and 3D variants.
|
|
|
|
## Latest User Request
|
|
- Keep the current 2D diagram unchanged.
|
|
- Produce a separate 3D version where **all elements except text are skewed** (nagnuto), and 3D depth is stronger.
|
|
|
|
## Key Output Files
|
|
- 2D (approved):
|
|
- `/home/nikola/codex-cli/Wolkabout-platform-pipeline-GHA-v3.svg`
|
|
- `/home/nikola/codex-cli/Wolkabout-platform-pipeline-GHA-v3.png`
|
|
- 3D (working version, skewed):
|
|
- `/home/nikola/codex-cli/Wolkabout-platform-pipeline-GHA-v3-3d.svg`
|
|
- `/home/nikola/codex-cli/Wolkabout-platform-pipeline-GHA-v3-3d.png`
|
|
|
|
## What Was Done (Summary)
|
|
- Built a richer 2D diagram with 3 lanes (IoT, ArgoCD, WTF), per-workflow card details, start/end chevrons, subtle lane backgrounds, and rectangular handoff arrows that route along outer edges.
|
|
- Added runner/env/deploy info and detailed step descriptions based on workflow files in:
|
|
- `/home/nikola/WA-git/IoT-Platform-Core/.github/workflows/all-in-one.yml`
|
|
- `/home/nikola/WA-git/IoT-Platform-Core/.github/workflows/unit-tests.yml`
|
|
- `/home/nikola/WA-git/argocd/.github/workflows/deploy-be.yml` (branch: `atest1`)
|
|
- `/home/nikola/WA-git/Wolkabout-Test-Framework/.github/workflows/new-parallel-wtf.yml`
|
|
- Handoff arrows updated to rectangular paths:
|
|
- `M 2530 300 L 2530 440 L 30 440 L 30 590 L 40 590`
|
|
- `M 2530 590 L 2530 780 L 30 780 L 30 900 L 40 900`
|
|
- Increased lane background visibility and added deeper card shadows + gradient fills.
|
|
|
|
## 3D Variant Adjustments
|
|
- Created a new file: `Wolkabout-platform-pipeline-GHA-v3-3d.svg`.
|
|
- Applied stronger depth via:
|
|
- Card gradient (`#1a2742` -> `#0a0f18`)
|
|
- Deeper shadow filters `card-shadow-deep` and `card-shadow-soft`
|
|
- Heavier shadow on start/end tags (`flow-shadow`) with offset
|
|
- Applied **global skew** so everything except text tilts:
|
|
- Wrapped all content in `<g id="tilt" transform="skewX(-6)"> ... </g>`
|
|
- Added `transform="skewX(6)"` to every `<text ...>` to keep text visually upright.
|
|
|
|
## Notes on Tools/Warnings
|
|
- `inkscape` export used to generate PNGs.
|
|
- Inkscape warns about unimplemented style property 109 (safe to ignore).
|
|
|
|
## Next Steps / Open Items
|
|
- Validate the 3D skew visual to confirm the tilt is strong enough.
|
|
- If needed: increase skew (e.g., `skewX(-8)` or `-10`) and adjust text counter-skew.
|
|
- Optional: add more 3D depth (side faces) if requested.
|
|
|
|
## Location of Current 3D Edits in SVG
|
|
- Global skew group added near root:
|
|
- `<g id="tilt" transform="skewX(-6)">` wrapping the entire scene
|
|
- Closing `</g>` before `</svg>`
|
|
- Text counter-skew applied by replacing `<text ...>` with `<text transform="skewX(6)" ...>`.
|
|
|