my personal website!
meowing.zip
website
guess who forgot to push the index.html lol
+38
-4
+38
-4
index.html
+38
-4
index.html
···
64
64
<label for="theme-auto"><input type="radio" name="theme" id="theme-auto" value="auto" checked>auto</label>
65
65
<label for="theme-light"><input type="radio" name="theme" id="theme-light" value="light">light</label>
66
66
<label for="theme-dark"><input type="radio" name="theme" id="theme-dark" value="dark">dark</label>
67
-
<label for="disable-background"><input type="checkbox" id="disable-bg" name="background">toggle background</label>
67
+
<label for="disable-bg"><input type="checkbox" id="disable-bg" name="background">toggle background</label>
68
68
<label for="disable-animations"><input type="checkbox" id="disable-animations" name="animations">toggle animations</label>
69
69
</radio-picker>
70
70
</div>
···
72
72
</div>
73
73
<div class="divider"></div>
74
74
<div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
75
-
<div class="dropdown">
76
-
<a href="./about-me.html" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a>
77
-
</div>
78
75
<div class="dropdown" tabindex="1">
79
76
<a style="margin-left: 5px;" class="dropbtn" href="./blog"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a>
80
77
</div>
···
112
109
<body>
113
110
<bg-gradient aria-hidden="true"></bg-gradient>
114
111
<bg aria-hidden="true"></bg>
112
+
<div class="main">
113
+
<h3><i style="margin-right: 10px;" class="ph ph-info"></i>who am i?</h3>
114
+
<div class="divider"></div>
115
+
<div class="about">
116
+
<a style="font-size: 13px;">
117
+
hiiii!! my name is Niko, this is my lil corner of the web <small style="font-size: 10px;">(waow)</small>!<br><br>
118
+
im a biromantic, asexual, genderfluid individual who likes computer-adjecent things and i also like to do video editing and VFX stuff <small style="font-size: 10px;">(every once in a blue moon)</small> !!
119
+
<br><br><a style="margin-top: 20px; color: light-dark(#d20f39, #f38ba8); font-size: 15px;">im autistic as Fuck!!! so communication *might* be hard, please keep that in mind if u ever choose to talk to me, its not that i dont care!!</a>
120
+
</a>
121
+
</div>
122
+
<div style="margin-top: 5px;" class="pronouns-box">
123
+
<h3 style="margin-top: 5px; font-size: 15px;"><i style="margin-right: 10px;" class="ph ph-info"></i>pronouns</h3>
124
+
<div class="divider"></div>
125
+
<a><i class="ph ph-heart" style="color: light-dark(#ea76cb, #f5c2e7);"></i> it/its<br><i style="color: light-dark(#04a5e5, #89dceb);" class="ph ph-thumbs-up"></i> they/them<br><i style="color: light-dark(#df8e1d, #f9e2af);" class="ph ph-smiley-meh"></i> she/her<br><i style="margin-right: 5px; color: light-dark(#d20f39, #f38ba8);" class="ph ph-x-circle"></i>he/him<br></a>
126
+
</div>
127
+
</div>
128
+
</div>
129
+
<div class="main">
130
+
<h3>what do u use for video editing?</h3>
131
+
<div class="divider"></div>
132
+
<a style="color: light-dark(#7287fd, #b4befe); font-size: 13px;">
133
+
adobe premiere pro (SORRY)
134
+
</a>
135
+
<a>-</a>
136
+
<a style="color: light-dark(#7287fd, #b4befe); font-size: 13px;">
137
+
adobe after effects (SORRY)
138
+
</a>
139
+
<a>-</a>
140
+
<a style="color: light-dark(#1e66f5, #89b4fa); font-size: 13px;">
141
+
adobe photoshop (SORRY)
142
+
</a>
143
+
<div class="divider"></div>
144
+
<h3>what about audio stuff?</h3>
145
+
<div class="divider"></div>
146
+
<a style="color: light-dark(#40a02b, #a6e3a1); font-size: 13px;">just reaper...</a>
147
+
</div>
148
+
115
149
<div class="main">
116
150
<div style="margin-bottom: 10px">
117
151
<a>a collections of buttons!</a>