PE Pillars series

content/blog/platform-engineering-pillars-1/index.md

@@ -9,6 +9,7 @@ authors:
 tags:
     - platform-engineering
     - platform-engineering-pillars
+series: platform-engineering-pillars
 social:
     twitter: >
         Introducing our new series on Platform Engineering Pillars! Learn how to transform infrastructure chaos and developer friction into a streamlined development experience. Dive into the 6 essential capabilities every successful platform needs.

content/blog/platform-engineering-pillars-2/index.md

@@ -9,6 +9,7 @@ authors:
 tags:
     - platform-engineering
     - platform-engineering-pillars
+series: platform-engineering-pillars
 social:
     twitter: >
             ️ Mastering Infrastructure Provisioning: the foundation of successful platform engineering! Learn how to eliminate bottlenecks, standardize with IaC, and create golden paths that empower developers while maintaining security and consistency. Stop fighting infrastructure chaos and start building platforms that scale.

content/blog/platform-engineering-pillars-3/index.md

@@ -9,6 +9,7 @@ authors:
 tags:
     - platform-engineering
     - platform-engineering-pillars
+series: platform-engineering-pillars
 social:
     twitter: >
             Self-Service Infrastructure: the key to scaling platform engineering! Learn how to break free from approval bottlenecks, implement modular abstractions, and create two-level architectures that empower developers while maintaining governance. Stop fighting manual processes and start building platforms that scale.

content/blog/platform-engineering-pillars-4/index.md

@@ -9,6 +9,7 @@ authors:
 tags:
     - platform-engineering
     - platform-engineering-pillars
+series: platform-engineering-pillars
 social:
     twitter: >
             Developer Experience: the key to platform engineering success! Learn how to eliminate friction points, implement standardized templates, and build fast CI/CD pipelines that help developers achieve flow state and ship features faster.

content/blog/platform-engineering-pillars-5/index.md

@@ -9,6 +9,7 @@ authors:
 tags:
     - platform-engineering
     - platform-engineering-pillars
+series: platform-engineering-pillars
 social:
     twitter: >
       Security doesn't have to be a roadblock! By embedding guardrails directly into your platform with policy-as-code, centralized secrets management, and identity-based authentication, you transform security from gatekeeper to enabler. Developers move faster WITH confidence, not despite security!

layouts/blog/single.html

@@ -3,7 +3,11 @@
         <div class="xxl:flex">
             <div class="flex flex-col lg:flex-row xxl:w-9/12">
                 <div class="lg:w-1/4 xxl:w-4/12 pr-8">
-                    {{ partial "blog/sidebar.html" . }}
+                    {{ if .Params.series }}
+                        {{ partial "blog/series-sidebar.html" . }}
+                    {{ else }}
+                        {{ partial "blog/sidebar.html" . }}
+                    {{ end }}
                 </div>
 
                 <div class="lg:w-3/4 xxl:w-9/12">

layouts/partials/blog/series-sidebar.html

