Wowie what a gay little website for my gay little self aria.coffee
3
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix+feat: fix css stuff and add more buttons

aria 283bab4e 305b7d42

+38 -46
-17
astro.config.mjs
··· 48 48 "camo.githubusercontent.com", 49 49 "user-images.githubusercontent.com", 50 50 "private-user-images.githubusercontent.com", 51 - "alyxia.dev", 52 - "nanoshinono.me", 53 - "ata.moe", 54 - "buh.moe", 55 - "hayden.moe", 56 - "onz.ee", 57 - "notnite.com", 58 - // "erisdump.neocities.org", 59 - "espi.me", 60 - "alula.me", 61 - "sapphic.moe", 62 - "calayucu.com", 63 - "meow-d.github.io", 64 - "girlthi.ng", 65 - "lenooby09.tech", 66 - "ackwell.au", 67 - "ari.express" 68 51 ], 69 52 }, 70 53
public/static/messages/nano-note.tar.zst

This is a binary file and will not be displayed.

+3 -3
src/components/FriendLink.astro
··· 1 1 --- 2 - import { Image, Picture } from "astro:assets"; 2 + // import { Image, Picture } from "astro:assets"; 3 3 4 4 const { name, image, target } = Astro.props; 5 5 --- 6 - <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> 6 + <a href={`${target}`} target="_blank"><img src={image} width=176 height=62 alt={`${name}`} class="flex" decoding="async" loading="lazy" /></a> 7 7 <style> 8 8 img { 9 9 image-rendering: pixelated; ··· 13 13 min-height: 62px; 14 14 height: 62px; 15 15 max-height: 62px; 16 - scale: 1; 16 + margin: 2px; 17 17 } 18 18 </style>
+1 -1
src/components/FriendLinkHigh.astro
··· 13 13 min-height: 62px; 14 14 height: 62px; 15 15 max-height: 62px; 16 - padding: 4px; 16 + padding: 0px; 17 17 } 18 18 </style>
+1 -1
src/components/FriendLinkLow.astro
··· 13 13 min-height: 62px; 14 14 height: 62px; 15 15 max-height: 62px; 16 - padding: 4px; 16 + padding: 0px; 17 17 } 18 18 </style>
+1 -1
src/components/FriendLinkLowAnimated.astro
··· 13 13 min-height: 62px; 14 14 height: 62px; 15 15 max-height: 62px; 16 - padding: 4px; 16 + padding: 0px; 17 17 } 18 18 </style>
+1 -1
src/components/FriendLinkMid.astro
··· 13 13 min-height: 62px; 14 14 height: 62px; 15 15 max-height: 62px; 16 - padding: 4px; 16 + padding: 0px; 17 17 } 18 18 </style>
+1 -1
src/components/FriendLinkMidAnimated.astro
··· 13 13 min-height: 62px; 14 14 height: 62px; 15 15 max-height: 62px; 16 - padding: 4px; 16 + padding: 0px; 17 17 } 18 18 </style>
+29 -20
src/pages/index.astro
··· 1 1 --- 2 2 import Partition from "../components/Partition.astro"; 3 3 4 - import Greeting from "../components/Greeting"; 5 4 import Social from "../components/Social.astro"; 6 5 import BaseLayout from "../layouts/BaseLayout.astro"; 7 - import FriendLink from "../components/FriendLinkHigh.astro"; 8 - import FriendLinkMid from "../components/FriendLinkMid.astro"; 9 - import FriendLinkLow from "../components/FriendLinkLow.astro"; 10 - import FriendLinkLowAnimated from "../components/FriendLinkLowAnimated.astro"; 11 - import FriendLinkMidAnimated from "../components/FriendLinkMidAnimated.astro"; 6 + import FriendLink from "../components/FriendLink.astro"; 7 + 12 8 const pageTitle = "Aria"; 13 9 14 10 const currentDate = new Date(); ··· 60 56 <Partition> 61 57 <h1 class="text-2xl">These are cool people!!</h1> 62 58 <br /> 63 - <div class="flex outline-dotted p-5 flex-wrap justify-center max-w-4xl"> 59 + <div class="flex outline-dotted flex-wrap justify-center box-content"> 64 60 <FriendLink 65 61 name="Alyxia" 66 62 image="https://alyxia.dev/static/img/88x31/self.png" 67 63 target="https://alyxia.dev" 68 64 /> 69 - <div class="outline-dashed flex outline-3 mx-1"> 65 + <div class="outline-dashed flex outline-3 m-0.5"> 70 66 <FriendLink 71 67 name="Prefetcher" 72 68 image="https://nanoshinono.me/prefetcher.gif" ··· 78 74 target="https://ata.moe" 79 75 /> 80 76 </div> 81 - <FriendLinkLow 77 + <FriendLink 82 78 name="Amemoia" 83 79 image="/static/img/88x31/BuhMoe.png" 84 80 target="https://buh.moe/" ··· 98 94 image="https://notnite.com/buttons/notnite.png" 99 95 target="https://notnite.com/" 100 96 /> 101 - <FriendLinkLowAnimated 97 + <FriendLink 102 98 name="0x5066" 103 99 image="https://erisdump.neocities.org/buttons/88x31_2.gif" 104 100 target="https://erisdump.neocities.org" 105 101 /> 106 - <!-- <FriendLink 102 + <FriendLink 107 103 name="Espi" 108 - image="https://espi.me/img/webring/espi.png" 104 + image="https://espi.me/buttons/espi.png" 109 105 target="https://www.espi.me" 110 - /> --> 106 + /> 111 107 <FriendLink 112 108 name="Alula" 113 109 image="https://alula.me/webring/alula.png" ··· 128 124 image="https://meow-d.github.io/assets/images/buttons/meow_d.webp" 129 125 target="https://meow-d.github.io/" 130 126 /> 131 - <div class="outline-dashed flex outline-3 mx-1"> 132 - <FriendLinkMidAnimated 127 + <div class="outline-dashed flex outline-3 m-0.5"> 128 + <FriendLink 133 129 name="~thermia" 134 130 image="https://girlthi.ng/~thermia/img/88x31/thermia.gif" 135 131 target="https://girlthi.ng/~thermia/" 136 132 /> 137 - <FriendLinkMidAnimated 133 + <FriendLink 138 134 name="girlthi.ng" 139 135 image="https://girlthi.ng/~thermia/img/88x31/girlthing.gif" 140 136 target="https://girlthi.ng/" ··· 142 138 </div> 143 139 <FriendLink 144 140 name="LeNooby 09" 145 - image="https://lenooby09.tech/88x31/88x31.png" 141 + image="https://lenooby09.tech/88x31.png" 146 142 target="https://lenooby09.tech" 147 143 /> 148 144 <FriendLink ··· 150 146 image="https://ackwell.au/assets/88x31/ackwell-coil.png" 151 147 target="https://ackwell.au" 152 148 /> 153 - <div class="outline-dashed flex outline-3 mx-1"> 149 + <div class="outline-dashed flex outline-3 m-0.5"> 154 150 <FriendLink 155 151 name="witchcraft.systems" 156 152 image="https://ari.express/assets/PWsbutton.png" ··· 162 158 target="https://ari.express/" 163 159 /> 164 160 </div> 161 + <FriendLink 162 + name="ariaOS" 163 + image="https://aria.catwife.dev/ariaos-button.png" 164 + target="https://aria.catwife.dev/" 165 + /> 166 + <FriendLink 167 + name="Xan Surnamehere" 168 + image="https://xan.lol/img/btn/meta.gif" 169 + target="https://xan.lol/" 170 + /> 171 + <FriendLink 172 + name="hotsocket" 173 + image="https://hotsocket.fyi/files/media/img/button.png" 174 + target="https://hotsocket.fyi/" 175 + /> 165 176 </div> 166 177 <br /> 167 178 <a href="/other buttons">Extra 88x31 buttons!</a> ··· 207 218 ageElem!.outerHTML = `<span class="tooltip">${Math.floor(age)}<span class="tooltiptext"><nobr>${age.toFixed(8)} years to be exact!</nobr></span></span>`; 208 219 }, 1000); 209 220 </script> 210 - 211 - <style is:inline></style> 212 221 </BaseLayout>
+1 -1
src/styles/aria.css
··· 56 56 color: var(--fourth-colour); 57 57 } 58 58 59 - @media screen and (max-width: 899px) { 59 + @media screen and (max-width: 1024px) { 60 60 body { 61 61 width: 95%; 62 62 padding-top: 0.5em;