aria/aria.coffee
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

fix+feat: fix css stuff and add more buttons
Some checks are pending
Deploy to Web Server / deploy (push) Waiting to run
Details

Browse source
This commit is contained in:
aria 2025-08-03 16:58:11 +10:00
parent 305b7d4272
commit 283bab4e46
Signed by: aria
SSH key fingerprint: SHA256:WqtcVnDMrv1lnUlNah5k31iywFUI/DV+5yHzCTO4Vds
10 changed files with 38 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

17
astro.config.mjs
View file

@ -48,23 +48,6 @@ export default defineConfig({
"camo.githubusercontent.com", "camo.githubusercontent.com",
"user-images.githubusercontent.com", "user-images.githubusercontent.com",
"private-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"
], ],
}, },

BIN
public/static/messages/nano-note.tar.zst
View file

Binary file not shown.

6
src/components/FriendLink.astro
View file

@ -1,9 +1,9 @@
--- ---
import { Image, Picture } from "astro:assets"; // import { Image, Picture } from "astro:assets";
const { name, image, target } = Astro.props; 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> <style>
img { img {
image-rendering: pixelated; image-rendering: pixelated;
@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
min-height: 62px; min-height: 62px;
height: 62px; height: 62px;
max-height: 62px; max-height: 62px;
scale: 1; margin: 2px;
} }
</style> </style>

2
src/components/FriendLinkHigh.astro
View file

@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
min-height: 62px; min-height: 62px;
height: 62px; height: 62px;
max-height: 62px; max-height: 62px;
padding: 4px; padding: 0px;
} }
</style> </style>

2
src/components/FriendLinkLow.astro
View file

@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
min-height: 62px; min-height: 62px;
height: 62px; height: 62px;
max-height: 62px; max-height: 62px;
padding: 4px; padding: 0px;
} }
</style> </style>

2
src/components/FriendLinkLowAnimated.astro
View file

@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
min-height: 62px; min-height: 62px;
height: 62px; height: 62px;
max-height: 62px; max-height: 62px;
padding: 4px; padding: 0px;
} }
</style> </style>

2
src/components/FriendLinkMid.astro
View file

@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
min-height: 62px; min-height: 62px;
height: 62px; height: 62px;
max-height: 62px; max-height: 62px;
padding: 4px; padding: 0px;
} }
</style> </style>

2
src/components/FriendLinkMidAnimated.astro
View file

@ -13,6 +13,6 @@ const { name, image, target } = Astro.props;
min-height: 62px; min-height: 62px;
height: 62px; height: 62px;
max-height: 62px; max-height: 62px;
padding: 4px; padding: 0px;
} }
</style> </style>

49
src/pages/index.astro
View file

