add astro-reactive-form card to showcases

This commit is contained in:
Ayo 2022-09-25 22:24:13 +02:00
parent 1e767dc4fc
commit f51c69d3bc
2 changed files with 33 additions and 21 deletions

View file

@ -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>

View 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>