Update PFP

components/Header.vue

@@ -7,8 +7,9 @@
     <nav class="row gap2 spaceBetween alignCenter">
       <NuxtLink to="/" class="home interactive" aria-label="home">
         <NuxtImg
-          :aria-hidden="true" alt="my profile picture" class="pfp"
-          src="/assets/pfp.low.svg" preload width="40" height="40"
+          :aria-hidden="true" alt="my oc waving" class="pfp"
+          src="/assets/wave.png" preload width="40" height="40"
+          :placeholder="8" format="webp"
         />
       </NuxtLink>
 

pages/friends.vue

@@ -7,7 +7,6 @@ const friends = ref([
   { id: '923313823195205645', url: 'https://www.deatg.com/' },
   { id: '929208515883569182', url: 'https://krstlskll69.github.io/' },
   { id: '836177139798638592', url: 'https://ashleygraves.eu/' },
-  // { id: '334833943838720000', url: 'https://elh.gay/' }, // wish I didn't fuck this friendship up but what you gonna do?
   { id: '946388882436546640', url: 'https://wjuton.dev/' },
   { id: '381494697073573899', url: 'https://elissa.moe/' },
   { id: '343383572805058560', url: 'https://vendicated.dev/' },

pages/index.vue

@@ -5,8 +5,9 @@ definePageMeta({ layout: 'home' })
 <template>
   <div id="home" class="row centerChildren">
     <NuxtImg
-      aria-hidden="true" alt="my profile picture" class="pfp"
-      src="/assets/pfp.svg" preload width="320" height="320"
+      aria-hidden="true" alt="my oc waving" class="pfp"
+      src="/assets/wave.png" preload width="320" height="320"
+      :placeholder="64" format="webp"
     />
 
     <main class="col gap2">

public/assets/pfp.low.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"><path fill="#fff" d="M96 246c-4-1-7-3-8-6l-1-7-2-8c0-2-3-5-9-9-5-4-10-9-12-13l-7-14c-2-5-3-6-6-8l-4-2c-3-2-4-6-3-11 1-4 0-6-2-8-4-2-5-7-4-13l4-9 2-6-5-5a150 150 0 0 1-26-24c-2-4-3-11-2-15 2-6 4-7 15-8l22-5a161 161 0 0 1 20-4l6-5c10-8 20-14 33-17l5-2 1-6c2-14 6-26 10-29s11-3 17-2l8 5c4 3 7 7 14 17s9 12 11 13l7 3c16 5 27 14 37 27 7 8 15 27 18 42l5 32 3 25a152 152 0 0 1-3 61c-2 5-3 6-8 8l-4 3h-5l-7-1-7 1c-6 1-10 1-15-1-2 0-3-1-6-4l-4-2-3 2c-4 4-8 5-13 3-5-1-7-4-9-10l-3-8c-3-8-5-17-6-30-1-9-1-11-3-13-3-3-3-5-4-13l-1-8-1 6c0 6-2 9-6 10l-5 1c-4 0-9-1-12-4l-5-2-3 1c-3 3-2 5 1 12 4 8 5 17 4 32-1 9-1 14-3 19-1 5-3 7-7 8-4 2-6 2-9 1z"/><path d="M98 234c0-8-1-14-3-17-1-3-4-5-11-11-9-7-12-11-16-22l-5-19c0-8 0-8-4-1-2 6-6 11-6 9l1-2c4-6 6-15 6-28v-5l-2 3c-3 5-10 12-11 12l1-3c4-3 5-7 9-15 3-9 3-9 1-9l-2-1-7-1c-9-1-10-2-10-6l-1-3-2-6-8-8-8-9h6c10-1 17-2 29-6l11-3c8 0 10-1 15-6s10-9 17-12c8-4 13-5 24-7h2v-3l2-20c2-7 5-16 7-16a45 45 0 0 1 16 15 12773 12773 0 0 1 19 23l16 6c12 6 24 18 28 28l9 21c4 10 5 16 8 40l3 27c2 12 2 18 1 32 0 8-1 11-4 17l-2 7-1 1a41 41 0 0 0-4-20l-5 5c-2 3-1 8 2 13l1 3-7-8-5-10c0-1-1-1-3 1s-3 3-3 8l1 6 1 3c-1 1-5-2-8-5l-15-27-7-12a202 202 0 0 0-1 26l-1 17c0 3-1 2-1-3 0-4 0-4-4-13s-5-18-7-44a438 438 0 0 1 0-12l-1-2v2l-1 5-3 8v-13l-1-10-9-15c-4-5-5-6-3-2l2 5 2 10-2-5c-2-5-4-9-7-12l-17-18c-1 1 3 16 5 24l4 13c1 5 2 16 1 17l-1-2-3-4-3-3-4-1c-5-1-9-3-13-6l-3-3 6 11 1 2c-1-1-14-14-16-18-5-6-6-9-8-14l-2-4 1 6 1 10c1 9 5 18 10 27l3 5-10-12-4-4 3 8c3 10 5 13 10 20 6 8 6 11 5 33l-1 9-3 7-1-4zm129-17v-15l-2-10v-3l-1 4-1 19 3 7 1-2zM85 198l-7-18c-2-5-6-10-6-9a86 86 0 0 0 8 17c-1 1-3-2-5-6l-3-3 1 6c2 6 5 10 9 12l3 1zm-24-78c3-1 4-3 5-8l1-4 2-9v-1h-4l-7 1h-3l-3 3c-3 3-9 6-11 6v1l6 1h3l-2 3-3 3c-3 1-2 1 3 2h11v1c-2 1 0 2 2 1zm90-46h10c1-1-2-9-4-13l-7-11-4-3-3-2c-1 1 0 4 1 6 1 0 1 1 0 0l-5-6c-1-3-6-7-7-7v1a142 142 0 0 1 1 18l-6 8-2 3a532 532 0 0 1 26 6z"/></svg>

public/assets/pfp.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"><path fill="#fff" d="M96.4 246c-4.7-1.1-7.5-3.2-8.5-6.3l-1.3-7c-.5-3-1.1-6.3-1.4-7.2-.7-2.3-3.4-5.2-8.9-9.5-5.2-4-10.2-9.2-12.6-12.8a75 75 0 0 1-6.8-14.4c-1.7-5.1-2.6-6.2-6.2-7.4-1.5-.5-3.3-1.4-4-2-2.4-2-3.5-6.6-2.6-11.6.7-4 .2-5.5-2.4-7.4-3.6-2.5-4.8-7.4-3.4-13.4a49 49 0 0 1 3.2-8.5 40 40 0 0 0 2.6-6c0-1.7-1-2.9-4.8-5.5a149.6 149.6 0 0 1-26.6-24.2c-2-4-2.6-10.5-1.4-15.1 1.4-5.7 4-7 15.2-8 7.2-.6 12.1-1.6 21-4.2 4.2-1.3 10.2-2.7 13.5-3.3a60 60 0 0 0 7.3-1.7c.7-.3 3.4-2.3 5.8-4.5a75 75 0 0 1 32.7-17 29 29 0 0 0 5.4-1.7c.4-.3.8-2.8 1.2-6.3 1.5-14 5.6-26.2 10-29.2 3.3-2.4 11-3 17-1.5 3 .8 4.3 1.6 7.7 4.5 3.6 3 7.1 7.3 14.1 17 7 9.9 9.2 12.5 10.8 13.5.7.5 4 1.7 7.2 2.8a73.7 73.7 0 0 1 37.2 27c6.1 8.2 14.2 27.3 17.7 41.7 1.8 7.5 2.7 13 5.1 32.5a1904 1904 0 0 0 3.2 24.4c1.8 12 2.1 17.7 1.9 30.5-.4 16.1-1.3 21.6-5.3 31-2.2 5-3 6-7.6 8.3l-4 2-5 .2c-2.6.1-5.9 0-7.2-.2a18 18 0 0 0-7 .4c-5.7 1-10.7.8-15-.5-2.5-.8-3.4-1.4-6-4a19 19 0 0 0-3.7-2.9c-.3 0-1.6 1-3 2.3-4.2 4-9 5.1-13.6 3.5-4.9-1.7-6.8-4-8.5-10.1-.6-2-2-5.8-3-8.4-3.3-8-5.2-16.7-6.5-30.2-1-9-1.3-10.5-3.3-12.7-2.5-2.7-3-4.5-3.3-12.8-.2-4-.6-7.4-.8-7.6-.6-.6-.9.9-1.1 5.8-.4 6-2.1 8.7-6.7 10.2a21 21 0 0 1-5.2.9 23 23 0 0 1-11.6-4c-2-1.6-2.7-1.9-4.8-2-2.2-.2-2.5-.1-3.5 1-2.2 2.3-2 4.2 1.6 12 3.6 7.9 4.7 16.8 3.7 31.5-.6 9-1.3 14.6-2.6 19.5-1.2 4.5-3.2 6.6-7.3 7.9-4 1.2-5.9 1.4-8.7.7z"/><path d="M98.5 234.1c-.4-8-1.6-14-3.2-17.2a37.1 37.1 0 0 0-11-10.7 40.1 40.1 0 0 1-16.1-22.1 93.1 93.1 0 0 1-4.8-19.5c-.8-7.2-.7-7.2-4-.4-2.8 5.8-6.2 10.7-6.3 9 0-.5.4-1.4.8-2a47 47 0 0 0 6-27.7l-.1-5.6-1.7 2.7c-3.4 5.6-10.2 12.9-11.5 12.4-.2 0 .5-1.3 1.7-2.7 3.3-3.8 4.9-6.8 8.5-15.8 3.4-8.5 3.4-8.8 1.2-8.9a83 83 0 0 0-9.4-1.5c-8.5-1-9.7-1.7-9.7-5.7a6 6 0 0 0-1-3.1c-1-1.5-2-4.4-2-5.8 0-.6-3-3.9-8.1-9-4.5-4.4-8.2-8.2-8.2-8.4 0-.1 2.9-.4 6.4-.5 10-.5 16.9-1.9 28.6-5.7 4.7-1.5 7.2-2 11.6-2.5 7.9-.8 9.7-1.6 14.5-6.2a66.8 66.8 0 0 1 40.8-18.8l2.6-.4.1-3.4c.2-6.3 1-15.4 1.9-19.3 1.4-7 5.4-16.4 6.7-16a45.1 45.1 0 0 1 15.7 15.2l7.5 10.3c2 2.9 5 6.7 6.4 8.4 2.6 3.1 2.8 3.3 5.2 3.8 4.6 1 12.7 3.8 16.5 5.9a72.6 72.6 0 0 1 28.3 27.8c5 11 6.4 14.4 8.8 21.4 3.3 9.8 4.4 15.6 7.5 40 1.1 9.4 2.8 21.7 3.6 27.4a134 134 0 0 1 1 31.8c-.3 8-1 10.7-3.8 17a55.4 55.4 0 0 0-2.6 6.5c-.6 2.6-1.5 3.2-1.1.9a41.3 41.3 0 0 0-3.6-19.3c-.5-.4-4.5 3.3-5.4 5-1.3 2.5-.3 7.7 2.4 12.8a7.6 7.6 0 0 1 1 2.5c-.2.3-4.2-4.2-7-7.8a35.2 35.2 0 0 1-5.2-9.5c0-1.2-.9-1-2.7.3-2.8 2-3.5 3.6-3.5 8.3 0 3.3.2 4.2 1.2 6.4a9 9 0 0 1 1 2.7c-.5.5-5-2.5-7.5-5-3.7-3.8-8-10.9-15.8-26.7-3.5-7-6.3-12.4-6.4-12.1l-1 7c-1 7.1-1 12-.5 18.7.4 3.9 0 13.4-.6 17.3-.5 2.6-.9 1.3-.9-2.8 0-4.5.1-4-4-13.4-4-9-5.5-18.5-7.1-44a438 438 0 0 1-.6-12.5l-.1-1.3-.6 1.4c-.3.7-.9 3-1.3 5.2-.6 3.8-2.2 8.2-2.9 8.2-.2 0-.2-1.7 0-4 .2-2.1.3-6.4.3-9.5 0-5-.2-5.9-1.4-9.3a53 53 0 0 0-8.6-14.9c-4.4-5.9-5.1-6.5-3.3-2.7a88 88 0 0 1 2.4 5.2c1.3 3.3 2.7 11 1.9 10.2-.2-.1-1-2.2-2-4.6-2-5.2-4-9-6.7-12.3a233.6 233.6 0 0 0-17.6-18.2c-.3 1 3.1 16 5.5 23.9a177 177 0 0 1 3.4 12.9 75 75 0 0 1 1.5 17c-.3.2-.6-.2-1-1.4a14 14 0 0 0-3.4-4.8l-2.8-3-4.1-.8c-5-1-9.2-3-12.8-6.2a35.5 35.5 0 0 0-2.9-2.3 53 53 0 0 0 5.8 10.3c1.7 2 2 3 .9 2.3-1.3-.8-13.4-14.3-16.2-18-4.1-5.5-6-8.9-7.8-14l-1.4-4 .2 6.4c.1 3.5.5 8 .9 10a82.6 82.6 0 0 0 10.7 26.4 23 23 0 0 1 2.6 5c-.5.4-5.6-5.5-9.7-11.2-3.7-5.2-4.8-6.6-3.9-4.8.3.4 1.6 4.3 3 8.6a55.2 55.2 0 0 0 9.5 19.2c6.3 8.5 6.7 11 5.2 33.5-.2 3.3-.7 7.2-1 8.6-1 3.5-2.5 7.5-2.9 7.5-.2 0-.4-1.8-.5-4zm128.4-16.7c1.2-2 1.1-6.2-.4-15.3L225 192l-.3-2.6-.5 3.4a87.5 87.5 0 0 0-.7 19c.5 2 2.3 7 2.6 7l1-1.4zM85 198c0-.8-5.4-15.3-6.6-17.8-2.4-5-5.9-10.7-5.9-9.7 0 1.3 4 11.5 5.9 14.7.8 1.5 1.4 2.9 1.2 3-.5.5-2.9-2.3-5-5.8-1.2-2-2.3-3.6-2.5-3.7-.4-.3.2 3.2 1.1 6 2 6 5.3 10.8 8.4 12.4 2 1 3.4 1.3 3.4.9zm-23.7-78c3-.8 4-2.7 4.5-8.1.1-1.1.6-2.8 1-3.7 1.4-2.7 2.4-7.2 2-9l-.2-1.5-3.3.2-7 .8-3.6.4L52 102a25.7 25.7 0 0 1-10.4 6.1c-.5 0-.8.3-.8.6 0 1 3.9 1.8 6.7 1.5 1.2-.2 2.3-.1 2.3 0 0 .2-.9 1.5-1.9 2.9-1.3 1.8-2.2 2.7-3.2 3-2.4.7-1.5 1.3 3 2 4.7.9 9.6 1 11.3.4 1.3-.5 1.5.1.2.8-2 1-.6 1.7 2.1.9zm89.3-46c4.3-.8 7-.9 9-.3.8.2 1.7.3 1.8.1.6-.5-2-8.4-4-12.3a35 35 0 0 0-7.6-11.2 16 16 0 0 1-3.8-3.1c-2.3-2.4-2.8-2.8-3.1-2.2-.5.9.5 4.4 1.6 5.6.7.9.7 1 0 .5-1.7-1-3.3-2.7-5-5.7-1.9-3-6-7.3-7.2-7.3-.4 0-.5.3-.3 1.4l.6 9.1.5 8.2c.2.5-3.1 5-6 7.8-1.9 2-2.6 3.1-2.1 3.1l6.3 1.3c3.8.8 8.3 1.4 11.5 1.6 4.8.2 5.2.3 4.7 1-.7.7-1.3 3-.8 3l4-.7z"/></svg>