+2
-12
assets/css/main.css
+2
-12
assets/css/main.css
···
20
20
url("https://assets.tangled.network/tangled_dolly_face_only_white_on_trans.svg");
21
21
}
22
22
23
-
.icon-liberapay::before {
24
-
content: "";
25
-
display: inline-block;
26
-
width: 100%;
27
-
height: 100%;
28
-
background: center / contain no-repeat
29
-
url("https://liberapay.com/assets/liberapay/icon-v2_black.svg");
30
-
filter: brightness(0) invert(1);
31
-
}
32
-
33
23
.pronouns {
34
24
font-weight: bold;
35
25
}
···
52
42
53
43
.part {
54
44
border-radius: 5px;
55
-
background-color: rgba(255, 255, 255, 0.05);
45
+
background-color: rgba(0, 0, 0, 0.3);
56
46
border: 1px solid rgba(255, 255, 255, 0.15);
57
47
backdrop-filter: blur(10px);
58
48
}
···
69
59
70
60
#socials {
71
61
display: grid;
72
-
grid-template-columns: repeat(5, 1fr);
62
+
grid-template-columns: repeat(6, 1fr);
73
63
gap: 1em;
74
64
padding: 1em;
75
65
text-align: center;
assets/img/profile.avif
assets/img/profile.avif
This is a binary file and will not be displayed.
assets/img/profile.png
assets/img/profile.png
This is a binary file and will not be displayed.
+11
-4
index.html
+11
-4
index.html
···
4
4
<meta charset="UTF-8" />
5
5
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
<link rel="stylesheet" href="assets/css/main.css" />
7
-
<!-- <link rel="stylesheet" href="assets/css/bg.css" /> -->
7
+
8
8
<link
9
9
rel="stylesheet"
10
10
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"
···
34
34
<figure>
35
35
<img
36
36
id="profile-picture"
37
-
src="assets/img/profile.png"
37
+
src="assets/img/profile.avif"
38
38
alt="Profile picture"
39
39
/>
40
40
</figure>
···
58
58
<i class="bi bi-youtube"></i> YouTube
59
59
</a>
60
60
<a
61
+
href="https://twitch.tv/lightyisreal"
62
+
target="_blank"
63
+
class="social-link part"
64
+
>
65
+
<i class="bi bi-twitch"></i> Twitch
66
+
</a>
67
+
<a
61
68
href="https://tiktok.com/@lightyisreal"
62
69
target="_blank"
63
70
class="social-link part"
···
104
111
<i class="icon icon-tangled"></i> Tangled (Git)
105
112
</a>
106
113
<a
107
-
href="https://liberapay.com/lighty"
114
+
href="https://ko-fi.com/lightyisreal"
108
115
target="_blank"
109
116
class="social-link social-link-wide part"
110
117
>
111
-
<i class="icon icon-liberapay"></i> Liberapay (Donations)
118
+
<i class="bi bi-piggy-bank-fill"></i> Ko-fi (Donations)
112
119
</a>
113
120
</section>
114
121
</body>