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

feat: put all small stuff to showcase

Browse source
This commit is contained in:
Ayo Ayco 2024-08-08 21:51:44 +02:00
parent ad8eca831c
commit 6b6a9dbb09
2 changed files with 22 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/pages/showcase.astro
View file

@ -13,9 +13,28 @@ import Card from "../components/Card.astro";
<p>See more of my previous projects at <a href="https://ayos.blog/projects">my blog</a>.</p>
<ul>
<Card
href="/stuff"
title="Small Stuff 🧱"
body="Building blocks for projects"
newTab
href="https://www.npmjs.com/package/@ayco/astro-sw"
title="Astro SW"
body="Astro integration to use your own authored service worker"
/>
<Card
newTab
href="https://www.npmjs.com/package/web-component-base"
title="Web Component Base"
body="This provides a minimal vanilla JS base class that aims to reduce the complexity of creating reactive custom elements."
/>
<Card
newTab
href="https://www.npmjs.com/package/@ayco/astro-resume"
title="Astro Resume"
body="Utilities for serializing data from server for use in the client with types preserved across components."
/>
<Card
newTab
href="https://www.npmjs.com/package/generate-timezone-json"
title="Time Zone JSON Generator"
body="Generate a JSON file containing time zones from the official IANA Database or your own zone.tab file"
/>
<Card
newTab

45
src/pages/stuff.astro
View file

@ -1,45 +0,0 @@
---
import Layout from "../layouts/Layout.astro";
import Footer from "../components/Footer.astro";
import Card from "../components/Card.astro";
---
<Layout
title="Stuff: Smaller Building Blocks"
description="See demos of side projects Ayo Ayco created"
>
<main>
<h1 class="text-gradient">Stuff</h1>
<p>Because software is not just a huge pile of code, but a combination of small, reusable stuff...</p>
<ul>
<Card
newTab
href="https://ayco.io/n/web-component-base"
title="Web Component Base"
body="This provides a minimal vanilla JS base class that aims to reduce the complexity of creating reactive custom elements."
/>
<Card
newTab
href="https://ayco.io/n/@ayco/astro-resume"
title="Astro Resume"
body="Utilities for serializing data from server for use in the client with types preserved across components."
/>
<Card
newTab
href="https://ayco.io/n/generate-timezone-json"
title="Time Zone JSON Generator"
body="Generate a JSON file containing time zones from the official IANA Database or your own zone.tab file"
/>
</ul>
<Footer />
</main>
</Layout>
<style>
ul {
list-style: none;
display: grid;
gap: 1rem;
padding: 0;
}
</style>