From 6c4753b5e14a50c617e326d97d270ff51156a183 Mon Sep 17 00:00:00 2001
From: Aylur <k.demeter@protonmail.com>
Date: Sun, 1 Sep 2024 15:23:08 +0200
Subject: initial docs

---
 docs/src/components/Showcase.astro | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 docs/src/components/Showcase.astro

(limited to 'docs/src/components')

diff --git a/docs/src/components/Showcase.astro b/docs/src/components/Showcase.astro
new file mode 100644
index 0000000..7eea178
--- /dev/null
+++ b/docs/src/components/Showcase.astro
@@ -0,0 +1,37 @@
+---
+interface Props {
+    src: string
+    author: string
+    url: string
+}
+
+const { src, author, url } = Astro.props
+---
+
+<figure>
+    <a href={url}>
+        <img src={src} alt={author}>
+    </a>
+    <figcaption>
+        <span>Author: {author}</span>
+    </figcaption>
+</figure>
+
+<style>
+img {
+    border-radius: calc(var(--card-radius) - 8px);
+}
+
+figure {
+    padding: .8rem;
+    padding-bottom: 0;
+    border-radius: var(--card-radius);
+    background-color: color-mix(in srgb, var(--sl-color-black), var(--sl-color-white) 2%);
+    border: 1px solid var(--sl-color-gray-6);
+}
+
+figcaption {
+    text-align: center;
+    margin: 0;
+}
+</style>
-- 
cgit v1.2.3