Skip to content

Commit 54d28eb

Browse files
Copilotchefgs
Copilot
and
chefgs
authored
Add concept evolution slide to Chennai FOSS deck
Agent-Logs-Url: https://github.com/cloudengine-labs/devops_os/sessions/ea2b2262-48df-4b59-8951-6b5de95d921c Co-authored-by: chefgs <7605658+chefgs@users.noreply.github.com>
1 parent e59d0b7 commit 54d28eb

2 files changed

Lines changed: 200 additions & 0 deletions

File tree

  • feature-announcements/chennai-foss-2026
  • hugo-docs/static/feature-announcements/chennai-foss-2026

‎feature-announcements/chennai-foss-2026/index.html‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -281,6 +281,63 @@
281281
font-weight: 700;
282282
}
283283

284+
.concept-evolution {
285+
display: grid;
286+
gap: 20px;
287+
}
288+
289+
.concept-evolution-label {
290+
max-width: 880px;
291+
color: var(--muted);
292+
font-size: 1.02rem;
293+
letter-spacing: 0.01em;
294+
}
295+
296+
.concept-track {
297+
display: grid;
298+
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
299+
gap: 16px;
300+
align-items: stretch;
301+
}
302+
303+
.concept-step {
304+
display: grid;
305+
align-content: start;
306+
gap: 14px;
307+
min-height: 220px;
308+
padding: 26px;
309+
background:
310+
linear-gradient(180deg, rgba(11, 24, 43, 0.92), rgba(16, 34, 58, 0.92)),
311+
radial-gradient(circle at top right, rgba(99, 179, 255, 0.16), transparent 55%);
312+
border-color: rgba(99, 179, 255, 0.16);
313+
}
314+
315+
.concept-step h3 {
316+
font-size: 1.28rem;
317+
margin-bottom: 0;
318+
}
319+
320+
.concept-step p {
321+
font-size: 1rem;
322+
}
323+
324+
.concept-kicker {
325+
width: fit-content;
326+
color: var(--cyan);
327+
border-color: rgba(106, 240, 210, 0.2);
328+
background: rgba(106, 240, 210, 0.08);
329+
}
330+
331+
.concept-arrow {
332+
display: grid;
333+
place-items: center;
334+
padding: 0 4px;
335+
color: var(--cyan);
336+
font-size: 2rem;
337+
font-weight: 800;
338+
text-shadow: 0 0 22px rgba(106, 240, 210, 0.35);
339+
}
340+
284341
.footer-note {
285342
display: flex;
286343
justify-content: space-between;
@@ -349,6 +406,16 @@
349406
.flow {
350407
grid-template-columns: 1fr;
351408
}
409+
410+
.concept-track {
411+
grid-template-columns: 1fr;
412+
}
413+
414+
.concept-arrow {
415+
min-height: 24px;
416+
font-size: 1.7rem;
417+
transform: rotate(90deg);
418+
}
352419
}
353420

354421
@media (max-width: 760px) {
@@ -457,6 +524,39 @@ <h3>What DevOps-OS encourages</h3>
457524
</div>
458525
</section>
459526

527+
<section class="slide">
528+
<div class="eyebrow">Concept evolution</div>
529+
<div class="content">
530+
<h2>How <span class="accent">DevOps automation</span> evolves</h2>
531+
<div class="concept-evolution">
532+
<p class="concept-evolution-label">Automation maturity: what starts as CI/CD scaffolding grows into a shared platform capability and then becomes a self-service developer experience.</p>
533+
<div class="concept-track" aria-label="CI/CD template evolves into platform engineering and then IDP">
534+
<div class="card concept-step">
535+
<span class="pill concept-kicker">Automation maturity</span>
536+
<h3>CI/CD template</h3>
537+
<p>Automates stack setup with repeatable pipelines, checks, and deployment defaults.</p>
538+
</div>
539+
<div class="concept-arrow" aria-hidden="true">→</div>
540+
<div class="card concept-step">
541+
<span class="pill concept-kicker">Shared capability</span>
542+
<h3>Platform Engineering</h3>
543+
<p>Turns repeatable setup into an internal capability that standardises delivery without slowing teams down.</p>
544+
</div>
545+
<div class="concept-arrow" aria-hidden="true">→</div>
546+
<div class="card concept-step">
547+
<span class="pill concept-kicker">Self-service layer</span>
548+
<h3>IDP</h3>
549+
<p>Exposes that capability through a usable interface so developers can consume it as a self-service experience.</p>
550+
</div>
551+
</div>
552+
</div>
553+
</div>
554+
<div class="footer-note">
555+
<span>DevOps automation starts as templates, matures into platform capabilities, and is consumed through an IDP.</span>
556+
<span>Templates → capabilities → self-service</span>
557+
</div>
558+
</section>
559+
460560
<section class="slide">
461561
<div class="eyebrow">Map process with tools</div>
462562
<div class="content">

‎hugo-docs/static/feature-announcements/chennai-foss-2026/index.html‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -281,6 +281,63 @@
281281
font-weight: 700;
282282
}
283283

