Social restructure

This commit is contained in:
Firq 2024-10-29 21:02:37 +01:00
parent 19e7d02520
commit d9e4f5b5f9
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
11 changed files with 159 additions and 90 deletions
src/components/links

View file

@ -1,58 +1,29 @@
---
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",
}
]
import LinkCard from './linkCard.astro'
import socialData from '@content/data/socials.json'
import { socials } from './socials'
---
<div>
{
links.map(
(item) => <LinkCard {...item} />
)
socialData.map((item) => (
<LinkCard
{...{ icon: socials[item.icon], text: item.icon, link: item.link }}
/>
))
}
</div>
<style>
div {
margin-top: .75rem;
margin-top: 0.75rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
width: 95%;
height: auto;
column-gap: 0.5rem;
row-gap: 0.5rem;
}
</style>
</style>