my personal website!
meowing.zip
website
:3
+1
-76
-75
blog.html
-75
blog.html
···
1
-
<!DOCTYPE html>
2
-
<html>
3
-
<head>
4
-
<title>blog! - 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 href="./fursona.html"><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">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>
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="./about-me.html" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a>
27
-
</div>
28
-
<div class="dropdown" tabindex="1">
29
-
<a style="margin-left: 5px;" class="dropbtn" href="."></i>< go back!</a>
30
-
</div>
31
-
<div class="dropdown" tabindex="1">
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>
39
-
</div>
40
-
<div class="dropdown" tabindex="1">
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>
46
-
</div>
47
-
<div class="dropdown" tabindex="1">
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>
56
-
</div>
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>
59
-
</div>
60
-
</footer>
61
-
62
-
<body>
63
-
<bg-gradient aria-hidden="true"></bg-gradient>
64
-
<bg aria-hidden="true"></bg>
65
-
<div class="main">
66
-
<div style="margin-bottom: 10px">
67
-
<a>blog!</a>
68
-
<a style="color: color: var(--subtext);"><small>see what i wrote maybe?</small></a>
69
-
<div class="divider"></div>
70
-
<a style="font-size: 14px">[404 Not Found]</a>
71
-
<a style="color: var(--subtext);"><small>(for now...)</small></a>
72
-
</div>
73
-
</div>
74
-
</body>
75
-
</html>
+1
-1
index.html
+1
-1
index.html
···
34
34
<a href="./about-me.html" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a>
35
35
</div>
36
36
<div class="dropdown" tabindex="1">
37
-
<a style="margin-left: 5px;" class="dropbtn" href="./blog.html"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a>
37
+
<a style="margin-left: 5px;" class="dropbtn" href="./blog"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a>
38
38
</div>
39
39
<div class="dropdown" tabindex="1">
40
40
<i class="db2" tabindex="1"></i>