my personal website!
meowing.zip
website
1<!DOCTYPE html>
2<html>
3<head>
4 <title>oooh who's this? - niko's cool and awesome website!</title>
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 />
16</head>
17<link rel="stylesheet" href="styles.css">
18<footer>
19 <div style="display: flex;">
20 <a><img class="pfp" src="./assets/images/pfp.jpg" alt="my fursona. a cat (sometimes fops) thing that wears a mask"></a>
21 <a style="padding: 20px; text-align: center">oooh who's this?<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>
22 </div>
23 <div class="divider"></div>
24 <div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
25 <div class="dropdown">
26 <a href="." class="dropbtn">< go back!</a>
27 </div>
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>
33 </div>
34 <div class="dropdown" tabindex="1">
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>
42 </div>
43 <div class="dropdown" tabindex="1">
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>
49 </div>
50 <div class="dropdown" tabindex="1">
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>
59 </div>
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>
62 </div>
63</footer>
64<body>
65 <bg-gradient aria-hidden="true"></bg-gradient>
66 <bg aria-hidden="true"></bg>
67 <div class="main">
68 <h3>hello! i'm so glad you clicked here!</h3>
69 <div class="divider"></div>
70 <a style="font-size: 15px; font-weight: 700;">who is this you wonder?</a>
71 <a style="font-size: 12px;">
72 this is my fursona! it's a cat (can be a fops sometimes) thing. its fluffy and cuddleable!</a>
73 <small style="font-size: 10px;">waow</small>
74 <br><br><a style="font-size: 15px; font-weight: 700;">
75 more info is to be determined at *some* point, when i have time</a>
76 <a style="font-size: 12px;"><br><br>ref sheet: [404 Not Found, for now]
77 </div>
78</body>
79</html>