my personal website!
meowing.zip
website
tiny tweaks, also added an actual blog page (with nothing in it, for now)
+63
-10
+1
-1
about-me.html
+1
-1
about-me.html
···
8
8
</head>
9
9
<footer>
10
10
<div style="display: flex;">
11
-
<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 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
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>
13
13
</div>
14
14
<div class="divider"></div>
+59
-6
blog.html
+59
-6
blog.html
···
1
1
<!DOCTYPE html>
2
2
<html>
3
-
<head>
4
-
<meta http-equiv="refresh" content="0; url='https://blog.gayfamicom.lol'"/>
5
-
</head>
6
-
<body>
7
-
<a rel="me" href="https://hero.chaogarden.social/@gayfamicom">
8
-
</body>
3
+
<head>
4
+
<title>gayfamicom's cool and awesome website!</title>
5
+
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
6
+
</head>
7
+
<link rel="stylesheet" href="styles.css">
8
+
<footer>
9
+
<div style="display: flex;">
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>
12
+
</div>
13
+
<div class="divider"></div>
14
+
<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>
17
+
</div>
18
+
<div class="dropdown" tabindex="1">
19
+
<a style="margin-left: 5px;" class="dropbtn" href=".">< go back!</a>
20
+
</div>
21
+
<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/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>
28
+
</div>
29
+
</div>
30
+
<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/gayfamicom/" target="_blank">steam</a>
35
+
</div>
36
+
</div>
37
+
<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/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>
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>
45
+
</div>
46
+
</div>
47
+
<a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">gallery (under construction)</a>
48
+
<a style="margin-left: 15px; font-size: 12px; color: light-dark(var(--light-subtext), var(--dark-subtext));">guestbook (under construction)</a>
49
+
</div>
50
+
</footer>
51
+
<body>
52
+
<div class="main">
53
+
<div style="margin-bottom: 10px">
54
+
<a>blog!</a>
55
+
<a style="color: light-dark(var(--light-subtext), var(--dark-subtext));"><small>see what i wrote maybe?</small></a>
56
+
<div class="divider"></div>
57
+
<a style="font-size: 14px">[404 Not Found]</a>
58
+
<a style="color: light-dark(var(--light-subtext), var(--dark-subtext));"><small>(for now...)</small></a>
59
+
</div>
60
+
</div>
61
+
</body>
9
62
</html>
+3
-3
styles.css
+3
-3
styles.css
···
140
140
}
141
141
.web-buttons .web-button:hover {
142
142
transition: ease-in-out 0.3s;
143
-
border: solid 1px;
143
+
border: solid 0px;
144
144
border-radius: 10px;
145
145
border-color: light-dark(var(--light-accent), var(--dark-accent));
146
146
filter: blur(0);
···
155
155
}
156
156
.other-web-buttons .web-button:hover {
157
157
transition: ease-in-out 0.3s;
158
-
border: solid 1px;
158
+
border: solid 0px;
159
159
border-radius: 10px;
160
160
border-color: light-dark(var(--light-accent), var(--dark-accent));
161
161
filter: blur(0);
···
165
165
}
166
166
.my-button .web-button:hover {
167
167
transition: ease-in-out 0.3s;
168
-
border: solid 1px;
168
+
border: solid 0px;
169
169
border-radius: 10px;
170
170
border-color: light-dark(var(--light-accent), var(--dark-accent));
171
171
filter: blur(0);