-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
453 lines (430 loc) · 26.6 KB
/
index.php
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
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
<!DOCTYPE html>
<html>
<head>
<title>100chilly - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta property="og:title" content="Home">
<meta property="og:site_name" content="100chilly - Home">
<meta property="og:url" content="https://www.100chilly.website/">
<meta property="og:description" content="Personal website of 100chilly/Mitsue Tomohiro">
<meta property="og:type" content="website">
<meta property="og:image" content="https://www.100chilly.website/img/embed.png">
<meta name="theme-color" content="#7289DA">
<meta name="twitter:card" content="summary_large_image">
<link type="application/json+oembed" href="oembed.json">
<link rel="apple-touch-icon" sizes="57x57" href="img/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon-16x16.png">
<!-- CSS -->
<link href="libraries/materialize/materialize.min.css" type="text/css" rel="stylesheet">
<link href="libraries/normalize/normalize.css" type="text/css" rel="stylesheet">
<link href="min/plugin-min.css" type="text/css" rel="stylesheet">
<link href="min/custom-min.css" type="text/css" rel="stylesheet" >
<link href="css/style-min.css" type="text/css" rel="stylesheet" >
<script src="https://kit.fontawesome.com/c3ff3e7776.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body id="top" class="scrollspy">
<!-- Pre Loader -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!--Navigation-->
<div class="navbar-fixed">
<nav id="nav_f" class="default_color" role="navigation">
<div class="container">
<div class="nav-wrapper">
<a href="./" id="logo-container" class="brand-logo" style="color: #0a8bd6;">100chilly</a>
<ul class="right hide-on-med-and-down">
<li><a href="#intro">Who?</a></li>
<li><a href="#works">Projects</a></li>
<li><a href="#social">Social</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#friends">Friends</a></li>
<!-- <li><a href="#contact">Contact</a></li> -->
<!-- <li><a href="./watch/">Watch</a></li> -->
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="#intro">Who?</a></li>
<li><a href="#works">Projects</a></li>
<li><a href="#social">Social</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#friends">Friends</a></li>
<!-- <li><a href="#contact">Contact</a></li> -->
<!-- <li><a href="./watch/">Watch</a></li> -->
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="importanttext mdi-navigation-menu"></i></a>
</div>
</div>
</nav>
</div>
<!--Hero-->
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<h1 class="text_h center header cd-headline letters type">
<span>I love</span>
<span class="cd-words-wrapper waiting">
<b class="is-visible">video games.</b>
<b>anime.</b>
<b>designing websites.</b>
<b>helping others.</b>
<b>creating communities.</b>
</span>
</h1>
</div>
</div>
<!--Intro and service-->
<div id="intro" class="section scrollspy">
<div class="container">
<div class="row">
<div class="col s12">
<h4 class="center header text_h2"> Hi Everyone! My name is <span class="span_h2">100chilly</span>. I am a <span class="span_h2">Web Developer/Designer</span>, <span class="span_h2">Programmer</span>, and a <span class="span_h2">Gamer.</span></h4>
<h5 class="center text_h2">I've worked on a ton of stuff over the course of <span id="age" class="span_h2">twenty four years</span> on Earth. <span class="span_h2">Below are some of my works, both past and current.</span></h5>
</div>
</div>
</div>
</div>
<div class="parallax-container">
<div class="parallax"><img src="img/parallax0.png"></div>
</div>
<!--Work-->
<div class="section scrollspy" id="works">
<div class="container">
<h2 class="header text_b">Projects I've worked on </h2>
<h5 class="text_b">Note: Please read each website's description as some of the Emails and Links may no longer work!</h5>
<div class="row">
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/project1.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Binary Gaming <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Binary Gaming (2011-2015)<i class="mdi-navigation-close right"></i></span>
<p>This was a gaming community I ran from 2011-2015. I severely underestimated the potential outcome for the community and therfore it was handed over to the <a href="http://binarygaming.net/">australians</a>. </p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/project2.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">BTC <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">BinaryTech Coalition <i class="mdi-navigation-close right"></i></span>
<p>BinaryTech Coalition was a Player-Made Faction for the indie game, <a href="http://www.spaceengineersgame.com/">Space Engineers</a>. This was a branch of Binary Gaming and is no longer active. </p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/project3.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Qubed Q3 <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Qubed Q3 (2015-2017)<i class="mdi-navigation-close right"></i></span>
<p>Ambitious project I was associated with. <b>Qubed Q3</b> was a very diverse gaming community. We specialized in delivering quality fun and entertainment via livestreams and self-hosted game servers. We ended shutting down on <b>October 31st, 2017</b> due to disagreements.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/project4.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">IVGAS <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">International Video Game and Anime Syndicate (2017-2018)<i class="mdi-navigation-close right"></i></span>
<p>A grand project I was associated with. <b>International Video Game and Anime Syndicate (IVGAS)</b> was a new community that didn't just focus on mainstream gaming or even gaming as a whole. We where a very diverse group of people who come from all walks of life and enjoy gaming or anime or even both! We shut down due to over hype killing off our potential gain very early on.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/project5.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">MVGD<i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Mitsue's Video Gaming Den<i class="mdi-navigation-close right"></i></span>
<p>Not really a project, but a general place to gather, chit chat and play some video games. If you wanna drop by, please do @ <a href="http://discord.gg/3t2Gjzy">MVGD's Discord</a></p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/project6.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Cyber Radiation <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Cyber Radiation<i class="mdi-navigation-close right"></i></span>
<p>Cyber Radiation is a VRChat Club I work for and partner with. We're a pretty tight knit group of individuals that enjoy eachother's company and enjoy meeting likeminded people. We have SFW and NSFW events every week with new folks joining here and there. If your thinking of joining or want a pretty cool community to hang out in, head over to the Discord @ <a href="https://discord.gg/uzZ3pmS">https://discord.gg/uzZ3pmS</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Parallax-->
<div class="parallax-container">
<div class="parallax"><img src="img/parallax1.png"></div>
</div>
<!--Team-->
<div class="section scrollspy" id="social">
<div class="container">
<h2 class="header text_b"> Social </h2>
<div class="container">
<div class="card">
<div class="card-image">
<img class="activator" src="./img/100chilly.png">
</div>
<div class="card-content">
<span class="card-title activator black-text">100chilly</span>
<p>Astronomical Anomaly</p>
<a class="black-text" href="https://steamcommunity.com/id/100chilly/">
<i class="fab fa-steam-square"></i>
</a>
<a class="black-text" href="https://twitter.com/100chilly">
<i class="fab fa-twitter-square"></i>
</a>
<a class="black-text" href="https://www.facebook.com/100chilly">
<i class="fab fa-facebook-square"></i>
</a>
<a class="black-text" href="https://www.youtube.com/channel/UC9FDHCk3vS-eJViBY5cCsUw">
<i class="fab fa-youtube-square"></i>
</a>
<a class="black-text" href="https://www.twitch.tv/100chilly/">
<i class="fab fa-twitch"></i>
</a>
<a class="black-text" href="https://github.com/100chilly/">
<i class="fab fa-github-square"></i>
</a>
<a class="black-text" href="https://www.reddit.com/user/100chilly/">
<i class="fab fa-reddit-square"></i>
</a>
<a class="black-text" href="https://trello.com/100chilly">
<i class="fab fa-trello"></i>
</a>
<a class="black-text" href="https://soundcloud.com/100chilly">
<i class="fab fa-soundcloud"></i>
</a>
<a class="black-text" href="https://keybase.io/100chilly">
<i class="fab fa-keybase"></i>
</a>
</div>
<div class="card-reveal">
<span class="card-title black-text">About 100chilly<i class="material-icons right">x</i></span>
<p>Also known as Mitsue Tomohiro, Mitsue, or Mitty.</p>
<p>Astronomical Anomaly with a massive weakness to cute things, Clearly an <a href="https://kitsu.io/users/100chilly">Anime</a>/<a href="https://vndb.org/u133269/list">Visual Novels</a> Fan, and <a href="https://steamcommunity.com/id/100chilly/games/?tab=all">PC Gamer</a>.</p>
<p>Likes to experience different cultures, food, and drinks.</p>
<p>Has a very bad habit of playing late night Tech Support for people.</p>
<p>Tech Nerd for sure.</p>
<p>Somewhat shy.</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container">
<div class="parallax"><img src="img/parallax2.png"></div>
</div>
<div class="section scrollspy" id="gallery">
<div class="container">
<h2 class="header text_b"> Gallery </h2>
<div class="row" id="imageGallery">
<iframe src="https://drive.google.com/embeddedfolderview?id=1cRo7PHmmn80ac7g1xByQ9q_KYGk6ohBY#grid" style="width:100%; height:500px; max-width:100%; border:0; position:relative;"></iframe>
</div>
</div>
</div>
<div class="parallax-container">
<div class="parallax"><img src="img/parallax3.png"></div>
</div>
<div class="section scrollspy" id="friends">
<div class="container">
<h2 class="header text_b">Friends of 100chilly/Mitsue </h2>
<div class="row">
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/friends1.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">DwelFlowVR <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">DwelFlowVR (Twitch Streamer)<i class="mdi-navigation-close right"></i></span>
<p>Dwel is a friend of mine who streams over on <a href="https://www.twitch.tv/dwelflowvr" target="_blank">Twitch</a>. They are... a very unique person. They have created such an awesome and wacky community on Twitch and Discord. If you want to check them out, see their <a href="https://twitter.com/DwelVR" target="_blank">Twitter</a> or <a href="https://discord.gg/VGseebX" target="_blank">Discord</a>.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/friends2.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">KnoxxFox <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">KnoxxFox/LunaSkylark (Twitch Streamer)<i class="mdi-navigation-close right"></i></span>
<p>KnoxxFox is another great friend of mine. They are mainly a League of Legends streamer. They are eccentric, derpy, and overall chill person to be around. If you're bored or are curious, I highly recommend you check them out on <a href="https://www.twitch.tv/knoxxfox" target="_blank">Twitch</a> or <a href="https://skip.gg/ZoeBotDiscord" target="_blank">Discord</a>.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/friends3.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Archangelion and DragonsFae <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Archangelion and DragonsFae (Twitch Streamers)<i class="mdi-navigation-close right"></i></span>
<p>Archangelion and DragonsFae I happend to met on my first day of being a corporal in the LPD and we've been friends ever since. I found out later that they were streamers. They are both vareity streamers over on Twitch.</p>
<p><a href="https://www.twitch.tv/archangelion" target="_blank">Archangelion's Twitch channel</a></p>
<p><a href="https://www.twitch.tv/dragonsfae" target="_blank">DragonFae's Twitch channel</a></p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/friends4.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Nana <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">NanaDragon (VRChat Content Creator)<i class="mdi-navigation-close right"></i></span>
<p>Nana is a friend of mine who creates adorable and funny vrchat clips/content. They're such an adorable ball of dragon energy and always seem to be doing their best. If you want to check them out, see their <a href="https://twitter.com/NanaDragonLoli" target="_blank">Twitter</a>.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/friends5.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Byakko Howaito <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Byakko Howaito (Content Creator)<i class="mdi-navigation-close right"></i></span>
<p>Byakko is an adorable celestial white tiger and a friend of mine who streams over on <a href="https://www.twitch.tv/ByakkoHowaito" target="_blank">Twitch</a>. Cute and adorable as they are, they always put a smile on my face. If you want to check them out, see their <a href="https://twitter.com/ByakkoMedia" target="_blank">Twitter</a> or <a href="https://discord.gg/byakkohowaito" target="_blank">Discord</a>.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/friends6.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">JonsAtWar <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">JonsAtWar (Twitch Streamer)<i class="mdi-navigation-close right"></i></span>
<p>Jonathan is a friend of mine who streams over on <a href="https://www.twitch.tv/jonsatwar" target="_blank">Twitch</a>. They are former army, a father, and a friend. They also stream for <a href="https://www.stackup.org/" target="_blank">Stack Up</a>, a really cool military charity (check them out as well). If you want to check Jonathan out, see their <a href="https://twitter.com/JonsAtWar" target="_blank">Twitter</a> or <a href="https://bit.ly/wardiscord" target="_blank">Discord</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container">
<div class="parallax"><img src="img/parallax4.png"></div>
</div>
<!--Footer-->
<<footer id="contact" class="page-footer scrollspy">
<div class="container">
<!-- <div class="row">
<div class="col l3 s12">
<h5 class="white-text"></h5>
<ul class="white-text">
</ul>
</div>
<div class="col l6 s12">
<form class="col s12" action="contact.php" method="post">
<div class="row">
<div class="input-field col s6">
<i class="mdi-action-account-circle prefix white-text"></i>
<input id="icon_prefix" name="name" type="text" class="validate white-text">
<label for="icon_prefix" class="white-text">First Name</label>
</div>
<div class="input-field col s6">
<i class="mdi-communication-email prefix white-text"></i>
<input id="icon_email" name="email" type="email" class="validate white-text">
<label for="icon_email" class="white-text">Email</label>
</div>
<div class="input-field col s12">
<i class="mdi-editor-mode-edit prefix white-text"></i>
<textarea id="icon_prefix2" name="message" class="materialize-textarea white-text"></textarea>
<label for="icon_prefix2" class="white-text">Message</label>
</div>
<div class="col offset-s7 s5">
<button class="btn waves-effect waves-light blue darken-1" type="submit">Submit
<i class="mdi-content-send right white-text"></i>
</button>
</div>
</div>
</form>
</div>
<div class="col l3 s12">
<h5 class="white-text"></h5>
<ul class="white-text">
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Favorite Quote:</h5>
<ul class="white-text">
<li style="font-size: 190%; text-shadow: 2px 2px 4px;">"No. Try not. Do... or do not. There is no try."</li>
<li style="font-size: 200%;">~Master Yoda</li>
</ul>
</div>
</div> -->
</div>
<div class="footer-copyright default_color">
<div class="container">
Made by <a class="importanttext" href="https://www.100chilly.website/">100chilly</a> (© 100chilly)
</div>
</div>
</footer>
<!-- Scripts-->
<script defer src="libraries/jquery/jquery-3.5.1.min.js"></script>
<script defer src="libraries/materialize/materialize.min.js"></script>
<script defer src="min/plugin-min.js"></script>
<script defer src="js/init.js"></script>
<script defer src="js/age.js"></script>
<script defer src="js/carousel.js"></script>
</body>
</html>