284+
.concept-evolution {
285+
display: grid;
286+
gap: 20px;
287+
}
288+
289+
.concept-evolution-label {
290+
max-width: 880px;
291+
color: var(--muted);
292+
font-size: 1.02rem;
293+
letter-spacing: 0.01em;
294+
}
295+
296+
.concept-track {
297+
display: grid;
298+
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
299+
gap: 16px;
300+
align-items: stretch;
301+
}
302+
303+
.concept-step {
304+
display: grid;
305+
align-content: start;
306+
gap: 14px;
307+
min-height: 220px;
308+
padding: 26px;
309+
background:
310+
linear-gradient(180deg, rgba(11, 24, 43, 0.92), rgba(16, 34, 58, 0.92)),
311+
radial-gradient(circle at top right, rgba(99, 179, 255, 0.16), transparent 55%);
312+
border-color: rgba(99, 179, 255, 0.16);
313+
}
314+
315+
.concept-step h3 {
316+
font-size: 1.28rem;
317+
margin-bottom: 0;
318+
}
319+
320+
.concept-step p {
321+
font-size: 1rem;
322+
}
323+
324+
.concept-kicker {
325+
width: fit-content;
326+
color: var(--cyan);
327+
border-color: rgba(106, 240, 210, 0.2);
328+
background: rgba(106, 240, 210, 0.08);
329+
}
330+
331+
.concept-arrow {
332+
display: grid;
333+
place-items: center;
334+
padding: 0 4px;
335+
color: var(--cyan);
336+
font-size: 2rem;
337+
font-weight: 800;
338+
text-shadow: 0 0 22px rgba(106, 240, 210, 0.35);
339+
}
340+
284341
.footer-note {
285342
display: flex;
286343
justify-content: space-between;
@@ -349,6 +406,16 @@
349406
.flow {
350407
grid-template-columns: 1fr;
351408
}
409+
410+
.concept-track {
411+
grid-template-columns: 1fr;
412+
}
413+
414+
.concept-arrow {
415+
min-height: 24px;
416+
font-size: 1.7rem;
417+
transform: rotate(90deg);
418+
}
352419
}
353420

354421
@media (max-width: 760px) {
@@ -457,6 +524,39 @@ <h3>What DevOps-OS encourages</h3>
457524
</div>
458525
</section>
459526

527+
<section class="slide">
528+
<div class="eyebrow">Concept evolution</div>
529+
<div class="content">
530+
<h2>How <span class="accent">DevOps automation</span> evolves</h2>
531+
<div class="concept-evolution">
532+
<p class="concept-evolution-label">Automation maturity: what starts as CI/CD scaffolding grows into a shared platform capability and then becomes a self-service developer experience.</p>
533+
<div class="concept-track" aria-label="CI/CD template evolves into platform engineering and then IDP">
534+
<div class="card concept-step">
535+
<span class="pill concept-kicker">Automation maturity</span>
536+
<h3>CI/CD template</h3>
537+
<p>Automates stack setup with repeatable pipelines, checks, and deployment defaults.</p>
538+
</div>
539+
<div class="concept-arrow" aria-hidden="true">→</div>
540+
<div class="card concept-step">
541+
<span class="pill concept-kicker">Shared capability</span>
542+
<h3>Platform Engineering</h3>
543+
<p>Turns repeatable setup into an internal capability that standardises delivery without slowing teams down.</p>
544+
</div>
545+
<div class="concept-arrow" aria-hidden="true">→</div>
546+
<div class="card concept-step">
547+
<span class="pill concept-kicker">Self-service layer</span>
548+
<h3>IDP</h3>
549+
<p>Exposes that capability through a usable interface so developers can consume it as a self-service experience.</p>
550+
</div>
551+
</div>
552+
</div>
553+
</div>
554+
<div class="footer-note">
555+
<span>DevOps automation starts as templates, matures into platform capabilities, and is consumed through an IDP.</span>
556+
<span>Templates → capabilities → self-service</span>
557+
</div>
558+
</section>
559+
460560
<section class="slide">
461561
<div class="eyebrow">Map process with tools</div>
462562
<div class="content">

0 commit comments

Comments
 (0)