From 9d084658b6162e1025c4f1429232bb57677cb0df Mon Sep 17 00:00:00 2001
From: Aron <i@aron.tw>
Date: Tue, 12 Mar 2024 22:33:23 +0800
Subject: [PATCH] Update rendering mode descriptions

---
 website/app/[locale]/(root)/docs/rendering-modes/Layout.tsx | 2 +-
 .../app/[locale]/(root)/docs/rendering-modes/content.mdx    | 6 +++---
 .../docs/rendering-modes/progressive-rendering/metadata.ts  | 2 +-
 .../docs/rendering-modes/runtime-rendering/metadata.ts      | 2 +-
 .../docs/rendering-modes/static-extraction/metadata.ts      | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/website/app/[locale]/(root)/docs/rendering-modes/Layout.tsx b/website/app/[locale]/(root)/docs/rendering-modes/Layout.tsx
index 0595141e0..db24d28e7 100644
--- a/website/app/[locale]/(root)/docs/rendering-modes/Layout.tsx
+++ b/website/app/[locale]/(root)/docs/rendering-modes/Layout.tsx
@@ -10,7 +10,7 @@ export default async function Layout(props: any) {
             metadata={metadata}
             toc={props.toc}
         >
-            <p className='text:20 max-w:screen-sm'>It&#39;s flexible — can be runtime, zero-runtime, or even hybrid.</p>
+            <p className='text:18 text:20@sm max-w:screen-sm'>It&#39;s flexible — can be runtime, zero-runtime, or even hybrid.</p>
             {!props.hideTabs && <Tabs className="mb:8x">
                 <Tab href='/docs/rendering-modes'>{$('Compare')}</Tab>
                 <Tab href='/docs/rendering-modes/progressive-rendering'>{$('Progressive Rendering')} 🚧</Tab>
diff --git a/website/app/[locale]/(root)/docs/rendering-modes/content.mdx b/website/app/[locale]/(root)/docs/rendering-modes/content.mdx
index fcc5f2aa6..1c94b6630 100644
--- a/website/app/[locale]/(root)/docs/rendering-modes/content.mdx
+++ b/website/app/[locale]/(root)/docs/rendering-modes/content.mdx
@@ -4,19 +4,19 @@
             <th className="sticky top:48 top:60@sm pt:4x bg:base w:1/3">
                 <DocBadge $color="primary" $size="xs" className="mb:15">Recommended</DocBadge>
                 <div className="font:22@sm font:bold">Progressive Rendering</div>
-                <p className="fg:neutral font:regular text:14 mt:2x hide@<sm">Renders HTML statically or server-side for class names, generates CSS rules, and loads the runtime engine asynchronously.</p>
+                <p className="fg:neutral font:regular text:14! mt:2x hide@<sm">Render the CSS rules required for the page on the server side or at build time, and lazily load the runtime engine.</p>
                 <LearnMore href="/docs/rendering-modes/progressive-rendering">Learn more</LearnMore>
             </th>
             <th className="sticky top:48 top:60@sm pt:4x bg:base w:1/3">
                 <DocBadge $color="fade" $size="xs" className="mb:15">Easiest</DocBadge>
                 <div className="font:22@sm font:bold">Runtime Rendering</div>
-                <p className="fg:neutral font:regular text:14 mt:2x hide@<sm">Observe for changes to class names in the DOM tree to manipulate CSS rules and sync to the runtime stylesheet.</p>
+                <p className="fg:neutral font:regular text:14! mt:2x hide@<sm">Observe for changes to class names in the DOM tree to manipulate CSS rules and sync to the runtime stylesheet.</p>
                 <LearnMore href="/docs/rendering-modes/runtime-rendering">Learn more</LearnMore>
             </th>
             <th className="sticky top:48 top:60@sm pt:4x bg:base w:1/3">
                 <DocBadge $color="fade" $size="xs" className="mb:15 invisible">Zero Runtime</DocBadge>
                 <div className="font:22@sm font:bold">Static Extraction</div>
-                <p className="fg:neutral font:regular text:14 mt:2x hide@<sm">Extract class names from various files at build time, generate a virtual CSS module or file, and import it into the entry file.</p>
+                <p className="fg:neutral font:regular text:14! mt:2x hide@<sm">Extract class names from various files at build time, generate a virtual CSS module or file, and import it into the entry file.</p>
                 <LearnMore href="/docs/rendering-modes/static-extraction">Learn more</LearnMore>
             </th>
         </tr>
diff --git a/website/app/[locale]/(root)/docs/rendering-modes/progressive-rendering/metadata.ts b/website/app/[locale]/(root)/docs/rendering-modes/progressive-rendering/metadata.ts
index 52886f7cc..c3d0533ba 100644
--- a/website/app/[locale]/(root)/docs/rendering-modes/progressive-rendering/metadata.ts
+++ b/website/app/[locale]/(root)/docs/rendering-modes/progressive-rendering/metadata.ts
@@ -2,7 +2,7 @@ import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Progressive Rendering',
-    description: 'Master CSS Progressive Rendering scans the rendered HTML server-side or at build time, generates the corresponding CSS rules for each page, and lazy loads the runtime engine to keep track of the dynamic class names.',
+    description: 'Render the CSS rules required for the page on the server side or at build time, and lazily load the runtime engine.',
     category: 'Rendering Modes',
     unfinished: true
 }
diff --git a/website/app/[locale]/(root)/docs/rendering-modes/runtime-rendering/metadata.ts b/website/app/[locale]/(root)/docs/rendering-modes/runtime-rendering/metadata.ts
index 1fbbf54b8..89fe53a31 100644
--- a/website/app/[locale]/(root)/docs/rendering-modes/runtime-rendering/metadata.ts
+++ b/website/app/[locale]/(root)/docs/rendering-modes/runtime-rendering/metadata.ts
@@ -2,7 +2,7 @@ import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Runtime Rendering',
-    description: 'Master CSS Runtime Rendering observes changes in DOM class names at browser runtime, generates corresponding CSS rules, and injects them into the running style sheet.',
+    description: 'Observe for changes to class names in the DOM tree to manipulate CSS rules and sync to the runtime stylesheet.',
     category: 'Rendering Modes',
 }
 
diff --git a/website/app/[locale]/(root)/docs/rendering-modes/static-extraction/metadata.ts b/website/app/[locale]/(root)/docs/rendering-modes/static-extraction/metadata.ts
index c4e4df588..9ce9004ef 100644
--- a/website/app/[locale]/(root)/docs/rendering-modes/static-extraction/metadata.ts
+++ b/website/app/[locale]/(root)/docs/rendering-modes/static-extraction/metadata.ts
@@ -2,7 +2,7 @@ import { Metadata } from 'websites/types/Metadata'
 
 const metadata: Metadata = {
     title: 'Static Extraction',
-    description: 'Master CSS Static Extraction integrates build tools to scan project source code, extract class names, generate CSS rules, and write them into a virtual CSS module.',
+    description: 'Extract class names from various files at build time, generate a virtual CSS module or file, and import it into the entry file.',
     category: 'Rendering Modes',
     unfinished: true
 }