My personal site.
theclashfruit.me
fix: fix some stuff
+94
-14
+6
app/(main)/art/page.tsx
+6
app/(main)/art/page.tsx
+6
app/(main)/blog/page.tsx
+6
app/(main)/blog/page.tsx
+24
-14
app/(main)/links/page.tsx
+24
-14
app/(main)/links/page.tsx
···
8
8
// Types for our buttons
9
9
interface ButtonLink {
10
10
title: string;
11
-
img: string;
11
+
extension: 'png' | 'jpg' | 'jpeg' | 'svg' | 'gif' | 'apng' | 'webp';
12
12
href: string;
13
13
}
14
14
···
17
17
};
18
18
19
19
export default function Links() {
20
-
// TODO: no hotlinks!
21
20
const buttons: ButtonLink[] = [
22
21
{
23
22
title: 'Volpeon',
24
-
img: 'https://volpeon.ink/_assets/btn1.svg',
23
+
extension: 'svg',
25
24
href: 'https://volpeon.ink/'
26
25
},
27
26
{
28
27
title: 'Pebble',
29
-
img: 'https://pebble.pet/button.gif',
28
+
extension: 'gif',
30
29
href: 'https://pebble.pet/'
31
30
},
32
31
{
33
32
title: 'Hayden',
34
-
img: 'https://hayden.moe/88x31/hayden.png',
33
+
extension: 'png',
35
34
href: 'https://hayden.moe/'
36
35
},
37
36
{
38
37
title: 'notnite',
39
-
img: 'https://notnite.com/buttons/notnite.png',
38
+
extension: 'png',
40
39
href: 'https://notnite.com/'
41
40
},
42
41
{
43
42
title: 'essem',
44
-
img: 'https://essem.space/images/sonabadge.png',
43
+
extension: 'png',
45
44
href: 'https://essem.space/'
46
45
},
47
46
{
48
47
title: 'Ivory',
49
-
img: 'https://ioletsgo.gay/assets/buttons/ivorybutton.gif',
48
+
extension: 'gif',
50
49
href: 'https://ioletsgo.gay/'
51
50
}
52
51
];
53
-
52
+
54
53
buttons.sort((a, b) => {
55
54
return a.title.localeCompare(b.title);
56
-
})
57
-
55
+
});
56
+
58
57
return (
59
58
<>
60
59
<h3>Socials</h3>
···
94
93
}}
95
94
>
96
95
{buttons.map((btn, i) => (
97
-
<Link href={btn.href} className={styles.button} key={i}>
96
+
<Link
97
+
href={btn.href}
98
+
className={styles.button}
99
+
key={i}
100
+
rel="noopener noreferrer"
101
+
title={btn.title}
102
+
>
98
103
<Image
99
-
src={btn.img}
104
+
src={`/buttons/${btn.title.toLocaleLowerCase()}.${btn.extension}`}
100
105
width={88}
101
106
height={31}
102
107
alt={btn.title}
108
+
title={btn.title}
103
109
unoptimized
104
110
/>
105
111
</Link>
106
112
))}
107
113
</div>
108
-
114
+
109
115
<p>Check out these cool people!</p>
116
+
<p>
117
+
Want your own button here? Hit me up on{' '}
118
+
<code>admin [at] theclashfruit.me</code>.
119
+
</p>
110
120
</>
111
121
);
112
122
}
+6
app/(main)/photos/page.tsx
+6
app/(main)/photos/page.tsx
