summaryrefslogtreecommitdiff
path: root/docs/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'docs/src/pages')
-rw-r--r--docs/src/pages/404.astro6
-rw-r--r--docs/src/pages/de/404.astro6
-rw-r--r--docs/src/pages/de/themes.astro83
-rw-r--r--docs/src/pages/es/guides/markdown-content.astro11
-rw-r--r--docs/src/pages/es/guides/pagination.astro11
-rw-r--r--docs/src/pages/es/guides/publish-to-npm.astro11
-rw-r--r--docs/src/pages/es/guides/styling.astro11
-rw-r--r--docs/src/pages/es/reference/renderer-reference.astro15
-rw-r--r--docs/src/pages/index.astro48
-rw-r--r--docs/src/pages/ja/themes.astro85
-rw-r--r--docs/src/pages/themes.astro83
-rw-r--r--docs/src/pages/zh-TW/themes.astro83
12 files changed, 236 insertions, 217 deletions
diff --git a/docs/src/pages/404.astro b/docs/src/pages/404.astro
index 242cbf594..8a0bfbb5b 100644
--- a/docs/src/pages/404.astro
+++ b/docs/src/pages/404.astro
@@ -3,7 +3,7 @@ import SplashLayout from '../layouts/SplashLayout.astro';
---
<SplashLayout title="Not Found">
- <h1>404</h1>
- <p>This page isn't in our solar system.</p>
- <a href="/">Take me home.</a>
+ <h1>404</h1>
+ <p>This page isn't in our solar system.</p>
+ <a href="/">Take me home.</a>
</SplashLayout>
diff --git a/docs/src/pages/de/404.astro b/docs/src/pages/de/404.astro
index fe950b41d..7107cc49a 100644
--- a/docs/src/pages/de/404.astro
+++ b/docs/src/pages/de/404.astro
@@ -3,7 +3,7 @@ import SplashLayout from '../../layouts/SplashLayout.astro';
---
<SplashLayout title="Nicht gefunden">
- <h1>404</h1>
- <p>Diese Seite befindet sich nicht in unserem Sonnensystem.</p>
- <a href="/">Bring mich nach Hause.</a>
+ <h1>404</h1>
+ <p>Diese Seite befindet sich nicht in unserem Sonnensystem.</p>
+ <a href="/">Bring mich nach Hause.</a>
</SplashLayout>
diff --git a/docs/src/pages/de/themes.astro b/docs/src/pages/de/themes.astro
index 81db14520..b33fe3c03 100644
--- a/docs/src/pages/de/themes.astro
+++ b/docs/src/pages/de/themes.astro
@@ -5,48 +5,49 @@ import { Markdown } from 'astro/components';
import themes from '../../data/themes.json';
import components from '../../data/components.json';
---
-<Layout content={{title: 'Vorlagen'}} hideRightSidebar>
- <style>
- .card-grid {
- display: grid;
- grid-column-gap: 15px;
- grid-row-gap: 15px;
- grid-auto-flow: dense;
- grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
- }
- </style>
- <Markdown>
- ## Vorgestellte Vorlagen
- </Markdown>
- <div class="card-grid">
- {themes.featured.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## Offizielle Vorlagen
- Astro pflegt verschiedene offizielle Vorlagen für Dokumentationssites, Portfolios und mehr.
- </Markdown>
- <div class="card-grid">
- {themes.official.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## Vorlagen aus der Community
+<Layout content={{ title: 'Vorlagen' }} hideRightSidebar>
+ <style>
+ .card-grid {
+ display: grid;
+ grid-column-gap: 15px;
+ grid-row-gap: 15px;
+ grid-auto-flow: dense;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ }
+ </style>
+ <Markdown>
+ ## Vorgestellte Vorlagen
+ </Markdown>
+ <div class="card-grid">
+ {themes.featured.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## Offizielle Vorlagen
- Sieh dir einige von unserer Community entwickelte Vorlagen an!
- </Markdown>
- <div class="card-grid">
- {themes.community.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## Vorgestellte Packages
+ Astro pflegt verschiedene offizielle Vorlagen für Dokumentationssites, Portfolios und mehr.
+ </Markdown>
+ <div class="card-grid">
+ {themes.official.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## Vorlagen aus der Community
- Unser Package-Ökosystem wächst stetig! Sieh dir die hier vorgestellten Packages unserer Community an. Durchsuche unsere vollständige Sammlung [auf npm.](https://www.npmjs.com/search?q=keywords%3Aastro-component)
- </Markdown>
- <div class="card-grid">
- {components.community.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- > Möchtest du deine eigene Arbeit hier sehen? [Teile sie in Discord!](https://astro.build/chat)
- Wir teilen hier regelmäßig unsere Favoriten aus dem #showcase-Channel.
- </Markdown>
+ Sieh dir einige von unserer Community entwickelte Vorlagen an!
+ </Markdown>
+ <div class="card-grid">
+ {themes.community.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## Vorgestellte Packages
+
+ Unser Package-Ökosystem wächst stetig! Sieh dir die hier vorgestellten Packages unserer Community an. Durchsuche unsere vollständige Sammlung [auf npm.](https://www.npmjs.com/search?q=keywords%3Aastro-component)
+ </Markdown>
+ <div class="card-grid">
+ {components.community.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ > Möchtest du deine eigene Arbeit hier sehen? [Teile sie in Discord!](https://astro.build/chat)
+ > Wir teilen hier regelmäßig unsere Favoriten aus dem #showcase-Channel.
+ </Markdown>
</Layout>
diff --git a/docs/src/pages/es/guides/markdown-content.astro b/docs/src/pages/es/guides/markdown-content.astro
index 562511baf..ca2c5574d 100644
--- a/docs/src/pages/es/guides/markdown-content.astro
+++ b/docs/src/pages/es/guides/markdown-content.astro
@@ -4,10 +4,9 @@ import MainLayout from '~/layouts/MainLayout.astro';
const [content] = Astro.fetchContent('/src/pages/guides/markdown-content.md');
---
-<MainLayout content="{content}">
- <Markdown>
- > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
- </Markdown>
- {content.astro.html}
+<MainLayout {content}>
+ <Markdown>
+ > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
+ </Markdown>
+ {content.astro.html}
</MainLayout>
-
diff --git a/docs/src/pages/es/guides/pagination.astro b/docs/src/pages/es/guides/pagination.astro
index 65c0fe3c4..ad7682695 100644
--- a/docs/src/pages/es/guides/pagination.astro
+++ b/docs/src/pages/es/guides/pagination.astro
@@ -4,10 +4,9 @@ import MainLayout from '~/layouts/MainLayout.astro';
const [content] = Astro.fetchContent('/src/pages/guides/pagination.md');
---
-<MainLayout content="{content}">
- <Markdown>
- > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
- </Markdown>
- {content.astro.html}
+<MainLayout {content}>
+ <Markdown>
+ > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
+ </Markdown>
+ {content.astro.html}
</MainLayout>
-
diff --git a/docs/src/pages/es/guides/publish-to-npm.astro b/docs/src/pages/es/guides/publish-to-npm.astro
index a1ffac93c..d745b8b7c 100644
--- a/docs/src/pages/es/guides/publish-to-npm.astro
+++ b/docs/src/pages/es/guides/publish-to-npm.astro
@@ -4,10 +4,9 @@ import MainLayout from '~/layouts/MainLayout.astro';
const [content] = Astro.fetchContent('/src/pages/guides/publish-to-npm.md');
---
-<MainLayout content="{content}">
- <Markdown>
- > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
- </Markdown>
- {content.astro.html}
+<MainLayout {content}>
+ <Markdown>
+ > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
+ </Markdown>
+ {content.astro.html}
</MainLayout>
-
diff --git a/docs/src/pages/es/guides/styling.astro b/docs/src/pages/es/guides/styling.astro
index d15e6298f..b153798c3 100644
--- a/docs/src/pages/es/guides/styling.astro
+++ b/docs/src/pages/es/guides/styling.astro
@@ -4,10 +4,9 @@ import MainLayout from '~/layouts/MainLayout.astro';
const [content] = Astro.fetchContent('/src/pages/guides/styling.md');
---
-<MainLayout content="{content}">
- <Markdown>
- > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
- </Markdown>
- {content.astro.html}
+<MainLayout {content}>
+ <Markdown>
+ > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
+ </Markdown>
+ {content.astro.html}
</MainLayout>
-
diff --git a/docs/src/pages/es/reference/renderer-reference.astro b/docs/src/pages/es/reference/renderer-reference.astro
index f3c703a60..131b95ab4 100644
--- a/docs/src/pages/es/reference/renderer-reference.astro
+++ b/docs/src/pages/es/reference/renderer-reference.astro
@@ -1,13 +1,14 @@
---
import { Markdown } from 'astro/components';
import MainLayout from '~/layouts/MainLayout.astro';
-const [content] = Astro.fetchContent('/src/pages/reference/renderer-reference.md');
+const [content] = Astro.fetchContent(
+ '/src/pages/reference/renderer-reference.md'
+);
---
-<MainLayout content="{content}">
- <Markdown>
- > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
- </Markdown>
- {content.astro.html}
+<MainLayout {content}>
+ <Markdown>
+ > Esta página todavía no está disponible en Español. Se muestra la versión en inglés.
+ </Markdown>
+ {content.astro.html}
</MainLayout>
-
diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
index 74bf80c9c..ed0831cbd 100644
--- a/docs/src/pages/index.astro
+++ b/docs/src/pages/index.astro
@@ -3,19 +3,37 @@ import Layout from '../layouts/MainLayout.astro';
---
<script>
- // WIP: trigger a client-side redirect based on the browser language.
- // A vercel.json redirect is enforced in production, so no user should ever see this page.
- // Remove the vercel.json redirect when this is ready.
- const KNOWN_LANGUAGES = ['bg', 'de','en','es','fi','nl','pt-br','zh-CN','zh-TW', 'fr', 'kr', 'da', 'ja'];
- let newLangWithRegion = (window.navigator.userLanguage || window.navigator.language || 'en-US').substr(0, 5);
- let newLang = newLangWithRegion.substr(0, 2);
- if (newLang === 'en') {
- window.location.pathname = '/getting-started';
- } else if (KNOWN_LANGUAGES.includes(newLangWithRegion)) {
- window.location.pathname = '/' + newLangWithRegion + '/getting-started';
- } else if (KNOWN_LANGUAGES.includes(newLang)) {
- window.location.pathname = '/' + newLang + '/getting-started';
- } else {
- window.location.pathname = '/getting-started';
- }
+ // WIP: trigger a client-side redirect based on the browser language.
+ // A vercel.json redirect is enforced in production, so no user should ever see this page.
+ // Remove the vercel.json redirect when this is ready.
+ const KNOWN_LANGUAGES = [
+ 'bg',
+ 'de',
+ 'en',
+ 'es',
+ 'fi',
+ 'nl',
+ 'pt-br',
+ 'zh-CN',
+ 'zh-TW',
+ 'fr',
+ 'kr',
+ 'da',
+ 'ja',
+ ];
+ let newLangWithRegion = (
+ window.navigator.userLanguage ||
+ window.navigator.language ||
+ 'en-US'
+ ).substr(0, 5);
+ let newLang = newLangWithRegion.substr(0, 2);
+ if (newLang === 'en') {
+ window.location.pathname = '/getting-started';
+ } else if (KNOWN_LANGUAGES.includes(newLangWithRegion)) {
+ window.location.pathname = '/' + newLangWithRegion + '/getting-started';
+ } else if (KNOWN_LANGUAGES.includes(newLang)) {
+ window.location.pathname = '/' + newLang + '/getting-started';
+ } else {
+ window.location.pathname = '/getting-started';
+ }
</script>
diff --git a/docs/src/pages/ja/themes.astro b/docs/src/pages/ja/themes.astro
index 56810054d..5a64cf826 100644
--- a/docs/src/pages/ja/themes.astro
+++ b/docs/src/pages/ja/themes.astro
@@ -1,52 +1,53 @@
---
import Layout from '../../layouts/MainLayout.astro';
import Card from '../../components/Card.astro';
-import {Markdown} from 'astro/components';
+import { Markdown } from 'astro/components';
import themes from '../../data/themes.json';
import components from '../../data/components.json';
---
-<Layout content={{title: 'テーマ'}} hideRightSidebar>
- <style>
- .card-grid {
- display: grid;
- grid-column-gap: 15px;
- grid-row-gap: 15px;
- grid-auto-flow: dense;
- grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
- }
- </style>
- <Markdown>
- ## 注目のテーマ
- </Markdown>
- <div class="card-grid">
- {themes.featured.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## 公式テーマ
- Astroでは、ドキュメントサイトやポートフォリオなど、いくつかの公式テーマを用意しています。
- </Markdown>
- <div class="card-grid">
- {themes.official.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## コミュニティテーマ
+<Layout content={{ title: 'テーマ' }} hideRightSidebar>
+ <style>
+ .card-grid {
+ display: grid;
+ grid-column-gap: 15px;
+ grid-row-gap: 15px;
+ grid-auto-flow: dense;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ }
+ </style>
+ <Markdown>
+ ## 注目のテーマ
+ </Markdown>
+ <div class="card-grid">
+ {themes.featured.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## 公式テーマ
- コミュニティが開発したテーマをご覧ください。
- </Markdown>
- <div class="card-grid">
- {themes.community.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## 注目のパッケージ
+ Astro では、ドキュメントサイトやポートフォリオなど、いくつかの公式テーマを用意しています。
+ </Markdown>
+ <div class="card-grid">
+ {themes.official.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## コミュニティテーマ
- 私たちのパッケージエコシステムは成長し続けています。注目のコミュニティパッケージをご覧ください。コレクション全体は[npm](https://www.npmjs.com/search?q=keywords%3Aastro-component)で検索できます。
- </Markdown>
- <div class="card-grid">
- {components.community.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- > 自分のテーマを紹介したい場合は、[Discordでシェアしてください！](https://astro.build/chat)
- `#showcase` チャンネルに投稿されたお気に入りの作品をよくピックアップしています。
- </Markdown>
+ コミュニティが開発したテーマをご覧ください。
+ </Markdown>
+ <div class="card-grid">
+ {themes.community.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## 注目のパッケージ
+
+ 私たちのパッケージエコシステムは成長し続けています。注目のコミュニティパッケージをご覧ください。コレクション全体は[npm](https://www.npmjs.com/search?q=keywords%3Aastro-component)で検索できます。
+ </Markdown>
+ <div class="card-grid">
+ {components.community.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ > 自分のテーマを紹介したい場合は、[Discord でシェアしてください！](https://astro.build/chat)
+ > `#showcase` チャンネルに投稿されたお気に入りの作品をよくピックアップしています。
+ </Markdown>
</Layout>
diff --git a/docs/src/pages/themes.astro b/docs/src/pages/themes.astro
index 697335298..a8a84a48a 100644
--- a/docs/src/pages/themes.astro
+++ b/docs/src/pages/themes.astro
@@ -5,48 +5,49 @@ import { Markdown } from 'astro/components';
import themes from '../data/themes.json';
import components from '../data/components.json';
---
-<Layout content={{title: 'Themes'}} hideRightSidebar>
- <style>
- .card-grid {
- display: grid;
- grid-column-gap: 15px;
- grid-row-gap: 15px;
- grid-auto-flow: dense;
- grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
- }
- </style>
- <Markdown>
- ## Featured Theme
- </Markdown>
- <div class="card-grid">
- {themes.featured.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## Official Themes
- Astro maintains several official themes for documentation sites, portfolios, and more.
- </Markdown>
- <div class="card-grid">
- {themes.official.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## Community Themes
+<Layout content={{ title: 'Themes' }} hideRightSidebar>
+ <style>
+ .card-grid {
+ display: grid;
+ grid-column-gap: 15px;
+ grid-row-gap: 15px;
+ grid-auto-flow: dense;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ }
+ </style>
+ <Markdown>
+ ## Featured Theme
+ </Markdown>
+ <div class="card-grid">
+ {themes.featured.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## Official Themes
- Checkout some themes developed by our community!
- </Markdown>
- <div class="card-grid">
- {themes.community.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## Featured Packages
+ Astro maintains several official themes for documentation sites, portfolios, and more.
+ </Markdown>
+ <div class="card-grid">
+ {themes.official.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## Community Themes
- Our package ecosystem is growing! Check out these featured community packages. Search the entire collection [on npm.](https://www.npmjs.com/search?q=keywords%3Aastro-component)
- </Markdown>
- <div class="card-grid">
- {components.community.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- > Want to see your own work featured? [Share it to Discord!](https://astro.build/chat)
- We'll often take our favorites from the `#showcase` channel and post them here.
- </Markdown>
+ Checkout some themes developed by our community!
+ </Markdown>
+ <div class="card-grid">
+ {themes.community.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## Featured Packages
+
+ Our package ecosystem is growing! Check out these featured community packages. Search the entire collection [on npm.](https://www.npmjs.com/search?q=keywords%3Aastro-component)
+ </Markdown>
+ <div class="card-grid">
+ {components.community.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ > Want to see your own work featured? [Share it to Discord!](https://astro.build/chat)
+ > We'll often take our favorites from the `#showcase` channel and post them here.
+ </Markdown>
</Layout>
diff --git a/docs/src/pages/zh-TW/themes.astro b/docs/src/pages/zh-TW/themes.astro
index 7f4a8fa34..c1908fbc8 100644
--- a/docs/src/pages/zh-TW/themes.astro
+++ b/docs/src/pages/zh-TW/themes.astro
@@ -5,48 +5,49 @@ import { Markdown } from 'astro/components';
import themes from '../../data/themes.json';
import components from '../../data/components.json';
---
-<Layout content={{title: '佈景主題'}} hideRightSidebar>
- <style>
- .card-grid {
- display: grid;
- grid-column-gap: 15px;
- grid-row-gap: 15px;
- grid-auto-flow: dense;
- grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
- }
- </style>
- <Markdown>
- ## 精選佈景主題
- </Markdown>
- <div class="card-grid">
- {themes.featured.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## 官方佈景主題
- Astro 維護的文件網站、作品集⋯等官方佈景主題。
- </Markdown>
- <div class="card-grid">
- {themes.official.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## 社群佈景主題
+<Layout content={{ title: '佈景主題' }} hideRightSidebar>
+ <style>
+ .card-grid {
+ display: grid;
+ grid-column-gap: 15px;
+ grid-row-gap: 15px;
+ grid-auto-flow: dense;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ }
+ </style>
+ <Markdown>
+ ## 精選佈景主題
+ </Markdown>
+ <div class="card-grid">
+ {themes.featured.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## 官方佈景主題
- 趕緊來看看社群開發的佈景主題！
- </Markdown>
- <div class="card-grid">
- {themes.community.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- ## 精選套件
+ Astro 維護的文件網站、作品集 ⋯ 等官方佈景主題。
+ </Markdown>
+ <div class="card-grid">
+ {themes.official.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## 社群佈景主題
- 我們的套件生態持續成長！所有精選社群套件都可以在 [npm](https://www.npmjs.com/search?q=keywords%3Aastro-component) 發掘。
- </Markdown>
- <div class="card-grid">
- {components.community.map((item)=>(<Card data={item} />))}
- </div>
- <Markdown>
- > 想要讓自己的作品成為精選嗎？[在 Discord 分享！](https://astro.build/chat)
- 我們常在 `#showcase` 頻道取材，把深受喜愛的在這裡發布。
- </Markdown>
+ 趕緊來看看社群開發的佈景主題！
+ </Markdown>
+ <div class="card-grid">
+ {themes.community.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ ## 精選套件
+
+ 我們的套件生態持續成長！所有精選社群套件都可以在 [npm](https://www.npmjs.com/search?q=keywords%3Aastro-component) 發掘。
+ </Markdown>
+ <div class="card-grid">
+ {components.community.map((item) => <Card data={item} />)}
+ </div>
+ <Markdown>
+ > 想要讓自己的作品成為精選嗎？[在 Discord 分享！](https://astro.build/chat)
+ > 我們常在 `#showcase` 頻道取材，把深受喜愛的在這裡發布。
+ </Markdown>
</Layout>
generated by cgit v1.2.3 (git 2.46.0) at 2025-08-11 13:37:24 +0000