diff --git a/astro.config.mjs b/astro.config.mjs
index 1917423..0bb334f 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -48,23 +48,6 @@ export default defineConfig({
           "camo.githubusercontent.com",
           "user-images.githubusercontent.com",
           "private-user-images.githubusercontent.com",
-          "alyxia.dev",
-          "nanoshinono.me",
-          "ata.moe",
-          "buh.moe",
-          "hayden.moe",
-          "onz.ee",
-          "notnite.com",
-          // "erisdump.neocities.org",
-          "espi.me",
-          "alula.me",
-          "sapphic.moe",
-          "calayucu.com",
-          "meow-d.github.io",
-          "girlthi.ng",
-          "lenooby09.tech",
-          "ackwell.au",
-          "ari.express"
       ],
   },
 
diff --git a/public/static/messages/nano-note.tar.zst b/public/static/messages/nano-note.tar.zst
index 5b62c4c..2daa807 100644
Binary files a/public/static/messages/nano-note.tar.zst and b/public/static/messages/nano-note.tar.zst differ
diff --git a/src/components/FriendLink.astro b/src/components/FriendLink.astro
index a13d485..66d2efb 100644
--- a/src/components/FriendLink.astro
+++ b/src/components/FriendLink.astro
@@ -1,9 +1,9 @@
 ---
-import { Image, Picture } from "astro:assets";
+// import { Image, Picture } from "astro:assets";
 
 const { name, image, target } = Astro.props;
 ---
-<a href={`${target}`} target="_blank"><Picture src={image} width=176 height=62 alt={`${name}`} sizes={"0.5x 1x 2x 4x"} class="flex" quality="max" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
+<a href={`${target}`} target="_blank"><img src={image} width=176 height=62 alt={`${name}`} class="flex" decoding="async" loading="lazy" /></a>
 <style>
     img {
         image-rendering: pixelated;
@@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
         min-height: 62px;
         height: 62px;
         max-height: 62px;
-        scale: 1;
+        margin: 2px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkHigh.astro b/src/components/FriendLinkHigh.astro
index 1e89f08..b9f9970 100644
--- a/src/components/FriendLinkHigh.astro
+++ b/src/components/FriendLinkHigh.astro
@@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
         min-height: 62px;
         height: 62px;
         max-height: 62px;
-        padding: 4px;
+        padding: 0px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkLow.astro b/src/components/FriendLinkLow.astro
index 22b56e1..9db7cb1 100644
--- a/src/components/FriendLinkLow.astro
+++ b/src/components/FriendLinkLow.astro
@@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
         min-height: 62px;
         height: 62px;
         max-height: 62px;
-        padding: 4px;
+        padding: 0px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkLowAnimated.astro b/src/components/FriendLinkLowAnimated.astro
index a886eb0..a968c8d 100644
--- a/src/components/FriendLinkLowAnimated.astro
+++ b/src/components/FriendLinkLowAnimated.astro
@@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
         min-height: 62px;
         height: 62px;
         max-height: 62px;
-        padding: 4px;
+        padding: 0px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkMid.astro b/src/components/FriendLinkMid.astro
index 6785db3..591657f 100644
--- a/src/components/FriendLinkMid.astro
+++ b/src/components/FriendLinkMid.astro
@@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
         min-height: 62px;
         height: 62px;
         max-height: 62px;
-        padding: 4px;
+        padding: 0px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkMidAnimated.astro b/src/components/FriendLinkMidAnimated.astro
index b716c47..21c38e2 100644
--- a/src/components/FriendLinkMidAnimated.astro
+++ b/src/components/FriendLinkMidAnimated.astro
@@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
         min-height: 62px;
         height: 62px;
         max-height: 62px;
-        padding: 4px;
+        padding: 0px;
     }
 </style>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 50ff531..a61c3d6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,14 +1,10 @@
 ---
 import Partition from "../components/Partition.astro";
 
-import Greeting from "../components/Greeting";
 import Social from "../components/Social.astro";
 import BaseLayout from "../layouts/BaseLayout.astro";
-import FriendLink from "../components/FriendLinkHigh.astro";
-import FriendLinkMid from "../components/FriendLinkMid.astro";
-import FriendLinkLow from "../components/FriendLinkLow.astro";
-import FriendLinkLowAnimated from "../components/FriendLinkLowAnimated.astro";
-import FriendLinkMidAnimated from "../components/FriendLinkMidAnimated.astro";
+import FriendLink from "../components/FriendLink.astro";
+
 const pageTitle = "Aria";
 
 const currentDate = new Date();
@@ -60,13 +56,13 @@ const age = seconds / 31556952;
     <Partition>
         <h1 class="text-2xl">These are cool people!!</h1>
         <br />
