Skip to content

Commit 9ec2181

Browse files
Copilotchefgs
Copilot
and
chefgs
authored
Fix SVG indentation so Hugo renders diagram elements
Agent-Logs-Url: https://github.com/cloudengine-labs/devops_os/sessions/6c88771d-1cfd-4371-ac4a-22b54b57e2a6 Co-authored-by: chefgs <7605658+chefgs@users.noreply.github.com>
1 parent 75b4dd1 commit 9ec2181

File tree

1 file changed

+52
-62
lines changed
  • hugo-docs/content/docs/platform-engineering

1 file changed

+52
-62
lines changed

‎hugo-docs/content/docs/platform-engineering/_index.md‎

Lines changed: 52 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -13,68 +13,58 @@ DevOps-OS can be used as a lightweight **internal developer platform (IDP)** exp
1313
## Conceptual flow
1414

1515
<div style="overflow-x:auto; margin: 1rem 0;">
16-
<svg viewBox="0 0 1180 430" role="img" aria-labelledby="idp-title idp-desc" xmlns="http://www.w3.org/2000/svg" style="width:100%; min-width:980px; height:auto; border:1px solid #d1d5db; border-radius:12px; background:#ffffff;">
17-
<title id="idp-title">Platform Engineering IDP conceptual flow</title>
18-
<desc id="idp-desc">Platform team templates flow into an IDP UI. A developer works from git code commit context, selects templates, chooses automation stages, submits, and receives generated delivery artifacts.</desc>
19-
20-
<rect x="30" y="60" width="180" height="90" rx="14" fill="#eff6ff" stroke="#2563eb" stroke-width="2"/>
21-
<text x="120" y="92" text-anchor="middle" font-size="22" font-weight="700" fill="#1e3a8a">Templates</text>
22-
<text x="120" y="118" text-anchor="middle" font-size="15" fill="#1f2937">Golden-path CI/CD</text>
23-
<text x="120" y="138" text-anchor="middle" font-size="15" fill="#1f2937">GitOps • SRE • DevEnv</text>
24-
25-
<rect x="260" y="60" width="180" height="90" rx="14" fill="#ecfeff" stroke="#0891b2" stroke-width="2"/>
26-
<text x="350" y="92" text-anchor="middle" font-size="22" font-weight="700" fill="#164e63">IDP UI</text>
27-
<text x="350" y="118" text-anchor="middle" font-size="15" fill="#1f2937">Self-service catalog</text>
28-
<text x="350" y="138" text-anchor="middle" font-size="15" fill="#1f2937">Guardrails + standards</text>
29-
30-
<rect x="490" y="60" width="180" height="90" rx="14" fill="#f5f3ff" stroke="#7c3aed" stroke-width="2"/>
31-
<text x="580" y="92" text-anchor="middle" font-size="21" font-weight="700" fill="#4c1d95">Git repo / commit</text>
32-
<text x="580" y="118" text-anchor="middle" font-size="15" fill="#1f2937">Repository context</text>
33-
<text x="580" y="138" text-anchor="middle" font-size="15" fill="#1f2937">App or service intent</text>
34-
35-
<rect x="720" y="40" width="210" height="70" rx="14" fill="#f0fdf4" stroke="#16a34a" stroke-width="2"/>
36-
<text x="825" y="72" text-anchor="middle" font-size="20" font-weight="700" fill="#14532d">1. Select templates</text>
37-
<text x="825" y="95" text-anchor="middle" font-size="14" fill="#1f2937">pipeline, GitOps, SRE, devcontainer</text>
38-
39-
<rect x="720" y="130" width="210" height="70" rx="14" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
40-
<text x="825" y="162" text-anchor="middle" font-size="20" font-weight="700" fill="#92400e">2. Select automation stages</text>
41-
<text x="825" y="185" text-anchor="middle" font-size="14" fill="#1f2937">build • test • deploy • monitor</text>
42-
43-
<rect x="720" y="220" width="210" height="70" rx="14" fill="#fdf2f8" stroke="#db2777" stroke-width="2"/>
44-
<text x="825" y="252" text-anchor="middle" font-size="20" font-weight="700" fill="#9d174d">3. Click submit</text>
45-
<text x="825" y="275" text-anchor="middle" font-size="14" fill="#1f2937">approve and generate automation</text>
46-
47-
<rect x="970" y="95" width="180" height="150" rx="14" fill="#f9fafb" stroke="#4b5563" stroke-width="2"/>
48-
<text x="1060" y="128" text-anchor="middle" font-size="22" font-weight="700" fill="#111827">Outputs</text>
49-
<text x="1060" y="156" text-anchor="middle" font-size="15" fill="#1f2937">Generated repo changes</text>
50-
<text x="1060" y="178" text-anchor="middle" font-size="15" fill="#1f2937">Workflow / YAML / config</text>
51-
<text x="1060" y="200" text-anchor="middle" font-size="15" fill="#1f2937">Standard delivery stages</text>
52-
<text x="1060" y="222" text-anchor="middle" font-size="15" fill="#1f2937">PR or commit-ready artifacts</text>
53-
54-
<text x="120" y="42" text-anchor="middle" font-size="15" font-weight="700" fill="#334155">Platform team publishes</text>
55-
<text x="580" y="42" text-anchor="middle" font-size="15" font-weight="700" fill="#334155">Developer context</text>
56-
<text x="825" y="20" text-anchor="middle" font-size="15" font-weight="700" fill="#334155">Guided self-service steps</text>
57-
58-
<line x1="210" y1="105" x2="260" y2="105" stroke="#475569" stroke-width="3"/>
59-
<polygon points="260,105 247,98 247,112" fill="#475569"/>
60-
<line x1="440" y1="105" x2="490" y2="105" stroke="#475569" stroke-width="3"/>
61-
<polygon points="490,105 477,98 477,112" fill="#475569"/>
62-
<line x1="670" y1="105" x2="720" y2="75" stroke="#475569" stroke-width="3"/>
63-
<polygon points="720,75 708,76 714,87" fill="#475569"/>
64-
<line x1="670" y1="105" x2="720" y2="165" stroke="#475569" stroke-width="3"/>
65-
<polygon points="720,165 708,161 716,153" fill="#475569"/>
66-
<line x1="670" y1="105" x2="720" y2="255" stroke="#475569" stroke-width="3"/>
67-
<polygon points="720,255 710,246 721,243" fill="#475569"/>
68-
<line x1="930" y1="75" x2="970" y2="125" stroke="#475569" stroke-width="3"/>
69-
<polygon points="970,125 958,120 966,112" fill="#475569"/>
70-
<line x1="930" y1="165" x2="970" y2="170" stroke="#475569" stroke-width="3"/>
71-
<polygon points="970,170 958,163 958,177" fill="#475569"/>
72-
<line x1="930" y1="255" x2="970" y2="215" stroke="#475569" stroke-width="3"/>
73-
<polygon points="970,215 959,217 968,226" fill="#475569"/>
74-
75-
<rect x="40" y="335" width="1100" height="52" rx="12" fill="#111827"/>
76-
<text x="590" y="366" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">Templates → IDP UI → Git repo / commit → Select templates → Select automation stages → Submit → Outputs</text>
77-
</svg>
16+
<svg viewBox="0 0 1180 430" role="img" aria-labelledby="idp-title idp-desc" xmlns="http://www.w3.org/2000/svg" style="width:100%; min-width:980px; height:auto; border:1px solid #d1d5db; border-radius:12px; background:#ffffff;">
17+
<title id="idp-title">Platform Engineering IDP conceptual flow</title>
18+
<desc id="idp-desc">Platform team templates flow into an IDP UI. A developer works from git code commit context, selects templates, chooses automation stages, submits, and receives generated delivery artifacts.</desc>
19+
<rect x="30" y="60" width="180" height="90" rx="14" fill="#eff6ff" stroke="#2563eb" stroke-width="2"/>
20+
<text x="120" y="92" text-anchor="middle" font-size="22" font-weight="700" fill="#1e3a8a">Templates</text>
21+
<text x="120" y="118" text-anchor="middle" font-size="15" fill="#1f2937">Golden-path CI/CD</text>
22+
<text x="120" y="138" text-anchor="middle" font-size="15" fill="#1f2937">GitOps • SRE • DevEnv</text>
23+
<rect x="260" y="60" width="180" height="90" rx="14" fill="#ecfeff" stroke="#0891b2" stroke-width="2"/>
24+
<text x="350" y="92" text-anchor="middle" font-size="22" font-weight="700" fill="#164e63">IDP UI</text>
25+
<text x="350" y="118" text-anchor="middle" font-size="15" fill="#1f2937">Self-service catalog</text>
26+
<text x="350" y="138" text-anchor="middle" font-size="15" fill="#1f2937">Guardrails + standards</text>
27+
<rect x="490" y="60" width="180" height="90" rx="14" fill="#f5f3ff" stroke="#7c3aed" stroke-width="2"/>
28+
<text x="580" y="92" text-anchor="middle" font-size="21" font-weight="700" fill="#4c1d95">Git repo / commit</text>
29+
<text x="580" y="118" text-anchor="middle" font-size="15" fill="#1f2937">Repository context</text>
30+
<text x="580" y="138" text-anchor="middle" font-size="15" fill="#1f2937">App or service intent</text>
31+
<rect x="720" y="40" width="210" height="70" rx="14" fill="#f0fdf4" stroke="#16a34a" stroke-width="2"/>
32+
<text x="825" y="72" text-anchor="middle" font-size="20" font-weight="700" fill="#14532d">1. Select templates</text>
33+
<text x="825" y="95" text-anchor="middle" font-size="14" fill="#1f2937">pipeline, GitOps, SRE, devcontainer</text>
34+
<rect x="720" y="130" width="210" height="70" rx="14" fill="#fffbeb" stroke="#d97706" stroke-width="2"/>
35+
<text x="825" y="162" text-anchor="middle" font-size="20" font-weight="700" fill="#92400e">2. Select automation stages</text>
36+
<text x="825" y="185" text-anchor="middle" font-size="14" fill="#1f2937">build • test • deploy • monitor</text>
37+
<rect x="720" y="220" width="210" height="70" rx="14" fill="#fdf2f8" stroke="#db2777" stroke-width="2"/>
38+
<text x="825" y="252" text-anchor="middle" font-size="20" font-weight="700" fill="#9d174d">3. Click submit</text>
39+
<text x="825" y="275" text-anchor="middle" font-size="14" fill="#1f2937">approve and generate automation</text>
40+
<rect x="970" y="95" width="180" height="150" rx="14" fill="#f9fafb" stroke="#4b5563" stroke-width="2"/>
41+
<text x="1060" y="128" text-anchor="middle" font-size="22" font-weight="700" fill="#111827">Outputs</text>
42+
<text x="1060" y="156" text-anchor="middle" font-size="15" fill="#1f2937">Generated repo changes</text>
43+
<text x="1060" y="178" text-anchor="middle" font-size="15" fill="#1f2937">Workflow / YAML / config</text>
44+
<text x="1060" y="200" text-anchor="middle" font-size="15" fill="#1f2937">Standard delivery stages</text>
45+
<text x="1060" y="222" text-anchor="middle" font-size="15" fill="#1f2937">PR or commit-ready artifacts</text>
46+
<text x="120" y="42" text-anchor="middle" font-size="15" font-weight="700" fill="#334155">Platform team publishes</text>
47+
<text x="580" y="42" text-anchor="middle" font-size="15" font-weight="700" fill="#334155">Developer context</text>
48+
<text x="825" y="20" text-anchor="middle" font-size="15" font-weight="700" fill="#334155">Guided self-service steps</text>
49+
<line x1="210" y1="105" x2="260" y2="105" stroke="#475569" stroke-width="3"/>
50+
<polygon points="260,105 247,98 247,112" fill="#475569"/>
51+
<line x1="440" y1="105" x2="490" y2="105" stroke="#475569" stroke-width="3"/>
52+
<polygon points="490,105 477,98 477,112" fill="#475569"/>
53+
<line x1="670" y1="105" x2="720" y2="75" stroke="#475569" stroke-width="3"/>
54+
<polygon points="720,75 708,76 714,87" fill="#475569"/>
55+
<line x1="670" y1="105" x2="720" y2="165" stroke="#475569" stroke-width="3"/>
56+
<polygon points="720,165 708,161 716,153" fill="#475569"/>
57+
<line x1="670" y1="105" x2="720" y2="255" stroke="#475569" stroke-width="3"/>
58+
<polygon points="720,255 710,246 721,243" fill="#475569"/>
59+
<line x1="930" y1="75" x2="970" y2="125" stroke="#475569" stroke-width="3"/>
60+
<polygon points="970,125 958,120 966,112" fill="#475569"/>
61+
<line x1="930" y1="165" x2="970" y2="170" stroke="#475569" stroke-width="3"/>
62+
<polygon points="970,170 958,163 958,177" fill="#475569"/>
63+
<line x1="930" y1="255" x2="970" y2="215" stroke="#475569" stroke-width="3"/>
64+
<polygon points="970,215 959,217 968,226" fill="#475569"/>
65+
<rect x="40" y="335" width="1100" height="52" rx="12" fill="#111827"/>
66+
<text x="590" y="366" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">Templates → IDP UI → Git repo / commit → Select templates → Select automation stages → Submit → Outputs</text>
67+
</svg>
7868
</div>
7969

8070
---

0 commit comments

Comments
 (0)