ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: improve accessibility on showcase pages

Browse source
This commit is contained in:
Ayo 2022-10-13 17:08:01 +02:00
parent d42c4ca7f2
commit 221b81f37a
2 changed files with 15 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/showcase/astro-github-stats.astro
View file

@ -10,9 +10,7 @@ import GithubStats from "astro-github-stats";
<Back url="/showcase" /> <Back url="/showcase" />
<h1>Astro GitHub Stats</h1> <h1>Astro GitHub Stats</h1>
<p>Embed GitHub stats on your Astro page</p> <p>Embed GitHub stats on your Astro page</p>
<ul>
<h3>Links</h3>
<ol>
<li> <li>
GitHub repo: <a href="https://github.com/ayoayco/astro-github-stats" GitHub repo: <a href="https://github.com/ayoayco/astro-github-stats"
>astro-github-stats</a >astro-github-stats</a
@ -23,18 +21,18 @@ import GithubStats from "astro-github-stats";
>astro-github-stats</a >astro-github-stats</a
> >
</li> </li>
</ol> </ul>
<h3>Account Stats</h3> <h2>Account Stats</h2>
<GithubStats username="ayoayco" /> <GithubStats username="ayoayco" />
<h3>Account Top Languages</h3> <h2>Account Top Languages</h2>
<GithubStats username="ayoayco" topLanguages={true} /> <GithubStats username="ayoayco" topLanguages={true} />
<h3>Repo card</h3> <h2>Repo card</h2>
<GithubStats username="withastro" repo="astro" /> <GithubStats username="withastro" repo="astro" />
<h3>Account Stats with Icons</h3> <h2>Account Stats with Icons</h2>
<GithubStats username="ayoayco" showIcons={true} /> <GithubStats username="ayoayco" showIcons={true} />
<Footer /> <Footer />

15
src/pages/showcase/astro-reactive-form.astro
View file

@ -59,10 +59,10 @@ const characteristicsForm: FormGroup = new FormGroup(
<main> <main>
<Back url="/showcase" /> <Back url="/showcase" />
<h1>Astro Reactive Form</h1> <h1>Astro Reactive Form</h1>
<p>Generate a dynamic form based on your data, and modify programatically.</p> <p>
Generate a dynamic form based on your data, and modify programatically.
<h3>Links</h3> </p>
<ol> <ul>
<li> <li>
GitHub repo: <a href="https://github.com/ayoayco/astro-reactive-library" GitHub repo: <a href="https://github.com/ayoayco/astro-reactive-library"
>astro-reactive-library</a >astro-reactive-library</a
@ -73,15 +73,14 @@ const characteristicsForm: FormGroup = new FormGroup(
>astro-reactive-form</a >astro-reactive-form</a
> >
</li> </li>
</ol> </ul>
<h3>Simple single form group</h3> <h2>Simple single form group</h2>
<Form formGroups={simpleForm} /> <Form formGroups={simpleForm} />
<h3>Multiple Form Groups</h3> <h2>Multiple Form Groups</h2>
<Form formGroups={[nameForm, characteristicsForm]} /> <Form formGroups={[nameForm, characteristicsForm]} />
<Footer /> <Footer />
</main> </main>
</Layout> </Layout>