add astro-reactive-form card to showcases
This commit is contained in:
parent
1e767dc4fc
commit
f51c69d3bc
2 changed files with 33 additions and 21 deletions
|
@ -1,21 +0,0 @@
|
||||||
---
|
|
||||||
import Layout from "../layouts/Layout.astro";
|
|
||||||
import Footer from "../components/Footer.astro";
|
|
||||||
import Card from "../components/Card.astro";
|
|
||||||
import Back from "../components/Back.astro";
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout>
|
|
||||||
<main>
|
|
||||||
<Back url="/" />
|
|
||||||
<h1>Showcase <span class="text-gradient">Components</span></h1>
|
|
||||||
<ul list=role>
|
|
||||||
<Card
|
|
||||||
href="/showcase/astro-github-stats"
|
|
||||||
title="Astro Github Stats"
|
|
||||||
body="Embed github stats on your Astro page ✨"
|
|
||||||
/>
|
|
||||||
</ul>
|
|
||||||
<Footer />
|
|
||||||
</main>
|
|
||||||
</Layout>
|
|
33
src/pages/showcase/index.astro
Normal file
33
src/pages/showcase/index.astro
Normal file
|
@ -0,0 +1,33 @@
|
||||||
|
---
|
||||||
|
import Layout from "../../layouts/Layout.astro";
|
||||||
|
import Footer from "../../components/Footer.astro";
|
||||||
|
import Card from "../../components/Card.astro";
|
||||||
|
import Back from "../../components/Back.astro";
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout>
|
||||||
|
<main>
|
||||||
|
<Back url="/" />
|
||||||
|
<h1>Showcase <span class="text-gradient">Components</span></h1>
|
||||||
|
<ul list=role>
|
||||||
|
<Card
|
||||||
|
href="/showcase/astro-reactive-form"
|
||||||
|
title="Astro Reactive Form"
|
||||||
|
body="The reactive form component for Astro 🔥"
|
||||||
|
/>
|
||||||
|
<Card
|
||||||
|
href="/showcase/astro-github-stats"
|
||||||
|
title="Astro GitHub Stats"
|
||||||
|
body="Embed GitHub stats on your Astro page ✨"
|
||||||
|
/>
|
||||||
|
</ul>
|
||||||
|
<Footer />
|
||||||
|
</main>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
margin-left: -40px;
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in a new issue