2024-06-23 19:45:11 +00:00
|
|
|
<script lang="ts" setup>
|
2024-07-23 00:17:53 +00:00
|
|
|
// id is discord UserID
|
2024-08-07 20:41:29 +00:00
|
|
|
const friends = ref([
|
2024-06-23 19:45:11 +00:00
|
|
|
{ id: '397230646231040002', url: 'https://shoritsu.xyz/' },
|
|
|
|
{ id: '1012800881474949221', url: 'https://viggy.moe/' },
|
|
|
|
{ id: '545581357812678656', url: 'https://megu.dev' },
|
2024-07-02 21:25:31 +00:00
|
|
|
{ id: '923313823195205645', url: 'https://www.deatg.com/' },
|
|
|
|
{ id: '929208515883569182', url: 'https://krstlskll69.github.io/' },
|
2024-07-23 00:09:59 +00:00
|
|
|
{ id: '836177139798638592', url: 'https://ashleygraves.eu/' },
|
2024-06-23 19:45:11 +00:00
|
|
|
{ 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' },
|
2024-06-23 20:55:27 +00:00
|
|
|
{ id: '1089177218976075817', url: 'https://authenyo.xyz' },
|
2024-06-23 21:04:53 +00:00
|
|
|
{ id: '1215758862444007465', url: 'https://tiramisu.gay' },
|
2024-07-02 21:25:31 +00:00
|
|
|
{ id: '477497542205243392', url: 'https://alphexo.dev/' },
|
2024-07-03 15:46:20 +00:00
|
|
|
{ id: '289556910426816513', url: 'https://zt64.dev' },
|
2024-07-04 16:59:18 +00:00
|
|
|
{ id: '516750892372852754', url: 'https://aspy.dev' },
|
2024-09-07 17:12:32 +00:00
|
|
|
{ id: '734079736615141426', url: 'https://catboys.zip/' },
|
2024-07-28 04:36:21 +00:00
|
|
|
{ id: '165862754547138562', url: 'https://maddie.mewmews.gay' },
|
2024-09-06 17:17:04 +00:00
|
|
|
{ id: '1262793452236570667', url: 'https://mitn.dev' },
|
2024-09-06 17:31:41 +00:00
|
|
|
{ id: '156320970448175104', url: 'https://git.io/sr229' },
|
2024-09-07 17:12:32 +00:00
|
|
|
{ id: '412210304840237066', url: 'https://fjonkie.f53.dev/' },
|
2024-08-07 20:41:29 +00:00
|
|
|
])
|
|
|
|
onMounted(() => {
|
|
|
|
let currentIndex = friends.value.length
|
|
|
|
while (currentIndex !== 0) {
|
|
|
|
const randomIndex = Math.floor(Math.random() * currentIndex)
|
|
|
|
currentIndex--;
|
|
|
|
[friends.value[currentIndex], friends.value[randomIndex]] = [friends.value[randomIndex], friends.value[currentIndex]]
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
2024-06-23 19:45:11 +00:00
|
|
|
const avatarProxy = 'https://dp.nea.moe/avatar/'
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2024-06-23 19:57:23 +00:00
|
|
|
<div class="col gap2 centerChildren">
|
|
|
|
<h1>Friends</h1>
|
|
|
|
<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>
|
|
|
|
<p class="dim small">
|
2024-07-23 00:17:53 +00:00
|
|
|
dm me on discord or
|
|
|
|
<NuxtLink to="https://github.com/CodeF53/personal-site/blob/main/pages/friends.vue">
|
|
|
|
open a PR
|
|
|
|
</NuxtLink>
|
|
|
|
to get added
|
2024-06-23 19:57:23 +00:00
|
|
|
</p>
|
|
|
|
</div>
|
2024-06-23 19:45:11 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
.friend_list {
|
|
|
|
max-width: min(40rem, var(--content-width));
|
|
|
|
list-style-type: none;
|
|
|
|
padding: 0;
|
|
|
|
img {
|
|
|
|
width: 4rem;
|
2024-06-23 19:59:04 +00:00
|
|
|
height: 4rem;
|
2024-06-23 19:45:11 +00:00
|
|
|
border-radius: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|