[site]Add stdf@next link

any-tdf · Dec 2, 2024 · 6271d7e · 6271d7e
1 parent 43fee55
commit 6271d7e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 14 deletions.
diff --git a/site/src/App.svelte b/site/src/App.svelte
@@ -45,9 +45,16 @@
 </svelte:head>
 
 <main class="bg-primaryWhite dark:bg-darkBlack text-black dark:text-white relative min-h-screen text-justify antialiased">
-	{#if !isZh && ($location === '' || $location === '/')}
-		<div class="bg-primary text-white dark:bg-dark dark:text-black text-center text-xs py-1 px-2">
-			The english documentation is translated by machine, please help to correct if there is any error, thank you very much!
+	<!-- main -> next -->
+	{#if $location === '' || $location === '/'}
+		<div class="bg-primary dark:bg-dark px-2 py-1 text-center text-xs text-white dark:text-black">
+			{#if isZh}
+				这是 v0.x 文档，v1.0.0@next 请访问 <a href="https://next.stdf.design" class="underline" target="_blank">next.stdf.design</a>
+			{:else}
+				This is the v0.x documentation, please visit <a href="https://next.stdf.design" class="underline" target="_blank">
+					next.stdf.design
+				</a> for v1.0.0@next
+			{/if}
 		</div>
 	{/if}
 	<Header {showLeftNav} showBottonLine={!isHome} on:clickCmdK={headerCmdKFun} />

diff --git a/site/src/components/header/Header.svelte b/site/src/components/header/Header.svelte
@@ -83,17 +83,21 @@
 			{/if}
 		</div>
 	{/if}
-	<a href="#/" class="flex items-center justify-between px-6 py-2">
-		<div class="w-16 h-8 fill-primary flex flex-col justify-center items-center" title={isZh ? '首页' : 'Home'}>
-			<svg viewBox="0 0 90 80">
-				<path
-					class="fill-primary dark:fill-dark"
-					d="M0 0H20H40H50C64.8056 0 77.7325 8.04398 84.6487 20H50H40V22.6757V30H50C55.5229 30 60 34.4771 60 40C60 45.5229 55.5229 50 50 50H40V57.3243V78.7398V80H20V66.4583V20H15.3513H0V0ZM50 80C72.0914 80 90 62.0914 90 40C90 36.547 89.5625 33.1962 88.7398 30H67.3244C69.0261 32.9417 70 36.3571 70 40C70 51.0457 61.0457 60 50 60V80Z"
-				/>
-				<path class="fill-dark dark:fill-primary" d="M20 30V0L0 50H20V80L40 30H20Z" />
-			</svg>
-		</div>
-	</a>
+	<!-- main -> next -->
+	<div class="flex items-end">
+		<a href="#/" class="flex items-center justify-between py-2 pl-6" aria-label={isZh ? '首页' : 'Home'}>
+			<div class="fill-primary flex h-8 w-16 flex-col items-center justify-center" title={isZh ? '首页' : 'Home'}>
+				<svg viewBox="0 0 90 80">
+					<path
+						class="fill-primary dark:fill-dark"
+						d="M0 0H20H40H50C64.8056 0 77.7325 8.04398 84.6487 20H50H40V22.6757V30H50C55.5229 30 60 34.4771 60 40C60 45.5229 55.5229 50 50 50H40V57.3243V78.7398V80H20V66.4583V20H15.3513H0V0ZM50 80C72.0914 80 90 62.0914 90 40C90 36.547 89.5625 33.1962 88.7398 30H67.3244C69.0261 32.9417 70 36.3571 70 40C70 51.0457 61.0457 60 50 60V80Z"
+					/>
+					<path class="fill-dark dark:fill-primary" d="M20 30V0L0 50H20V80L40 30H20Z" />
+				</svg>
+			</div>
+		</a>
+		<span class="text-primary dark:text-dark text-sm">v0.x</span>
+	</div>
 	<div>
 		<div class="cursor-pointer md:hidden p-4">
 			<!-- svelte-ignore a11y-click-events-have-key-events -->