-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
337 lines (320 loc) · 18.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
<!DOCTYPE HTML>
<!--
Prism by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html lang="en">
<head>
<!-- Never add Google Analytics :) -->
<title>KaizNike's Home</title>
<meta name="description" content="Nick's Portfolio, gamedev looking for work and success.">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="assets/css/honeycomb.css" rel="stylesheet">
<link href="assets/fa/css/all.css" rel="stylesheet">
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!-- <link rel="shortcut icon" href="assets/imgs/me_nick.ico"> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="https://kaiznike.github.io/Radical-Alliance-of-Free-Stars-Webring/onionring.css">
<link rel="icon" type="image/png" href="favicon.png"/>
<script src="assets/js/main2.js"></script>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-default">
<div class="container-fluid" style="text-align: center">
<a href="projects.html"><i class="fa fa-briefcase" aria-hidden="true"></i>
Projects</a>
<a href="blog.html"><i class="fa fa-book" aria-hidden="true"></i>
Blog</a>
<a href="art.html"><i class="fa fa-picture-o" aria-hidden="true"></i>
Art</a>
<a href="#contact"><i class="fa fa-link" aria-hidden="true"></i>
Links</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner split">
<section>
<img style="border-radius: 50%; height: 300px; display: block; margin-left: auto; margin-right: auto;" src="assets/imgs/me_nick_result.webp" alt="White man in his 20s, wearing shaded glasses and sporting a thick scraggly beard.">
<h3 style="text-align: center">Nine, ten, eleven, then heaven.</h3>
</section>
<section>
<div>
<img class="banner-img" alt='Max, my old cat.' src="assets/imgs/maxstands.png">
<p>Summer sadness.</p>
<ul class="actions">
<li><a href="subPages/maxtimmyshrine.html" class="button special">Visit</a></li>
</ul>
</div>
</section>
<!-- last version
<section>
<div>
<h5>Play a Jam</h5>
<p>My YouTube playlist of random boppin' songs.</p>
<ul class="actions">
<li><a href="https://www.youtube.com/watch?v=EL-D9LrFJd4&list=PL7PMNqzwTVBnZGmME1gKmYTEL5b5u6TH0" class="button special">Boppers All Emotions</a>
</li>
</ul>
</div>
</section>
<!-- last last version
<section>
<div>
<img class="banner-img" alt='The witch of Eurasia.' src="assets/imgs/EmilkaWitch1Gif.gif">
<p>Another game jam done and dusted, this time the Mockup Jam.</p>
<ul class="actions">
<li><a href="https://kaizarnike.itch.io/stories-of-emilka-the-witch" class="button special">Look at a Mockup</a></li>
</ul>
</div>
</section>
-->
<!-- before last version
<section>
<div>
<img class="banner-img" alt='Kobolds attempting to build a human style fort.' src="assets/imgs/justhilmuspromo.webp">
<p>Update: Working on a new Dwarf Fortress series, a Kobold Fortress series in fact! Watch these kobolds fight the undead and praise the gods, more videos to come!</p>
<p>Kobolds can't eat plants, so expect a harsher existence for these brave souls than dwarves.</p>
<ul class="actions">
<li><a href="https://www.youtube.com/watch?v=hhWbH5Nprjw" class="button special">Check it out</a></li>
</ul>
</div>
</section>
-->
</div>
</section>
<div style="background-image: url(assets/imgs/RAFS.gif); text-align: center; margin: 1px 1px; padding: 2em 2em">
<a href="https://kaiznike.github.io/Radical-Alliance-of-Free-Stars-Webring/" style="color: orange;">Join a group in its infancy.</a>
</div>
<!-- (Remove until more members)
<div id='rad-allies-free-stars'>
<script type="text/javascript" src="https://kaiznike.github.io/Radical-Alliance-of-Free-Stars-Webring/onionring-variables.js"></script>
<script type="text/javascript" src="https://kaiznike.github.io/Radical-Alliance-of-Free-Stars-Webring/onionring-widget.js"></script>
</div>
-->
<!-- One -->
<section id="one" class="wrapper">
<div class="inner split split-three">
<section>
<h2>My Knowledge</h2>
<p>It was only so long ago that I started this quest, of becoming a programmer. I aim to make things everyone can use and enjoy. I've worked in sales for many years and am constantly evolving my skills. </p>
<ul class="actions">
<li><a href="projects.html" style="background-color: wheat;" class="button alt">Learn more</a></li>
</ul>
</section>
<section>
<ul class="checklist">
<li>Godot / GDScript</li>
<li>Web Development</li>
<li>Python</li>
<li><a href="https://github.com/KaizNike">Git + Github</a></li>
</ul>
</section>
<section>
<h2>My Hexes: Bestagons</h2>
<!--Maximum 7 stamps-->
<div class="honeycomb hc-mini">
<img src="assets/imgs/hexes/cuboneBonk2.gif" alt="Cubone gives Pikachu a bonk, also Sabrina or some girl is there from the Pokeschool episode in the original series of Pokemon.">
<img src="assets/imgs/hexes/cottagecore_03.png" alt="Sheep grazing, sourced by Moo.">
<img src="assets/imgs/hexes/grundo_faerie_hex.gif" alt="Omni-man became a space grundo, now he's just a hexastamp.">
<a href="subPages/maxtimmyshrine.html"><img src="assets/imgs/hexes/HoneycombTemplate_04_Max.png" alt="My late cat Max."></a>
<img src="assets/imgs/hexes/VyletPony.png" alt="Ponycore star.">
<img src="assets/imgs/hexes/cottagecore_03.png" alt="More sheep.">
<img src="assets/imgs/hexes/lain.gif" alt="Serial Experimented Lain. Hex by Macaque.">
</div>
<a href="#footer">Find the creators.</a>
</section>
</div>
</section>
<!-- Hell lives here -->
<section id="index-ad-one" class="wrapper">
<a href="https://cohost.org/rc/welcome">
<img class="ads-img" alt='An early web style banner ad featuring eggbug with horny anime eyes and which reads "Come Chost, My Lord" in papyrus font, and "Create your FREE ACCOUNT today! Quick activation - No credit card required!" under that in regular old Arial. Designed by "Mike" @theworksofegan @ Cohost.' src="assets/ads/imgs/banneradcohost.png"></a>
<div style="display: inline-block; background-color: white; margin: 2em 2em 2em 2em;
border: black;
border-block-style: dashed;
border-left-width: 2px;
border-left-style: solid;
border-right-style: solid;
border-right-width: 2px;">
<p style="margin: 5px 5px 5px 5px;">Your content here! Inquire at <a href="https://github.com/KaizNike/KaizNike.github.io/issues">Github Issues</a>, or on any of my socials, listed <a href="#contact">below</a>. Include img or txt and link. Tip jar here: <a href="patreon.com/kaiznike">Patreon</a>. <br>Locales: Index Top Bar: ~, Index Mid: If your cool, Index Bot: +, Blog Bottom: ++, Projects Bottom: ++</p>
</div>
</section>
<!-- End of Hell -->
<!-- Two -->
<section id="two" class="wrapper style2 alt">
<div class="inner">
<!--
<div class="spotlight">
<div class="image">
<!--
<img src="assets/imgs/4.png" alt="A space faery grundo (a neopet) looking stylish admist destruction, keeps his cool with censor bar glasses." /> --><!--
<iframe src="https://www.youtube-nocookie.com/embed/rTSEr0cRJY8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="width: 100%; height: 300px; display: block;"></iframe> -->
<!-- <img src="assets/imgs/hftgoom.png" alt="Fucked, abused, bored, misused, escape.">
</div>
<div class="content">
<h3>Article Showcase!!!</h3>
<!-- last
<h3>Video Showcase!</h3> -->
<!-- <p>Not everyone gets a comfortable position in life free of stife. This list is an important look into the lives of many game developers, my take away? There are bad people and dark hearts, we'd do well to master ours and support the unfortunate. Every little bit helps. Sticking up for somebody or liking their content helps. Playing their content and leaving a review helps. Paying for their content, free or not, helps. Be the help you want to recieve.
</p>
<!-- last
<p>A brief overview of the web we barely see these days (not the dark web), and how it compares to the desire of web 3. Kat makes a salient point, you should make a website! As much as people have pushed squarespace and professiobal web designers, a big part of web literacy is making your own space. Be it a Neopet pet page, a Neocities, a Carrd or a Github pages like this one. Make the web your own!</p> -->
<!-- <ul class="actions">
<li><a href="https://www.nathalielawhead.com/candybox/real-talk-games-about-trauma-art-caught-between-everything-is-horrible-everything-is-survivable-and-this-is-too-hard-to-talk-about" class="button alt">Experience</a></li>
<!-- last
<li><a href="https://www.youtube.com/watch?v=rTSEr0cRJY8" class="button alt">Watch</a></li> -->
<!-- </ul>
</div>
</div>
<div class="spotlight">
<div class="image">
<img src="assets/imgs/hexagons.png" alt="A webpage filled with hexagonal stamps at 30% zoom. Behind is a beautiful world being explored by a tethered astronaut." />
</div>
<div class="content">
<h3>Stamp + Sitecollectable Showcase!</h3>
<p>A cool way to showcase interests and pronouns + whatever all in a sweet polygon form!
</p>
<ul class="actions">
<li><a href="https://mooeena.neocities.org/honeycomb" class="button alt">Try It!</a></li>
</ul>
</div>
</div> -->
<div class="spotlight">
<div class="image">
<img src="assets/imgs/GUq_7dSWQAAa8mq.jpg" alt="the trigger lineup is all here. From Ryouko Matoi to Gurren Lagan Guy. Sourced from @DailyKLK on Twitter (Kill la Kill shots)." />
</div>
<div class="content">
<h3>Trigger Appreciation Post</h3>
<p>Are you resisting evil in all its forms this year?
</p>
<ul class="actions">
<li><a href="https://www.st-trigger.co.jp" class="button alt">Check it!</a></li>
</ul>
</div>
</div>
<div class="spotlight">
<div class="image">
<img src="assets/imgs/neovoid1.png" alt="A scene of orderly chaos, as the void envelops Neopia, a council is taking place in Altador." />
</div>
<div class="content">
<h3>Neopets, the Void Awakens</h3>
<p>What in Neopia?!</p>
<ul class="actions">
<li><a href="https://www.neopets.com/" class="button alt">???</a></li>
</ul>
</div>
</div>
<ul class="actions">
<li style="display: flex; flex-direction: column; align-items: center; justify-content: center;"><a href="advdemo.html" style="background-color: wheat;" class="button alt">Play an adventure</a></li>
</ul>
<div class="spotlight">
<div class="image">
<img src="assets/imgs/Ljot%20Swanhild%20-%20YouTube.png">
</div>
<div class="content">
<h3>Vtuber of the Month: Swanhild</h3>
<p>idk, they seem cool.</p>
<ul class="actions">
<li><a href="https://www.youtube.com/@LjotSwanhild" class="button alt">Observe</a></li>
</ul>
</div>
</div>
<div class="spotlight">
<div class="image">
<img src="https://im2.ovipets.com/?img=pet&pet=450905961&modified=1723511071&size=500&bg=transparent" alt="A chocolate feline ovipet with a rocking hairdo." />
</div>
<div class="content">
<h3>Pet Showcase!</h3>
<p>Chocola Samba was born on the 12th of August, 2024.</p>
<ul class="actions">
<li><a href="https://ovipets.com/#!/?src=pets&sub=profile&usr=5255706&pet=450905961" class="button alt">Meet her!</a></li>
</ul>
</div>
</div>
<div class="spotlight">
<div class="image">
<img src="assets/imgs/earthdwarffortress1.png" alt="The Earth rendered in Tarn Adam's Dwarf Fortress.">
</div>
<div class="content">
<h3>My Mod of the Month!</h3>
<p>Trying out PerfectWorldDF after seeing some worlds generated on the Dwarf Fortress reddit.</p>
<ul class="actions">
<li><a href="https://steamcommunity.com/sharedfiles/filedetails/?id=3301630953" class="button alt">On Steam Workshop.</a></li>
</ul>
</div>
</div>
<!--
<ul class="actions special">
<li><a href="#" class="button alt">Ipsum magna tempus</a></li>
</ul>
-->
</div>
</section>
<!-- Contact -->
<section id="contact" class="wrapper">
<div class="inner split">
<section>
<h2>About Me:</h2>
<p>Working on a team project, here's to its success! I'm a developer tried and true, but games are my constant distraction, I'll often boot one up just to turn it off and run off and design a remake.</p>
<!--
<form action="#" class="alt" method="POST">
<div class="row uniform">
<div class="6u 12u$(xsmall)">
<input name="name" placeholder="Name" type="text">
</div>
<div class="6u$ 12u$(xsmall)">
<input name="email" placeholder="Email" type="email">
</div>
<div class="12u$">
<textarea name="message" placeholder="Message" rows="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input class="alt" value="Send message" type="submit"></li>
</ul>
</form>
-->
</section>
<section>
<ul class="contact fa-ul">
<li><i style="color: #00BC8A;" class="fab fa-twitter"></i><span style="margin: 5px;"></span><a href="https://twitter.com/KaizarNike">@Kaizarnike</a></li>
<li><i style="color: #00BC8A;" class="fab fa-itch-io"></i><span style="margin: 5px;"></span><a href="https://kaizarnike.itch.io/">KaizarNike</a></li>
<li><i style="color: #00BC8A;" class="fab fa-youtube"></i><span style="margin: 5px;"></span><a href="https://www.youtube.com/channel/UCGye3sp0VSkbomdbP9hsoRw">Kaizar Nike on Youtube</a></li>
<!--
<li class="fa-facebook"><a href="#">facebook.com/untitled-tld</a></li>
<li class="fa-instagram"><a href="#">instagram.com/untitled-tld</a></li>
-->
<li><i style="color: #00BC8A;" class="fa fa-envelope"></i><span style="margin: 5px;"></span><a href="mailto:[email protected]">[email protected]</a></li>
<li><i style="color: #00BC8A;" class="fa fa-home"></i><span style="margin: 5px;"></span>Castle Neverland</li>
</ul>
</section>
</div>
</section>
<div>
<p id="lastUpdate">A long time ago.</p>
</div>
<!-- Footer © Untitled. All rights reserved. Images: <a href="http://unsplash.com">Unsplash</a>. -->
<footer id="footer">
<div class="copyright">
Design: <a href="https://templated.live/">TEMPLATED</a>.
Honeycombs: <a href="https://mooeena.neocities.org/honeycomb">Moo</a>.
Lain by <a href="https://macaque.neocities.org">Macaque</a>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>