personal-site/pages/friends.vue

42 lines
1.4 KiB
Vue
Raw Normal View History

2024-06-23 19:45:11 +00:00
<script lang="ts" setup>
const friends = [
{ id: '397230646231040002', url: 'https://shoritsu.xyz/' },
{ id: '1012800881474949221', url: 'https://viggy.moe/' },
{ id: '545581357812678656', url: 'https://megu.dev' },
{ id: '477497542205243392', url: 'https://alphexo.dev/' },
{ id: '334833943838720000', url: 'https://elh.gay/' },
{ id: '946388882436546640', url: 'https://wjuton.dev/' },
{ id: '381494697073573899', url: 'https://elissa.moe/' },
{ id: '343383572805058560', url: 'https://vendicated.dev/' },
{ id: '597158211459612675', url: 'https://dehtrashpanda.neocities.org/' },
{ id: '396571938081865741', url: 'https://ashley0143.xyz/?pw=f35_website' },
{ id: '455435762981273630', url: 'https://rozbrajacz.futbol' },
{ id: '821472922140803112', url: 'https://lunish.nl?utm_medium=friends' },
{ id: '899449746526183465', url: 'https://zaynedrift.com' },
{ id: '734079736615141426', url: 'https://catboys.zip/' },
]
const avatarProxy = 'https://dp.nea.moe/avatar/'
</script>
<template>
<ul class="friend_list wrap centerChildren">
<li v-for="friend in friends" :key="friend.id" class="interactive">
<NuxtLink :to="friend.url">
<img :src="`${avatarProxy}${friend.id}.png`">
</NuxtLink>
</li>
</ul>
</template>
<style>
.friend_list {
max-width: min(40rem, var(--content-width));
list-style-type: none;
padding: 0;
img {
width: 4rem;
border-radius: 1rem;
}
}
</style>