Define custom section partial for K8s overview

Tim Bannister · Tim Bannister · commit fef04ab4c481 · 2024-06-06T16:04:16.000+01:00
diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss
@@ -477,7 +477,8 @@ section#cncf {
 }
 
 // OCEAN NODES
-#oceanNodes {
+#oceanNodes, .td-home .k8s-overview {
+
   padding-top: $ocean-nodes-padding-Y;
   padding-bottom: $ocean-nodes-padding-Y;
 
diff --git a/assets/scss/_desktop.scss b/assets/scss/_desktop.scss
@@ -23,7 +23,7 @@ $video-section-height: 550px;
     }
   }
 
-  #oceanNodes {
+  #oceanNodes, .td-home .k8s-overview {
     .main-section {
       position: relative;
 
diff --git a/assets/scss/_tablet.scss b/assets/scss/_tablet.scss
@@ -66,7 +66,7 @@ $feature-box-div-width: 45%;
     }
   }
 
-  #oceanNodes {
+  #oceanNodes, .td-home .k8s-overview {
     h3 {
       text-align: left;
       margin-bottom: 18px;
diff --git a/layouts/partials/kubernetes-overview.html b/layouts/partials/kubernetes-overview.html
@@ -0,0 +1,3 @@
+<section id="{{ .id }}"{{ with .class }} class="{{ . }}"{{ end }}>
+  {{ .inner }}
+</section>
diff --git a/layouts/shortcodes/blocks/section.html b/layouts/shortcodes/blocks/section.html
@@ -2,10 +2,15 @@
 {{- $style := .Get "style" -}}
 {{- $id := .Get "id" | default (printf "section-%d" .Ordinal) -}}
 {{- $bg := .Get "background-image" -}}
+{{/* special case Kubernetes overview */}}
+{{- if eq $class "k8s-overview" -}}
+	{{- partial "kubernetes-overview.html" (dict "id" $id "class" $class "inner" $.Inner ) -}}
+{{- else -}}
 {{- if $bg -}}
 	{{ template "shortcodes-blocks_getimage" (dict "name" $bg "ctx" . "target" "bg") }}
 {{- end -}}
 {{- $image := $.Scratch.Get "bg" -}}
 <section id="{{ $id }}"{{ with $class }} class="{{ . }}"{{ end }} style="{{ with $image }}background-image: url({{ .Permalink }}); {{ end }}{{ with $style }}{{ . | safeCSS }}{{ end }}">
 	{{ $.Inner }}
 </section>
+{{- end -}}

Original file line number	Diff line number	Diff line change
`@@ -477,7 +477,8 @@ section#cncf {`
`477`	`477`	`}`
`478`	`478`
`479`	`479`	`// OCEAN NODES`
`480`		`-#oceanNodes {`
	`480`	`+#oceanNodes, .td-home .k8s-overview {`
	`481`	`+`
`481`	`482`	`padding-top: $ocean-nodes-padding-Y;`
`482`	`483`	`padding-bottom: $ocean-nodes-padding-Y;`
`483`	`484`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ $video-section-height: 550px;`
`23`	`23`	`}`
`24`	`24`	`}`
`25`	`25`
`26`		`- #oceanNodes {`
	`26`	`+ #oceanNodes, .td-home .k8s-overview {`
`27`	`27`	`.main-section {`
`28`	`28`	`position: relative;`
`29`	`29`
Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@ $feature-box-div-width: 45%;`
`66`	`66`	`}`
`67`	`67`	`}`
`68`	`68`
`69`		`- #oceanNodes {`
	`69`	`+ #oceanNodes, .td-home .k8s-overview {`
`70`	`70`	`h3 {`
`71`	`71`	`text-align: left;`
`72`	`72`	`margin-bottom: 18px;`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<section id="{{ .id }}"{{ with .class }} class="{{ . }}"{{ end }}>`
	`2`	`+ {{ .inner }}`
	`3`	`+</section>`