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://social.indexx.dev/@index",
39 rel: "me",
40 tooltip: {
41 title: "My GoToSocial instance: @index@indexx.dev",
42 placement: "top",
43 },
44 },
45 {
46 icon: Lastfm,
47 name: "last.fm",
48 href: "https://last.fm/user/Index_Card",
49 },
50];
51---
52
53<ul
54 class="d-flex mt-4 mb-3"
55 style="padding: 0px; width: 50%; margin: auto; justify-content: space-evenly; flex-basis: 33%;"
56>
57 {links.map((link) => <SocialLink {...link} />)}
58</ul>