my personal website!
meowing.zip
website
awesome icons on the dropdown buttons waow !!!!
+125
-83
+30
-20
about-me.html
+30
-20
about-me.html
···
3
3
<head>
4
4
<title>about me! - gayfamicom's cool and awesome website</title>
5
5
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
6
+
<link
7
+
rel="stylesheet"
8
+
type="text/css"
9
+
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css"
10
+
/>
11
+
<link
12
+
rel="stylesheet"
13
+
type="text/css"
14
+
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css"
15
+
/>
6
16
</head>
7
17
<link rel="stylesheet" href="styles.css">
8
18
</head>
···
13
23
</div>
14
24
<div class="divider"></div>
15
25
<div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
16
-
<div class="dropdown">
17
-
<a href="." class="dropbtn">< go back!</a>
26
+
<div class="dropdown">
27
+
<a href="." class="dropbtn">< go back!</a>
18
28
</div>
19
29
<div class="dropdown" tabindex="1">
20
-
<a style="margin-left: 5px;" class="dropbtn" href="./blog.html">blog</a>
30
+
<a style="margin-left: 5px;" class="dropbtn" href="./blog.html"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a>
21
31
</div>
22
32
<div class="dropdown" tabindex="1">
23
-
<i class="db2" tabindex="1"></i>
24
-
<a style="margin-left: 5px;" class="dropbtn">follow me on socials</a>
25
-
<div class="dropdown-content">
26
-
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/meowing.zip" target="_blank">bluesky</a>
33
+
<i class="db2" tabindex="1"></i>
34
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a>
35
+
<div class="dropdown-content">
36
+
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a>
27
37
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a>
28
-
<a style="color: light-dark(#d20f39, #f38ba8); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a>
29
-
</div>
38
+
<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a>
39
+
</div>
30
40
</div>
31
41
<div class="dropdown" tabindex="1">
32
-
<i class="db2" tabindex="1"></i>
33
-
<a style="margin-left: 5px;" class="dropbtn">add me!</a>
34
-
<div class="dropdown-content">
35
-
<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a>
36
-
</div>
42
+
<i class="db2" tabindex="1"></i>
43
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a>
44
+
<div class="dropdown-content">
45
+
<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a>
46
+
</div>
37
47
</div>
38
48
<div class="dropdown" tabindex="1">
39
-
<i class="db2" tabindex="1"></i>
40
-
<a style="margin-left: 5px;" class="dropbtn">contact info</a>
41
-
<div class="dropdown-content">
49
+
<i class="db2" tabindex="1"></i>
50
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a>
51
+
<div class="dropdown-content">
42
52
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a>
43
53
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
44
54
<a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a>
45
55
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a>
46
-
</div>
56
+
</div>
47
57
</div>
48
-
<a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">gallery (under construction)</a>
49
-
<a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">guestbook (under construction)</a>
58
+
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a>
59
+
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a>
50
60
</div>
51
61
</footer>
52
62
<body>
+36
-25
blog.html
+36
-25
blog.html
···
3
3
<head>
4
4
<title>blog! - niko's cool and awesome website!</title>
5
5
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
6
+
<link
7
+
rel="stylesheet"
8
+
type="text/css"
9
+
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css"
10
+
/>
11
+
<link
12
+
rel="stylesheet"
13
+
type="text/css"
14
+
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css"
15
+
/>
6
16
</head>
7
17
<link rel="stylesheet" href="styles.css">
8
18
<footer>
···
12
22
</div>
13
23
<div class="divider"></div>
14
24
<div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
15
-
<div class="dropdown">
16
-
<a href="./about-me.html" class="dropbtn">about me!</a>
25
+
<div class="dropdown">
26
+
<a href="./about-me.html" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a>
17
27
</div>
18
28
<div class="dropdown" tabindex="1">
19
-
<a style="margin-left: 5px;" class="dropbtn" href=".">< go back!</a>
29
+
<a style="margin-left: 5px;" class="dropbtn" href="."></i>< go back!</a>
20
30
</div>
21
31
<div class="dropdown" tabindex="1">
22
-
<i class="db2" tabindex="1"></i>
23
-
<a style="margin-left: 5px;" class="dropbtn">follow me on socials</a>
24
-
<div class="dropdown-content">
25
-
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/meowing.zip" target="_blank">bluesky</a>
26
-
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a>
27
-
<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a>
28
-
</div>
32
+
<i class="db2" tabindex="1"></i>
33
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a>
34
+
<div class="dropdown-content">
35
+
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a>
36
+
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a>
37
+
<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a>
38
+
</div>
29
39
</div>
30
40
<div class="dropdown" tabindex="1">
31
-
<i class="db2" tabindex="1"></i>
32
-
<a style="margin-left: 5px;" class="dropbtn">add me!</a>
33
-
<div class="dropdown-content">
34
-
<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a>
35
-
</div>
41
+
<i class="db2" tabindex="1"></i>
42
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a>
43
+
<div class="dropdown-content">
44
+
<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a>
45
+
</div>
36
46
</div>
37
47
<div class="dropdown" tabindex="1">
38
-
<i class="db2" tabindex="1"></i>
39
-
<a style="margin-left: 5px;" class="dropbtn">contact info</a>
40
-
<div class="dropdown-content">
41
-
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a>
42
-
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
43
-
<a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a>
44
-
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a>
45
-
</div>
48
+
<i class="db2" tabindex="1"></i>
49
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a>
50
+
<div class="dropdown-content">
51
+
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a>
52
+
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
53
+
<a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a>
54
+
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a>
55
+
</div>
46
56
</div>
47
-
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">gallery (under construction)</a>
48
-
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">guestbook (under construction)</a>
57
+
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a>
58
+
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a>
49
59
</div>
50
60
</footer>
61
+
51
62
<body>
52
63
<bg-gradient aria-hidden="true"></bg-gradient>
53
64
<bg aria-hidden="true"></bg>
+39
-27
fursona.html
+39
-27
fursona.html
···
3
3
<head>
4
4
<title>oooh who's this? - niko's cool and awesome website!</title>
5
5
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
6
+
<link
7
+
rel="stylesheet"
8
+
type="text/css"
9
+
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css"
10
+
/>
11
+
<link
12
+
rel="stylesheet"
13
+
type="text/css"
14
+
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css"
15
+
/>
6
16
</head>
7
17
<link rel="stylesheet" href="styles.css">
8
18
<footer>
···
15
25
<div class="dropdown">
16
26
<a href="." class="dropbtn">< go back!</a>
17
27
</div>
18
-
<div class="dropdown" tabindex="1">
19
-
<a style="margin-left: 5px;" href="./about-me.html" class="dropbtn">about me!</a>
28
+
<div class="dropdown">
29
+
<a href="./about-me.html" style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a>
30
+
</div>
31
+
<div class="dropdown" tabindex="1">
32
+
<a style="margin-left: 5px;" class="dropbtn" href="./blog.html"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a>
20
33
</div>
21
34
<div class="dropdown" tabindex="1">
22
-
<a style="margin-left: 5px;" class="dropbtn" href="./blog.html">blog</a>
23
-
</div>
24
-
<div class="dropdown" tabindex="1">
25
-
<i class="db2" tabindex="1"></i>
26
-
<a style="margin-left: 5px;" class="dropbtn">follow me on socials</a>
27
-
<div class="dropdown-content">
28
-
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:web:gayfamicom.lol" target="_blank">bluesky</a>
29
-
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://hero.chaogarden.social/@gayfamicom" target="_blank">fediverse</a>
30
-
<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@gayfamicom" target="_blank">youtube</a>
31
-
</div>
35
+
<i class="db2" tabindex="1"></i>
36
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a>
37
+
<div class="dropdown-content">
38
+
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a>
39
+
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a>
40
+
<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a>
41
+
</div>
32
42
</div>
33
43
<div class="dropdown" tabindex="1">
34
-
<i class="db2" tabindex="1"></i>
35
-
<a style="margin-left: 5px;" class="dropbtn">add me!</a>
36
-
<div class="dropdown-content">
37
-
<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/gayfamicom/" target="_blank">steam</a>
38
-
</div>
44
+
<i class="db2" tabindex="1"></i>
45
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a>
46
+
<div class="dropdown-content">
47
+
<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a>
48
+
</div>
39
49
</div>
40
50
<div class="dropdown" tabindex="1">
41
-
<i class="db2" tabindex="1"></i>
42
-
<a style="margin-left: 5px;" class="dropbtn">contact info</a>
43
-
<div class="dropdown-content">
44
-
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/xhGmxYVp-uOwNmQMWmpPv_O3NvCOA6pH7O1FOt_C1VG3Wkd-9TxAdr1qkhvumTX1" target="_blank">signal</a>
45
-
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
46
-
<a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a>
47
-
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a>
48
-
</div>
51
+
<i class="db2" tabindex="1"></i>
52
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a>
53
+
<div class="dropdown-content">
54
+
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a>
55
+
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
56
+
<a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a>
57
+
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a>
58
+
</div>
49
59
</div>
50
-
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">gallery (under construction)</a>
51
-
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">guestbook (under construction)</a>
60
+
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a>
61
+
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a>
52
62
</div>
53
63
</footer>
54
64
<body>
65
+
<bg-gradient aria-hidden="true"></bg-gradient>
66
+
<bg aria-hidden="true"></bg>
55
67
<div class="main">
56
68
<h3>hello! i'm so glad you clicked here!</h3>
57
69
<div class="divider"></div>
+17
-7
index.html
+17
-7
index.html
···
3
3
<head>
4
4
<title>niko's cool and awesome website!</title>
5
5
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
6
+
<link
7
+
rel="stylesheet"
8
+
type="text/css"
9
+
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css"
10
+
/>
11
+
<link
12
+
rel="stylesheet"
13
+
type="text/css"
14
+
href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css"
15
+
/>
6
16
<script>function copyMyButton(){navigator.clipboard.writeText('<a href="https://meowing.zip"><img src="https://meowing.zip/assets/88x31/button.png" alt="meowing.zip"></a>'),alert("copied button html to ur clipboard!!")}</script>
7
17
</head>
8
18
<link rel="stylesheet" href="styles.css">
···
14
24
<div class="divider"></div>
15
25
<div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
16
26
<div class="dropdown">
17
-
<a href="./about-me.html" class="dropbtn">about me!</a>
27
+
<a href="./about-me.html" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a>
18
28
</div>
19
29
<div class="dropdown" tabindex="1">
20
-
<a style="margin-left: 5px;" class="dropbtn" href="./blog.html">blog</a>
30
+
<a style="margin-left: 5px;" class="dropbtn" href="./blog.html"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a>
21
31
</div>
22
32
<div class="dropdown" tabindex="1">
23
33
<i class="db2" tabindex="1"></i>
24
-
<a style="margin-left: 5px;" class="dropbtn">follow me on socials</a>
34
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a>
25
35
<div class="dropdown-content">
26
36
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a>
27
37
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a>
···
30
40
</div>
31
41
<div class="dropdown" tabindex="1">
32
42
<i class="db2" tabindex="1"></i>
33
-
<a style="margin-left: 5px;" class="dropbtn">add me!</a>
43
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a>
34
44
<div class="dropdown-content">
35
45
<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a>
36
46
</div>
37
47
</div>
38
48
<div class="dropdown" tabindex="1">
39
49
<i class="db2" tabindex="1"></i>
40
-
<a style="margin-left: 5px;" class="dropbtn">contact info</a>
50
+
<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a>
41
51
<div class="dropdown-content">
42
52
<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a>
43
53
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
···
45
55
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a>
46
56
</div>
47
57
</div>
48
-
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">gallery (under construction)</a>
49
-
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);">guestbook (under construction)</a>
58
+
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a>
59
+
<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a>
50
60
</div>
51
61
</footer>
52
62
+3
-4
styles.css
+3
-4
styles.css
···
166
166
}
167
167
.dropdown-content a {
168
168
color: var(--background);
169
-
padding: 6px 10px;
169
+
padding: 8px 0;
170
170
display: block;
171
171
text-decoration: none;
172
-
transition: 0.2s ease-out;
172
+
transition: 0.2s ease-in-out;
173
173
text-align: center;
174
174
}
175
175
.dropdown-content a:hover {
···
246
246
border-color: var(--background);
247
247
transition: ease-in-out 0.5s;
248
248
position: relative;
249
-
letter-spacing: 2px;
250
-
padding: 12px;
249
+
padding: 10px;
251
250
}
252
251
253
252
/* mask to close menu by clicking on the button */