@@ -0,0 +1,96 @@
+<!--
+    Series sidebar, showing all posts in the current series with the current post highlighted.
+-->
+<aside class="lg:pr-8 sticky-sidebar">
+    <!-- Sidebar menu toggle for mobile. -->
+    <div class="lg:hidden">
+        <button class="blog-sidebar-toggle items-center px-3 py-2 border rounded text-purple border-purple">Toggle Series Navigation</button>
+    </div>
+
+    <h2 class="no-anchor hidden lg:flex mt-2 mb-6">
+        <a data-track="sidebar" class="text-2xl" href="{{ relref . "/blog" }}">Pulumi Blog</a>
+    </h2>
+
+    <!-- Sidebar content. Hidden on smaller displays unless toggled. -->
+    <div class="blog-sidebar-content hidden lg:block">
+        {{ partial "blog/search" . }}
+
+        <hr class="my-8" />
+
+        {{ $currentSeries := .Page.Params.series }}
+        {{ if $currentSeries }}
+            <!-- Series Navigation -->
+            <div class="my-4">
+                <h5 class="no-anchor text-lg font-semibold mb-4">In This Series</h5>
+
+                <!-- Get all posts with the same series tag, including future posts, sorted chronologically -->
+                {{ $allPages := .Site.AllPages }}
+                {{ $seriesPosts := where $allPages "Params.series" $currentSeries }}
+                {{ $seriesPosts := $seriesPosts.ByDate }}
+
+                <ul class="list-none p-0 space-y-3">
+                    {{ range $index, $post := $seriesPosts }}
+                        <li class="leading-snug">
+                            {{ if eq $post.RelPermalink $.Page.RelPermalink }}
+                                <!-- Current post - highlighted -->
+                                <div class="bg-blue-50 border-l-4 border-blue-500 pl-3 py-2 rounded-r">
+                                    {{ if strings.Contains $post.Title ":" }}
+                                        {{ $titleParts := split $post.Title ":" }}
+                                        <div class="text-sm font-semibold text-blue-900">{{ add $index 1 }}. {{ trim (index $titleParts 0) " " }}</div>
+                                        <div class="text-xs text-blue-700 mt-1">{{ trim (index $titleParts 1) " " }}</div>
+                                    {{ else }}
+                                        <span class="text-sm font-semibold text-blue-900">{{ add $index 1 }}. {{ $post.Title }}</span>
+                                    {{ end }}
+                                    <div class="text-xs text-blue-600 mt-1">Current post</div>
+                                </div>
+                            {{ else }}
+                                <!-- Other posts in series -->
+                                {{ if $post.Date.After now }}
+                                    <!-- Future post - show as coming soon -->
+                                    <div class="pl-3 py-1 opacity-60">
+                                        <div class="text-sm text-gray-500">
+                                            {{ if strings.Contains $post.Title ":" }}
+                                                {{ $titleParts := split $post.Title ":" }}
+                                                <div class="font-medium">{{ add $index 1 }}. {{ trim (index $titleParts 0) " " }}</div>
+                                                <div class="text-xs text-gray-400 mt-1">{{ trim (index $titleParts 1) " " }}</div>
+                                            {{ else }}
+                                                {{ add $index 1 }}. {{ $post.Title }}
+                                            {{ end }}
+                                        </div>
+                                        <div class="text-xs text-blue-400 mt-1">Coming {{ $post.Date.Format "Jan 2" }}</div>
+                                    </div>
+                                {{ else }}
+                                    <!-- Published post -->
+                                    <div class="pl-3 py-1">
+                                        <a data-track="series-post" class="text-sm hover:text-blue-600" href="{{ $post.RelPermalink }}">
+                                            {{ if strings.Contains $post.Title ":" }}
+                                                {{ $titleParts := split $post.Title ":" }}
+                                                <div class="font-medium">{{ add $index 1 }}. {{ trim (index $titleParts 0) " " }}</div>
+                                                <div class="text-xs text-gray-600 mt-1">{{ trim (index $titleParts 1) " " }}</div>
+                                            {{ else }}
+                                                {{ add $index 1 }}. {{ $post.Title }}
+                                            {{ end }}
+                                        </a>
+                                    </div>
+                                {{ end }}
+                            {{ end }}
+                        </li>
+                    {{ end }}
+                </ul>
+
+                <!-- Link to view all series posts -->
+                <div class="mt-4 pt-3">
+                    <a class="text-blue-600 text-sm" href="/blog/tag/{{ $currentSeries | urlize }}/">View whole series &rarr;</a>
+                </div>
+            </div>
+        {{ end }}
+
+        <hr class="my-8" />
+
+        {{ partial "sidebar-cta" . }}
+    </div>
+
+    <div class="lg:hidden pb-4">
+        <!-- Vertical spacer, for mobile layouts. -->
+    </div>
+</aside>