58 lines
1 KiB
Text
58 lines
1 KiB
Text
|
---
|
||
|
import LinkCard from "./linkCard.astro"
|
||
|
|
||
|
import mastodon from 'iconoir/icons/mastodon.svg'
|
||
|
import youtube from 'iconoir/icons/youtube.svg'
|
||
|
import forgejo from '@assets/custom-svg/forgejo.svg'
|
||
|
import rayshift from '@assets/custom-svg/rayshift.svg'
|
||
|
import twitch from '@assets/custom-svg/twitch.svg'
|
||
|
|
||
|
const links = [
|
||
|
{
|
||
|
link: "https://www.youtube.com/@Firq_",
|
||
|
icon: youtube,
|
||
|
text: "Youtube",
|
||
|
},
|
||
|
{
|
||
|
link: "https://mastodon.neshweb.net/@Firq",
|
||
|
icon: mastodon,
|
||
|
text: "Mastodon",
|
||
|
},
|
||
|
{
|
||
|
link: "https://twitch.tv/Firq",
|
||
|
icon: twitch,
|
||
|
text: "Twitch",
|
||
|
},
|
||
|
{
|
||
|
link: "https://forgejo.neshweb.net/Firq",
|
||
|
icon: forgejo,
|
||
|
text: "Forgejo",
|
||
|
},
|
||
|
{
|
||
|
link: "https://rayshift.io/na/firq",
|
||
|
icon: rayshift,
|
||
|
text: "Rayshift",
|
||
|
}
|
||
|
]
|
||
|
---
|
||
|
|
||
|
<div>
|
||
|
{
|
||
|
links.map(
|
||
|
(item) => <LinkCard {...item} />
|
||
|
)
|
||
|
}
|
||
|
</div>
|
||
|
|
||
|
<style>
|
||
|
div {
|
||
|
margin-top: .75rem;
|
||
|
display: flex;
|
||
|
flex-wrap: wrap;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
width: 100%;
|
||
|
height: auto;
|
||
|
column-gap: 0.5rem;
|
||
|
}
|
||
|
</style>
|