5470fda3fe
* Add Migration Guide to docs * edit: replace astro.config.js with astro.config.mjs * edit: use plain object in define:vars example * edit: improve 'components in markdown' documentation * edit: use astro resolve in file reference documentation example * edit: rename 'writing plugins' heading to 'custom renderers' Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com> * edit: fix PUBLIC_ environment variable example * edit: fix define:vars variable in example * edit: remove top-level alias documentation * edit: cleanup "passing variables into scripts and styles" description * Update migration-guide.md * Update migration-guide.md * update deployment config * update configuration * fix some errors and write a commit message about it * move the migration guide * update documentation * add migration guide to sidebar Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com> Co-authored-by: Fred K. Schott <fkschott@gmail.com>
52 lines
1.7 KiB
Text
52 lines
1.7 KiB
Text
---
|
|
import Layout from '../layouts/MainLayout.astro';
|
|
import Card from '../components/Card.astro';
|
|
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
|
|
|
|
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>
|