@ -1,14 +1,10 @@
--- ---
import Partition from "../components/Partition.astro"; import Partition from "../components/Partition.astro";
import Greeting from "../components/Greeting";
import Social from "../components/Social.astro"; import Social from "../components/Social.astro";
import BaseLayout from "../layouts/BaseLayout.astro"; import BaseLayout from "../layouts/BaseLayout.astro";
import FriendLink from "../components/FriendLinkHigh.astro"; import FriendLink from "../components/FriendLink.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";
const pageTitle = "Aria"; const pageTitle = "Aria";
const currentDate = new Date(); const currentDate = new Date();
@ -60,13 +56,13 @@ const age = seconds / 31556952;
<Partition> <Partition>
<h1 class="text-2xl">These are cool people!!</h1> <h1 class="text-2xl">These are cool people!!</h1>
<br /> <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 <FriendLink
name="Alyxia" name="Alyxia"
image="https://alyxia.dev/static/img/88x31/self.png" image="https://alyxia.dev/static/img/88x31/self.png"
target="https://alyxia.dev" target="https://alyxia.dev"
/> />
<div class="outline-dashed flex outline-3 mx-1"> <div class="outline-dashed flex outline-3 m-0.5">
<FriendLink <FriendLink
name="Prefetcher" name="Prefetcher"
image="https://nanoshinono.me/prefetcher.gif" image="https://nanoshinono.me/prefetcher.gif"
@ -78,7 +74,7 @@ const age = seconds / 31556952;
target="https://ata.moe" target="https://ata.moe"
/> />
</div> </div>
<FriendLinkLow <FriendLink
name="Amemoia" name="Amemoia"
image="/static/img/88x31/BuhMoe.png" image="/static/img/88x31/BuhMoe.png"
target="https://buh.moe/" target="https://buh.moe/"
@ -98,16 +94,16 @@ const age = seconds / 31556952;
image="https://notnite.com/buttons/notnite.png" image="https://notnite.com/buttons/notnite.png"
target="https://notnite.com/" target="https://notnite.com/"
/> />
<FriendLinkLowAnimated <FriendLink
name="0x5066" name="0x5066"
image="https://erisdump.neocities.org/buttons/88x31_2.gif" image="https://erisdump.neocities.org/buttons/88x31_2.gif"
target="https://erisdump.neocities.org" target="https://erisdump.neocities.org"
/> />
<!-- <FriendLink <FriendLink
name="Espi" name="Espi"
image="https://espi.me/img/webring/espi.png" image="https://espi.me/buttons/espi.png"
target="https://www.espi.me" target="https://www.espi.me"
/> --> />
<FriendLink <FriendLink
name="Alula" name="Alula"
image="https://alula.me/webring/alula.png" 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" image="https://meow-d.github.io/assets/images/buttons/meow_d.webp"
target="https://meow-d.github.io/" target="https://meow-d.github.io/"
/> />
<div class="outline-dashed flex outline-3 mx-1"> <div class="outline-dashed flex outline-3 m-0.5">
<FriendLinkMidAnimated <FriendLink
name="~thermia" name="~thermia"
image="https://girlthi.ng/~thermia/img/88x31/thermia.gif" image="https://girlthi.ng/~thermia/img/88x31/thermia.gif"
target="https://girlthi.ng/~thermia/" target="https://girlthi.ng/~thermia/"
/> />
<FriendLinkMidAnimated <FriendLink
name="girlthi.ng" name="girlthi.ng"
image="https://girlthi.ng/~thermia/img/88x31/girlthing.gif" image="https://girlthi.ng/~thermia/img/88x31/girlthing.gif"
target="https://girlthi.ng/" target="https://girlthi.ng/"
@ -142,7 +138,7 @@ const age = seconds / 31556952;
</div> </div>
<FriendLink <FriendLink
name="LeNooby 09" name="LeNooby 09"
image="https://lenooby09.tech/88x31/88x31.png" image="https://lenooby09.tech/88x31.png"
target="https://lenooby09.tech" target="https://lenooby09.tech"
/> />
<FriendLink <FriendLink
@ -150,7 +146,7 @@ const age = seconds / 31556952;
image="https://ackwell.au/assets/88x31/ackwell-coil.png" image="https://ackwell.au/assets/88x31/ackwell-coil.png"
target="https://ackwell.au" target="https://ackwell.au"
/> />
<div class="outline-dashed flex outline-3 mx-1"> <div class="outline-dashed flex outline-3 m-0.5">
<FriendLink <FriendLink
name="witchcraft.systems" name="witchcraft.systems"
image="https://ari.express/assets/PWsbutton.png" image="https://ari.express/assets/PWsbutton.png"
@ -162,6 +158,21 @@ const age = seconds / 31556952;
target="https://ari.express/" target="https://ari.express/"
/> />
</div> </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> </div>
<br /> <br />
<a href="/other buttons">Extra 88x31 buttons!</a> <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>`; ageElem!.outerHTML = `<span class="tooltip">${Math.floor(age)}<span class="tooltiptext"><nobr>${age.toFixed(8)} years to be exact!</nobr></span></span>`;
}, 1000); }, 1000);
</script> </script>
<style is:inline></style>
</BaseLayout> </BaseLayout>

2
src/styles/aria.css
View file

@ -56,7 +56,7 @@ body {
color: var(--fourth-colour); color: var(--fourth-colour);
} }
@media screen and (max-width: 899px) { @media screen and (max-width: 1024px) {
body { body {
width: 95%; width: 95%;
padding-top: 0.5em; padding-top: 0.5em;