My personal site hosted @ https://indexx.dev
indexx.dev
1---
2import Bluesky from "./icons/Bluesky.astro";
3import Book from "./icons/Book.astro";
4import Discord from "./icons/Discord.astro";
5import Github from "./icons/Github.astro";
6import Lastfm from "./icons/Lastfm.astro";
7import Mastodon from "./icons/Mastodon.astro";
8import SocialLink from "./SocialLink.astro";
9
10const links = [
11 {
12 icon: Bluesky,
13 name: "Bluesky",
14 href: "https://bsky.app/profile/did:plc:sfjxpxxyvewb2zlxwoz2vduw",
15 },
16 {
17 icon: Discord,
18 name: "Discord",
19 href: "https://discord.com/users/589386198011871233",
20 tooltip: {
21 title: "index.lua",
22 placement: "top",
23 },
24 },
25 {
26 icon: Github,
27 name: "GitHub",
28 href: "https://github.com/indexxing/",
29 },
30 {
31 icon: Book,
32 name: "Hardcover",
33 href: "https://hardcover.app/@indexcard",
34 },
35 {
36 icon: Mastodon,
37 name: "Mastodon",
38 href: "https://mastodon.social/@index@indexx.dev",
39 tooltip: {
40 title: "My GoToSocial instance: @index@indexx.dev",
41 placement: "top",
42 },
43 },
44 {
45 icon: Lastfm,
46 name: "last.fm",
47 href: "https://last.fm/user/Index_Card",
48 },
49];
50---
51
52<ul
53 class="d-flex mt-4 mb-3"
54 style="padding: 0px; width: 50%; margin: auto; justify-content: space-evenly; flex-basis: 33%;"
55>
56 {links.map((link) => <SocialLink {...link} />)}
57</ul>