Use a different warning for preview versions

This'll match any version ending with "-preview" and show a warning that
it's a preview, instead of warning that it's an old version.

Signed-off-by: Nic Cope <nicc@rk0n.org>

Author: negz

content/contribute/infrastructure.md

@@ -390,6 +390,7 @@ Expand the tab below to see an annotated `tree` output of the website repository
 │       │   │   ├── meta-common.html  # <meta> tags used on all pages
 │       │   │   ├── ms-clarity.html   # Microsoft Clarity tags
 │       │   │   ├── old-version-alert.html  # Alert box for versions that aren't the latest
+│       │   │   ├── preview-version-alert.html  # Alert box for preview versions
 │       │   │   ├── redirect.html     # HTML meta redirect
 │       │   │   ├── release-notes.html  # Release note summary page generator
 │       │   │   ├── rollworks.html    # Rollworks analytics tags

content/v2.0-preview/get-started/install.md

@@ -3,13 +3,6 @@ title: Install Crossplane
 weight: 100
 ---
 
-{{< hint "warning" >}}
-Crossplane v2 is a preview release.
-
-**Don't use this Crossplane v2 preview in production.**
-{{< /hint >}}
-
-
 Crossplane installs into an existing Kubernetes cluster, creating the
 Crossplane pod.
 

themes/geekboot/layouts/partials/old-version-alert.html

@@ -9,7 +9,7 @@
     </div>
     <div class="mt-3">
         <p>
-            This document applies to Crossplane version v{{ .Page.Params.version }} and not to the latest release v{{.Site.Params.latest}}.
+            This document applies to Crossplane v{{ .Page.Params.version }} and not to the latest release v{{.Site.Params.latest}}.
         </p>
     </div>
 </div>

themes/geekboot/layouts/partials/preview-version-alert.html

@@ -0,0 +1,18 @@
+<div class="bd-callout bd-callout-danger d-flex flex-column w-100">
+    <div class="d-flex bd-title fs-6 fw-bold border-bottom border-info">
+        <div class="d-flex pe-3 align-self-center">
+            <svg class="bi flex-shrink-0" role="img" aria-label="Info:"><use xlink:href="#info"/></svg>
+        </div>
+        <div class="d-flex">
+            This document is for a preview version of Crossplane.
+        </div>
+    </div>
+    <div class="mt-3">
+        <p>
+            This document applies to Crossplane v{{ .Page.Params.version }} and not to the latest release v{{.Site.Params.latest}}.
+            <br />
+            <br />
+            <b>Don't use Crossplane v{{ .Page.Params.version }} in production.</b>
+        </p>
+    </div>
+</div>

themes/geekboot/layouts/partials/single-list.html

@@ -72,6 +72,8 @@ <h1 class="bd-title mb-0" id="content">{{ .Title | markdownify }}
 
           {{- if eq .Page.Params.version "master" -}}
             {{ partialCached "master-version-alert" . }}
+          {{- else if strings.HasSuffix $pageVer "-preview" -}}
+            {{ partialCached "preview-version-alert" . .Section }}
           {{- else if ne $pageVer .Site.Params.latest -}}
             {{ partialCached "old-version-alert" . .Section }}
           {{ end }}