-        <div class="flex outline-dotted p-5 flex-wrap justify-center max-w-4xl">
+        <div class="flex outline-dotted flex-wrap justify-center box-content">
             <FriendLink
                 name="Alyxia"
                 image="https://alyxia.dev/static/img/88x31/self.png"
                 target="https://alyxia.dev"
             />
-            <div class="outline-dashed flex outline-3 mx-1">
+            <div class="outline-dashed flex outline-3 m-0.5">
                 <FriendLink
                     name="Prefetcher"
                     image="https://nanoshinono.me/prefetcher.gif"
@@ -78,7 +74,7 @@ const age = seconds / 31556952;
                     target="https://ata.moe"
                 />
             </div>
-            <FriendLinkLow
+            <FriendLink
                 name="Amemoia"
                 image="/static/img/88x31/BuhMoe.png"
                 target="https://buh.moe/"
@@ -98,16 +94,16 @@ const age = seconds / 31556952;
                 image="https://notnite.com/buttons/notnite.png"
                 target="https://notnite.com/"
             />
-            <FriendLinkLowAnimated
+            <FriendLink
                 name="0x5066"
                 image="https://erisdump.neocities.org/buttons/88x31_2.gif"
                 target="https://erisdump.neocities.org"
             />
-            <!-- <FriendLink
+            <FriendLink
                 name="Espi"
-                image="https://espi.me/img/webring/espi.png"
+                image="https://espi.me/buttons/espi.png"
                 target="https://www.espi.me"
-            /> -->
+            />
             <FriendLink
                 name="Alula"
                 image="https://alula.me/webring/alula.png"
@@ -128,13 +124,13 @@ const age = seconds / 31556952;
                 image="https://meow-d.github.io/assets/images/buttons/meow_d.webp"
                 target="https://meow-d.github.io/"
             />
-            <div class="outline-dashed flex outline-3 mx-1">
-                <FriendLinkMidAnimated
+            <div class="outline-dashed flex outline-3 m-0.5">
+                <FriendLink
                     name="~thermia"
                     image="https://girlthi.ng/~thermia/img/88x31/thermia.gif"
                     target="https://girlthi.ng/~thermia/"
                 />
-                <FriendLinkMidAnimated
+                <FriendLink
                     name="girlthi.ng"
                     image="https://girlthi.ng/~thermia/img/88x31/girlthing.gif"
                     target="https://girlthi.ng/"
@@ -142,7 +138,7 @@ const age = seconds / 31556952;
             </div>
             <FriendLink
                 name="LeNooby 09"
-                image="https://lenooby09.tech/88x31/88x31.png"
+                image="https://lenooby09.tech/88x31.png"
                 target="https://lenooby09.tech"
             />
             <FriendLink
@@ -150,7 +146,7 @@ const age = seconds / 31556952;
                 image="https://ackwell.au/assets/88x31/ackwell-coil.png"
                 target="https://ackwell.au"
             />
-            <div class="outline-dashed flex outline-3 mx-1">
+            <div class="outline-dashed flex outline-3 m-0.5">
                 <FriendLink
                 name="witchcraft.systems"
                 image="https://ari.express/assets/PWsbutton.png"
@@ -162,6 +158,21 @@ const age = seconds / 31556952;
                 target="https://ari.express/"
             />
             </div>
+            <FriendLink
+                name="ariaOS"
+                image="https://aria.catwife.dev/ariaos-button.png"
+                target="https://aria.catwife.dev/"
+            />
+            <FriendLink
+                name="Xan Surnamehere"
+                image="https://xan.lol/img/btn/meta.gif"
+                target="https://xan.lol/"
+            />
+            <FriendLink
+                name="hotsocket"
+                image="https://hotsocket.fyi/files/media/img/button.png"
+                target="https://hotsocket.fyi/"
+            />
         </div>
         <br />
         <a href="/other buttons">Extra 88x31 buttons!</a>
@@ -207,6 +218,4 @@ const age = seconds / 31556952;
             ageElem!.outerHTML = `<span class="tooltip">${Math.floor(age)}<span class="tooltiptext"><nobr>${age.toFixed(8)} years to be exact!</nobr></span></span>`;
         }, 1000);
     </script>
-
-    <style is:inline></style>
 </BaseLayout>
diff --git a/src/styles/aria.css b/src/styles/aria.css
index dba87a9..80bd2f9 100644
--- a/src/styles/aria.css
+++ b/src/styles/aria.css
@@ -56,7 +56,7 @@ body {
 	color: var(--fourth-colour);
 }
 
-@media screen and (max-width: 899px) {
+@media screen and (max-width: 1024px) {
 	body {
 		width: 95%;
 		padding-top: 0.5em;