my personal website!
meowing.zip
website
updating more social links and also future xmpp/email when i get to creating to them. also replaced (i hope) all instances of gayfamicom
+34
-34
+8
-8
about-me.html
+8
-8
about-me.html
···
9
9
<footer>
10
10
<div style="display: flex;">
11
11
<a href="./fursona.html"><img class="pfp" src="./assets/images/pfp.jpg" alt="my fursona. a cat (sometimes fops) thing that wears a mask"></a>
12
-
<a style=" padding: 20px; text-align: center">about me!<small style="color: light-dark(var(--light-subtext), var(--dark-subtext)); margin-left: 10px; font-size: 12px;">gayfamicom's cool and awesome website!~</small></a>
12
+
<a style=" padding: 20px; text-align: center">about me!<small style="color: light-dark(var(--light-subtext), var(--dark-subtext)); margin-left: 10px; font-size: 12px;">niko's cool and awesome website!~</small></a>
13
13
</div>
14
14
<div class="divider"></div>
15
15
<div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
···
23
23
<i class="db2" tabindex="1"></i>
24
24
<a style="margin-left: 5px;" class="dropbtn">follow me on socials</a>
25
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/did:web:gayfamicom.lol" target="_blank">bluesky</a>
27
-
<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>
28
-
<a style="color: light-dark(#d20f39, #f38ba8); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@gayfamicom" target="_blank">youtube</a>
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>
27
+
<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
29
</div>
30
30
</div>
31
31
<div class="dropdown" tabindex="1">
32
32
<i class="db2" tabindex="1"></i>
33
33
<a style="margin-left: 5px;" class="dropbtn">add me!</a>
34
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/gayfamicom/" target="_blank">steam</a>
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
36
</div>
37
37
</div>
38
38
<div class="dropdown" tabindex="1">
39
39
<i class="db2" tabindex="1"></i>
40
40
<a style="margin-left: 5px;" class="dropbtn">contact info</a>
41
41
<div class="dropdown-content">
42
-
<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>
43
-
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:gayfamicom@synth.download">xmpp</a>
42
+
<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
+
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
44
44
<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
-
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:mail@gayfamicom.lol">email</a>
45
+
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:mail@meowing.zip">email</a>
46
46
</div>
47
47
</div>
48
48
<a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">gallery (under construction)</a>
+9
-9
blog.html
+9
-9
blog.html
···
1
1
<!DOCTYPE html>
2
2
<html>
3
3
<head>
4
-
<title>gayfamicom's cool and awesome website!</title>
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
6
</head>
7
7
<link rel="stylesheet" href="styles.css">
8
8
<footer>
9
9
<div style="display: flex;">
10
10
<a href="./fursona.html"><img class="pfp" src="./assets/images/pfp.jpg" alt="my fursona. a cat (sometimes fops) thing that wears a mask"></a>
11
-
<a style="padding: 20px; text-align: center">gayfamicom's cool and awesome website!<small style="color: light-dark(var(--light-subtext), var(--dark-subtext)); margin-left: 10px; font-size: 12px;">awwahhff mrrroow!~</small></a>
11
+
<a style="padding: 20px; text-align: center">blog!<small style="color: light-dark(var(--light-subtext), var(--dark-subtext)); margin-left: 10px; font-size: 12px;">niko's cool and awesome website!~</small></a>
12
12
</div>
13
13
<div class="divider"></div>
14
14
<div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
···
22
22
<i class="db2" tabindex="1"></i>
23
23
<a style="margin-left: 5px;" class="dropbtn">follow me on socials</a>
24
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/did:web:gayfamicom.lol" target="_blank">bluesky</a>
26
-
<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>
27
-
<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@gayfamicom" target="_blank">youtube</a>
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
28
</div>
29
29
</div>
30
30
<div class="dropdown" tabindex="1">
31
31
<i class="db2" tabindex="1"></i>
32
32
<a style="margin-left: 5px;" class="dropbtn">add me!</a>
33
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/gayfamicom/" target="_blank">steam</a>
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
35
</div>
36
36
</div>
37
37
<div class="dropdown" tabindex="1">
38
38
<i class="db2" tabindex="1"></i>
39
39
<a style="margin-left: 5px;" class="dropbtn">contact info</a>
40
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/xhGmxYVp-uOwNmQMWmpPv_O3NvCOA6pH7O1FOt_C1VG3Wkd-9TxAdr1qkhvumTX1" target="_blank">signal</a>
42
-
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:gayfamicom@synth.download">xmpp</a>
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
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:mail@gayfamicom.lol">email</a>
44
+
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:mail@meowing.zip">email</a>
45
45
</div>
46
46
</div>
47
47
<a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">gallery (under construction)</a>
+1
-1
fursona.html
+1
-1
fursona.html
···
1
1
<!DOCTYPE html>
2
2
<html>
3
3
<head>
4
-
<title>oooh who's this? - gayfamicom's cool and awesome website!</title>
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
6
</head>
7
7
<link rel="stylesheet" href="styles.css">
+9
-9
guestbook.html
+9
-9
guestbook.html
···
1
1
<!DOCTYPE html>
2
2
<html>
3
3
<head>
4
-
<title>guestbook - gayfamicom's cool and awesome website!</title>
4
+
<title>guestbook - niko's cool and awesome website!</title>
5
5
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
6
6
</head>
7
7
<link rel="stylesheet" href="styles.css">
8
8
<footer>
9
9
<div style="display: flex;">
10
10
<img style="border-radius: 15px; border: 2px solid; border-color: light-dark(var(--light-accent), var(--dark-accent)); width: 70px; height: auto" src="./assets/images/pfp.jpg" alt="fursona">
11
-
<a style=" padding: 20px; text-align: center">sign my guestbook<small style="color: light-dark(var(--light-subtext), var(--dark-subtext)); margin-left: 10px; font-size: 12px;">gayfamicom's cool and awesome website!~</small></a>
11
+
<a style=" padding: 20px; text-align: center">sign my guestbook<small style="color: light-dark(var(--light-subtext), var(--dark-subtext)); margin-left: 10px; font-size: 12px;">niko's cool and awesome website!~</small></a>
12
12
</div>
13
13
</div>
14
14
<div class="divider"></div>
···
26
26
<i class="db2" tabindex="1"></i>
27
27
<a style="margin-left: 5px;" class="dropbtn">follow me on socials</a>
28
28
<div class="dropdown-content">
29
-
<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>
30
-
<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>
31
-
<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@gayfamicom" target="_blank">youtube</a>
29
+
<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>
30
+
<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>
31
+
<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowmaxing" target="_blank">youtube</a>
32
32
</div>
33
33
</div>
34
34
<div class="dropdown" tabindex="1">
35
35
<i class="db2" tabindex="1"></i>
36
36
<a style="margin-left: 5px;" class="dropbtn">add me!</a>
37
37
<div class="dropdown-content">
38
-
<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
+
<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a>
39
39
</div>
40
40
</div>
41
41
<div class="dropdown" tabindex="1">
42
42
<i class="db2" tabindex="1"></i>
43
43
<a style="margin-left: 5px;" class="dropbtn">contact info</a>
44
44
<div class="dropdown-content">
45
-
<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>
46
-
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:gayfamicom@synth.download">xmpp</a>
45
+
<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>
46
+
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
47
47
<a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a>
48
-
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:mail@gayfamicom.lol">email</a>
48
+
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:mail@meowing.zip">email</a>
49
49
</div>
50
50
</div>
51
51
<a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">gallery (under construction)</a>
+7
-7
index.html
+7
-7
index.html
···
1
1
<!DOCTYPE html>
2
2
<html>
3
3
<head>
4
-
<title>gayfamicom's cool and awesome website!</title>
4
+
<title>niko's cool and awesome website!</title>
5
5
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
6
6
</head>
7
7
<link rel="stylesheet" href="styles.css">
8
8
<footer>
9
9
<div style="display: flex;">
10
10
<a href="./fursona.html"><img class="pfp" src="./assets/images/pfp.jpg" alt="my fursona. a cat (sometimes fops) thing that wears a mask"></a>
11
-
<a style="padding: 20px; text-align: center">gayfamicom's cool and awesome website!<small style="color: light-dark(var(--light-subtext), var(--dark-subtext)); margin-left: 10px; font-size: 12px;">awwahhff mrrroow!~</small></a>
11
+
<a style="padding: 20px; text-align: center">niko's cool and awesome website!<small style="color: light-dark(var(--light-subtext), var(--dark-subtext)); margin-left: 10px; font-size: 12px;">awwahhff mrrroow!~</small></a>
12
12
</div>
13
13
<div class="divider"></div>
14
14
<div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
···
24
24
<div class="dropdown-content">
25
25
<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>
26
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/@gayfamicom" target="_blank">youtube</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
28
</div>
29
29
</div>
30
30
<div class="dropdown" tabindex="1">
31
31
<i class="db2" tabindex="1"></i>
32
32
<a style="margin-left: 5px;" class="dropbtn">add me!</a>
33
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/gayfamicom/" target="_blank">steam</a>
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
35
</div>
36
36
</div>
37
37
<div class="dropdown" tabindex="1">
38
38
<i class="db2" tabindex="1"></i>
39
39
<a style="margin-left: 5px;" class="dropbtn">contact info</a>
40
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/xhGmxYVp-uOwNmQMWmpPv_O3NvCOA6pH7O1FOt_C1VG3Wkd-9TxAdr1qkhvumTX1" target="_blank">signal</a>
42
-
<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:gayfamicom@synth.download">xmpp</a>
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
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:mail@gayfamicom.lol">email</a>
44
+
<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:mail@meowing.zip">email</a>
45
45
</div>
46
46
</div>
47
47
<a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">gallery (under construction)</a>