From a7e70c0648908f68bd180ff9bd4fae073ac53973 Mon Sep 17 00:00:00 2001 From: Puria Nafisi Azizi <puria@dyne.org> Date: Wed, 18 Oct 2023 18:42:05 +0200 Subject: [PATCH] feat: Add quicklinks as hinted in #118 (#124) * feat: Add quicklinks as hinted in #118 * Fix mobile spacings --- .astro/types.d.ts | 5 +++++ src/content/social/quicklinks.json | 14 ++++++++++++++ src/pages/linktree/index.astro | 7 +++++++ 3 files changed, 26 insertions(+) create mode 100644 src/content/social/quicklinks.json diff --git a/.astro/types.d.ts b/.astro/types.d.ts index d0eb8d8..f9b6077 100644 --- a/.astro/types.d.ts +++ b/.astro/types.d.ts @@ -535,6 +535,11 @@ declare module 'astro:content' { collection: "social"; data: any }; +"quicklinks": { + id: "quicklinks"; + collection: "social"; + data: any +}; }; }; diff --git a/src/content/social/quicklinks.json b/src/content/social/quicklinks.json new file mode 100644 index 0000000..2a53f26 --- /dev/null +++ b/src/content/social/quicklinks.json @@ -0,0 +1,14 @@ +[ + { + "link": "https://socials.dyne.org/telegram", + "cta": "Telegram" + }, + { + "link": "https://socials.dyne.org/discord", + "cta": "Discord" + }, + { + "link": "https://socials.dyne.org/matrix", + "cta": "Matrix" + } +] diff --git a/src/pages/linktree/index.astro b/src/pages/linktree/index.astro index 924984b..14f19e7 100644 --- a/src/pages/linktree/index.astro +++ b/src/pages/linktree/index.astro @@ -1,6 +1,7 @@ --- import Layout from '~/layouts/Layout.astro'; import links from '../../content/social/linktree.json'; +import quicklinks from '../../content/social/quicklinks.json'; import Button from '~/components/Button.astro'; --- @@ -10,6 +11,12 @@ import Button from '~/components/Button.astro'; description: "Link up with Dyne's cyber playground<br/>Dive into our network of connections and resources", }} > + <div class="py-8 md:py-20 justify-start items-start gap-2.5 inline-flex"> + <div class="text-saccent text-4xl font-semibold font-['Syne'] leading-10">Dive in</div> + </div> + <div class="grid md:grid-cols-3 gap-8"> + {quicklinks.map((ql) => <Button text={ql.cta} href={ql.link} cls="no-underline" />)} + </div> <div class="grid grid-cols-1"> { links.map((l) => (