holly.mlem.systems
forked from
devins.page/devins.page
my website, hosted on wisp.place
fix: badge text-decoration
moved badges to a component to fix this
devins.page
+23
src/components/Badges.astro
+23
src/components/Badges.astro
···
1
+
<div style="margin-block: 1em;">
2
+
<a href="https://devins.page">
3
+
<img
4
+
src="https://raw.githubusercontent.com/intergrav/branding/refs/heads/main/personal/badge.svg"
5
+
/>
6
+
</a>
7
+
<a href="https://floof.gay">
8
+
<img src="https://floof.gay/img/badges/oli.svg" />
9
+
</a>
10
+
<a href="https://skye.vg">
11
+
<img src="https://skye.vg/button.png" />
12
+
</a>
13
+
<a href="https://freeplay.floof.company">
14
+
<img src="https://freeplay.floof.company/assets/buttons/free.gif" />
15
+
</a>
16
+
<img src="/badges/best_viewed_with_eyes.gif" />
17
+
</div>
18
+
19
+
<style>
20
+
a {
21
+
text-decoration: none;
22
+
}
23
+
</style>
+2
-17
src/pages/index.astro
+2
-17
src/pages/index.astro
···
1
1
---
2
2
import Layout from "../layouts/Layout.astro";
3
+
import Badges from "../components/Badges.astro";
3
4
---
4
5
5
6
<Layout
···
58
59
>.
59
60
</p>
60
61
61
-
<div style="margin-block: 1em">
62
-
<a href="https://devins.page">
63
-
<img
64
-
src="https://raw.githubusercontent.com/intergrav/branding/refs/heads/main/personal/badge.svg"
65
-
/>
66
-
</a>
67
-
<a href="https://floof.gay">
68
-
<img src="https://floof.gay/img/badges/oli.svg" />
69
-
</a>
70
-
<a href="https://skye.vg">
71
-
<img src="https://skye.vg/button.png" />
72
-
</a>
73
-
<a href="https://freeplay.floof.company">
74
-
<img src="https://freeplay.floof.company/assets/buttons/free.gif" />
75
-
</a>
76
-
<img src="/badges/best_viewed_with_eyes.gif" />
77
-
</div>
62
+
<Badges />
78
63
</Layout>