9.x adjustments to the landing page (#1665)

* Remove 9.0 banner

* Adjust landing page

* Use the current stack version in the landing page

Author: cotti

src/Elastic.Documentation.Site/Assets/dismissible-banner.ts

@@ -1,5 +1,4 @@
 import { initCopyButton } from './copybutton'
-import { initDismissibleBanner } from './dismissible-banner'
 import { initHighlight } from './hljs'
 import { initImageCarousel } from './image-carousel'
 import './markdown/applies-to'
@@ -33,7 +32,6 @@ document.addEventListener('htmx:load', function (event) {
     }
     initSmoothScroll()
     openDetailsWithAnchor()
-    initDismissibleBanner()
     initImageCarousel()
 
     const urlParams = new URLSearchParams(window.location.search)

src/Elastic.Documentation.Site/Assets/main.ts

@@ -215,17 +215,6 @@ body {
 	display: none;
 }
 
-#dismissible-banner {
-	@apply font-body sticky bottom-0 z-50 mt-0 hidden flex-row items-center justify-between p-4 text-sm;
-}
-
-#dismissible-button {
-	@apply text-blue-developer cursor-pointer text-base font-bold;
-	&:hover {
-		@apply bg-grey-20 rounded-2xl;
-	}
-}
-
 .tippy-content {
 	white-space: pre-line;
 }

src/Elastic.Documentation.Site/Assets/styles.css

@@ -10,7 +10,8 @@
 		<div class="container mx-auto pt-16 pb-10 grid md:grid-cols-2 items-center gap-6">
 			<div>
 				<h1 class="text-4xl font-bold font-sans text-black">Elastic Docs</h1>
-				<p class="mt-4">Find the help you need, wherever you are in your Elastic journey.</p>
+				<p class="mt-4">Welcome to the docs that cover all changes in <span class="whitespace-nowrap">Elastic Stack 9.0.0</span> and later, including <span class="whitespace-nowrap">Elastic Stack @Model.CurrentVersion</span> and <span class="whitespace-nowrap">Elastic Cloud Serverless</span>.
+					For easy reference, changes in 9.1.0 are marked inline. For details, check <a href="https://www.elastic.co/docs/get-started/versioning-availability" class="link">Understanding versioning and availability.</a></p>
 				<div class="flex md:inline-flex gap-3 mt-6">
 					<a href="@Model.Link("/get-started/")" class="grow select-none cursor-pointer text-white text-nowrap bg-blue-elastic hover:bg-blue-elastic-110 focus:ring-4 focus:ring-blue-elastic-50 font-semibold font-sans rounded-sm px-6 py-2 focus:outline-none h-10 flex items-center justify-center">
 						Get started
@@ -53,8 +54,8 @@
 							<p class="font-sans font-bold text-xl">Elasticsearch</p>
 							<p class="mt-2 grow">Build powerful search and RAG applications using Elasticsearch's vector database, AI toolkit, and advanced retrieval capabilities.</p>
 							<div class="grid grid-cols-1 mt-6 gap-2">
-								<a href="@Model.Link("/solutions/search")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View @Model.CurrentVersion docs</a>
-								<a href="https://www.elastic.co/guide/en/elasticsearch/reference/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">View other versions</a>
+								<a href="@Model.Link("/solutions/search")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">9.0+ (latest @Model.CurrentVersion) docs</a>
+								<a href="https://www.elastic.co/guide/en/elasticsearch/reference/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">Previous versions</a>
 							</div>
 						</div>
 					</div>
@@ -66,8 +67,8 @@
 							<p class="font-sans font-bold text-xl">Observability</p>
 							<p class="mt-2 grow">Resolve problems with open, flexible, and unified observability powered by advanced machine learning and analytics.</p>
 							<div class="grid grid-cols-1 mt-6 gap-2">
-								<a href="@Model.Link("/solutions/observability")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View @Model.CurrentVersion docs</a>
-								<a href="https://www.elastic.co/guide/en/observability/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">View other versions</a>
+								<a href="@Model.Link("/solutions/observability")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">9.0+ (latest @Model.CurrentVersion) docs</a>
+								<a href="https://www.elastic.co/guide/en/observability/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">Previous versions</a>
 							</div>
 						</div>
 					</div>
@@ -80,8 +81,8 @@
 							<p class="font-sans font-bold text-xl">Security</p>
 							<p class="mt-2 grow">Detect, investigate, and respond to threats with AI-driven security analytics to protect your organization at scale.</p>
 							<div class="grid grid-cols-1 mt-6 gap-2">
-								<a href="@Model.Link("/solutions/security")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">View @Model.CurrentVersion docs</a>
-								<a href="https://www.elastic.co/guide/en/security/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">View other versions</a>
+								<a href="@Model.Link("/solutions/security")" class="text-blue-elastic hover:text-blue-elastic-100 font-sans font-semibold">9.0+ (latest @Model.CurrentVersion) docs</a>
+								<a href="https://www.elastic.co/guide/en/security/index.html" class="text-sm text-grey-70 hover:text-grey-100 font-sans font-semibold">Previous versions</a>
 							</div>
 						</div>
 					</div>
@@ -224,7 +225,7 @@
 			<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-4 mt-6 bg-ink-dark text-white">
 				<div class="flex flex-col p-6">
 					<h3 class="font-sans font-bold text-2xl">Release notes</h3>
-					<p class="grow mt-4">Explore the latest features and changes in Elastic.</p>
+					<p class="grow mt-4">Explore the latest features and changes in Elastic, including the latest 9.1.0 version of the Elastic Stack.</p>
 					<div class="mt-6">
 						<a href="@Model.Link("/release-notes/")" class="link text-white">
 							View release notes

src/Elastic.Markdown/Layout/_LandingPage.cshtml

@@ -37,7 +37,7 @@
 		StaticFileContentHashProvider = Model.StaticFileContentHashProvider,
 		ReportIssueUrl = Model.ReportIssueUrl,
 		LegacyPages = Model.LegacyPages,
-		CurrentVersion = Model.CurrentVersion,
+		CurrentVersion = Model.CurrentDocument.YamlFrontMatter?.Layout == MarkdownPageLayout.LandingPage ? Model.VersionsConfig.VersioningSystems[0].Current : Model.CurrentVersion,
 		AllVersionsUrl = Model.AllVersionsUrl,
 		VersionDropdownSerializedModel = JsonSerializer.Serialize(Model.VersionDropdownItems,
 			ViewModelSerializerContext.Default.VersionDrownDownItemViewModelArray),

src/Elastic.Markdown/Page/Index.cshtml

@@ -7,19 +7,6 @@
 	{
 		if (name == GlobalSections.Footer && Model.Layout is not MarkdownPageLayout.Archive)
 		{
-			<aside id="dismissible-banner" class="admonition tip">
-				<div class="container flex justify-between items-center mx-auto">
-					<p>
-						Welcome to the docs for the <a class="link text-base" href="/docs/get-started/versioning-availability#find-docs-for-your-product-version">latest Elastic product versions</a>, including Elastic Stack 9.0 and Elastic Cloud Serverless.
-						To view previous versions, go to <a class="link text-base" target="_blank" href="https://elastic.co/guide">elastic.co/guide</a>.
-					</p>
-					<button id="dismissible-button">
-						<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
-							<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
-						</svg>
-					</button>
-				</div>
-			</aside>
 			//this ensures we forward footer sections declared in this project into to GlobalLayout view's section
 			await RenderSectionAsync(GlobalSections.Footer);
 		}