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

f**k ahh syling and gallery work

Browse source
This commit is contained in:
Aria 2025-04-25 04:23:45 +10:00
parent 3bf39af153
commit eedba4c364
19 changed files with 165 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/NavHeader.astro
View file

@ -14,12 +14,12 @@ const optimizedBackground = await getImage({
const optimizedBackgroundLQ = await getImage({
src: myBackground,
format: "webp",
quality: 60,
quality: 50,
width: 512,
});
---
<div
style={`width: 670px; border: 1px solid var(--border); background-image: image-set(url('${optimizedBackground.src}') type("image/avif"), url('/static/img/sites/avatar-ht-f.webp') type("image/webp"), url('${optimizedBackgroundLQ.src}') type("image/jpeg"));`}
style={`border: 1px solid var(--border); background-image: image-set(url('${optimizedBackground.src}') type("image/avif"), url('/static/img/sites/avatar-ht-f.webp') type("image/webp"), url('${optimizedBackgroundLQ.src}') type("image/jpeg"));`}
class="rounded-2xl flex flex-col shadow-xl shadow-black py-8 mb-8 items-center bg-center bg-cover"
>
<Picture

2
src/components/Partition.astro
View file

@ -4,7 +4,7 @@
<div
class="rounded-xl flex-row p-4 mb-4 shadow"
style="width: 670px; border: 1px solid var(--border); background-color: var(--third-colour);"
style="border: 1px solid var(--border); background-color: var(--third-colour);"
>
<slot />
</div>