Training page in the top nav (#19214)

* Create new page and add to top nav

Signed-off-by: Celeste Horgan <celeste@cncf.io>

* The basics

Signed-off-by: Celeste Horgan <celeste@cncf.io>

* A bit of inline css

Signed-off-by: Celeste Horgan <celeste@cncf.io>

* Fix CSS

Signed-off-by: Celeste Horgan <celeste@cncf.io>

* Fix link + Add to bottom row

Signed-off-by: Celeste Horgan <celeste@cncf.io>

* Address feedback in PR

* Address feedback from elsewhere

* Fix button alignment

* Add training partners

* Simplify css

* Apply suggestions from review

Co-Authored-By: Zach Corleissen <zacharysarah@users.noreply.github.com>

* Fix landscape + text block widths

Co-authored-by: Zach Corleissen <zacharysarah@users.noreply.github.com>

layouts/partials/css.html

@@ -25,6 +25,9 @@
 {{- if eq .Params.class "gridPage" }}
 <link rel="stylesheet" href="{{ "css/gridpage.css" | relURL }}">
 {{- end }}
+{{- if eq .Params.class "training" }}
+<link rel="stylesheet" href="{{ "css/training.css" | relURL }}">
+{{- end }}
 {{- with .Params.css }}
 {{- $extraCss := split . "," }}
 {{- range $extraCss }}

layouts/partials/footer.html

@@ -2,7 +2,7 @@
     <div class="light-text main-section">
         <nav>
             {{ with site.GetPage "page" "docs/tutorials/stateless-application/hello-minikube" }}<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>{{ end }}
-            {{ $sections := slice "docs/home" "blog" "partners" "community" "case-studies" }}
+            {{ $sections := slice "docs/home" "blog" "training" "partners" "community" "case-studies" }}
             {{ range $sections }}
             {{ with site.GetPage "section" . }}<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>{{ end }}
             {{ end }}

layouts/partials/header.html

@@ -5,7 +5,7 @@
 
     <div class="nav-buttons" data-auto-burger="primary">
         <ul class="global-nav">
-            {{ $sections := slice "docs" "blog" "partners" "community" "case-studies" }}
+            {{ $sections := slice "docs" "blog" "training" "partners" "community" "case-studies" }}
             {{ range $sections }}
             {{ with site.GetPage "section" . }}<li><a href="{{ .RelPermalink }}"{{ if eq .Section $.Section }} class="active"{{ end}}>{{ .LinkTitle }}</a></li>{{ end }}
             {{ end }}