From 221b81f37ae79924fa71a82a1c61fea7a05bf4f3 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Thu, 13 Oct 2022 17:08:01 +0200
Subject: [PATCH] feat: improve accessibility on showcase pages

---
 src/pages/showcase/astro-github-stats.astro  | 14 ++++++--------
 src/pages/showcase/astro-reactive-form.astro | 19 +++++++++----------
 2 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/pages/showcase/astro-github-stats.astro b/src/pages/showcase/astro-github-stats.astro
index 907f55d..82d0857 100644
--- a/src/pages/showcase/astro-github-stats.astro
+++ b/src/pages/showcase/astro-github-stats.astro
@@ -10,9 +10,7 @@ import GithubStats from "astro-github-stats";
     <Back url="/showcase" />
     <h1>Astro GitHub Stats</h1>
     <p>Embed GitHub stats on your Astro page</p>
-
-    <h3>Links</h3>
-    <ol>
+    <ul>
       <li>
         GitHub repo: <a href="https://github.com/ayoayco/astro-github-stats"
           >astro-github-stats</a
@@ -23,18 +21,18 @@ import GithubStats from "astro-github-stats";
           >astro-github-stats</a
         >
       </li>
-    </ol>
+    </ul>
 
-    <h3>Account Stats</h3>
+    <h2>Account Stats</h2>
     <GithubStats username="ayoayco" />
 
-    <h3>Account Top Languages</h3>
+    <h2>Account Top Languages</h2>
     <GithubStats username="ayoayco" topLanguages={true} />
 
-    <h3>Repo card</h3>
+    <h2>Repo card</h2>
     <GithubStats username="withastro" repo="astro" />
 
-    <h3>Account Stats with Icons</h3>
+    <h2>Account Stats with Icons</h2>
     <GithubStats username="ayoayco" showIcons={true} />
 
     <Footer />
diff --git a/src/pages/showcase/astro-reactive-form.astro b/src/pages/showcase/astro-reactive-form.astro
index d75bc53..f2c4bdf 100644
--- a/src/pages/showcase/astro-reactive-form.astro
+++ b/src/pages/showcase/astro-reactive-form.astro
@@ -2,7 +2,7 @@
 import Layout from "../../layouts/Layout.astro";
 import Footer from "../../components/Footer.astro";
 import Back from "../../components/Back.astro";
-import {FormControl, FormGroup} from "astro-reactive-form/core";
+import { FormControl, FormGroup } from "astro-reactive-form/core";
 import Form from "astro-reactive-form";
 
 const simpleForm = new FormGroup([
@@ -58,11 +58,11 @@ const characteristicsForm: FormGroup = new FormGroup(
 <Layout title="Ayo Ayco | Showcase | Astro Reactive Form">
   <main>
     <Back url="/showcase" />
-    <h1>Astro Reactive Form </h1>
-    <p>Generate a dynamic form based on your data, and modify programatically.</p>
-
-    <h3>Links</h3>
-    <ol>
+    <h1>Astro Reactive Form</h1>
+    <p>
+      Generate a dynamic form based on your data, and modify programatically.
+    </p>
+    <ul>
       <li>
         GitHub repo: <a href="https://github.com/ayoayco/astro-reactive-library"
           >astro-reactive-library</a
@@ -73,15 +73,14 @@ const characteristicsForm: FormGroup = new FormGroup(
           >astro-reactive-form</a
         >
       </li>
-    </ol>
+    </ul>
 
-    <h3>Simple single form group</h3>
+    <h2>Simple single form group</h2>
     <Form formGroups={simpleForm} />
 
-    <h3>Multiple Form Groups</h3>
+    <h2>Multiple Form Groups</h2>
     <Form formGroups={[nameForm, characteristicsForm]} />
 
-
     <Footer />
   </main>
 </Layout>