Wowie what a gay little website for my gay little self
aria.coffee
fix+feat: fix css stuff and add more buttons
+38
-46
-17
astro.config.mjs
-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
public/static/messages/nano-note.tar.zst
This is a binary file and will not be displayed.
+3
-3
src/components/FriendLink.astro
+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
+1
-1
src/components/FriendLinkHigh.astro
+1
-1
src/components/FriendLinkLow.astro
+1
-1
src/components/FriendLinkLow.astro
+1
-1
src/components/FriendLinkLowAnimated.astro
+1
-1
src/components/FriendLinkLowAnimated.astro
+1
-1
src/components/FriendLinkMid.astro
+1
-1
src/components/FriendLinkMid.astro
+1
-1
src/components/FriendLinkMidAnimated.astro
+1
-1
src/components/FriendLinkMidAnimated.astro
+29
-20
src/pages/index.astro
+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>