michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add Community Themes and separate Featured Theme (#1543)

Browse source 
* Separate object for featured and community themes

I've split up the two so there's the featured one at the top at the page and community ones below the official themes

* Add community themes and change featured themes

* Add comma after featured object
This commit is contained in:
Mark Teekman 2021-10-13 22:22:00 +02:00 committed by GitHub
parent 3aafb58d60
commit 8c308a1490
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
docs/src/data/themes.json
View file

@ -1,4 +1,14 @@
{
"featured": [
{
"name": "Ink",
"description": "Crisp, minimal, personal blog theme for Astro",
"github": "https://github.com/one-aalam/astro-ink",
"demo": "https://astro-ink.vercel.app/",
"sandbox": "https://github.dev/one-aalam/astro-ink",
"command": "npm init astro -- --template one-aalam/astro-ink"
}
],
"official": [
{
"name": "Starter Kit",
@ -43,12 +53,16 @@
],
"community": [
{
"name": "Ink",
"description": "Crisp, minimal, personal blog theme for Astro",
"github": "https://github.com/one-aalam/astro-ink",
"demo": "https://astro-ink.vercel.app/",
"sandbox": "https://github.dev/one-aalam/astro-ink",
"command": "npm init astro -- --template one-aalam/astro-ink"
"name": "Accessible Astro Starter",
"description": "A starter project with accessible features using Astro static site builder.",
"github": "https://github.com/markteekman/accessible-astro-starter",
"demo": "https://accessible-astro.markteekman.nl/"
},
{
"name": "Astro Theme Creek",
"description": "Creek is an open source blog theme for Astro SSG.",
"github": "https://github.com/robertguss/Astro-Theme-Creek",
"demo": "https://astro-theme-creek.netlify.app/"
}
]
}

12
docs/src/pages/themes.astro
View file

@ -19,7 +19,7 @@ import components from '../data/components.json';
## Featured Theme
</Markdown>
<div class="card-grid">
{themes.community.map((item)=>(<Card data={item} />))}
{themes.featured.map((item)=>(<Card data={item} />))}
</div>
<Markdown>
## Official Themes
@ -29,6 +29,14 @@ import components from '../data/components.json';
<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
@ -41,4 +49,4 @@ import components from '../data/components.json';
> 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>
</Layout>