diff options
Diffstat (limited to 'about/index.html')
| -rw-r--r-- | about/index.html | 477 |
1 files changed, 239 insertions, 238 deletions
diff --git a/about/index.html b/about/index.html index 8304152..632a58f 100644 --- a/about/index.html +++ b/about/index.html @@ -1,270 +1,271 @@ <!DOCTYPE html> <html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <title>s1nical - About</title> - <link rel="icon" type="image/jpg" href="/favicon.jpg" sizes="128x128"> - <!-- Site metadata --> - <meta name="description" content="About"> - <meta property="og:description" content="About"> - <meta property="og:title" content="s1nical - About"> - <meta property="twitter:card" content="summary"> - <meta property="twitter:site" content="@9inny"> - <meta property="og:image" content=""> - <meta property="og:url" content="https://kyzer.co/about"> - <link rel="apple-touch-icon" sizes="128x128" href="/favicon.jpg"> - <link rel="icon" type="image/jpg" href="/favicon.jpg" sizes="128x128"> - <link rel="canonical" href="https://kyzer.co/about"> - <link rel="author" href="humans.txt" /> - <!-- Schema.org Stuff --> - <script type="application/ld+json"> - { - "name": "s1nical", - "alternateName": "s1n", - "description": "About", - "headline": "About", - "url": "https://kyzer.co/about", - "image": "", - "sameAs": [ - "https://twitter.com/9inny", - "https://github.com/8cy", - "https://www.reddit.com/user/s1nical/" - ], - "publisher": { - "@type": "Organization", - "logo": { - "@type": "ImageObject", - "url": "" - } - }, - "@type": "WebSite", - "@context": "http://schema.org" - } - </script> - <!-- External Libraries --> - <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> - <script src="https://code.jquery.com/jquery-1.10.2.js"></script> - <!-- CSS Links --> - <link rel="stylesheet" href="/about/css/main.css"> - <link rel="stylesheet" href="/about/css/navigation-bar.css"> - <link rel="stylesheet" href="/about/css/loader-animation.css"> - <link rel="stylesheet" href="/about/css/blog-slider.css"> - <style> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>s1nical - About</title> + <link rel="icon" type="image/jpg" href="/favicon.jpg" sizes="128x128"> + <!-- Site metadata --> + <meta name="description" content="About"> + <meta property="og:description" content="About"> + <meta property="og:title" content="s1nical - About"> + <meta property="twitter:card" content="summary"> + <meta property="twitter:site" content="@9inny"> + <meta property="og:image" content=""> + <meta property="og:url" content="https://kyzer.co/about"> + <link rel="apple-touch-icon" sizes="128x128" href="/favicon.jpg"> + <link rel="icon" type="image/jpg" href="/favicon.jpg" sizes="128x128"> + <link rel="canonical" href="https://kyzer.co/about"> + <link rel="author" href="humans.txt" /> + <!-- Schema.org Stuff --> + <script type="application/ld+json"> + { + "name": "s1nical", + "alternateName": "s1n", + "description": "About", + "headline": "About", + "url": "https://kyzer.co/about", + "image": "", + "sameAs": [ + "https://twitter.com/9inny", + "https://github.com/8cy", + "https://www.reddit.com/user/s1nical/" + ], + "publisher": { + "@type": "Organization", + "logo": { + "@type": "ImageObject", + "url": "" + } + }, + "@type": "WebSite", + "@context": "http://schema.org" + } + </script> + <!-- External Libraries --> + <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> + <script src="https://code.jquery.com/jquery-1.10.2.js"></script> + <!-- CSS Links --> + <link rel="stylesheet" href="/about/css/main.css"> + <link rel="stylesheet" href="/about/css/navigation-bar.css"> + <link rel="stylesheet" href="/about/css/loader-animation.css"> + <link rel="stylesheet" href="/about/css/blog-slider.css"> + <style> - html { - overflow-x: hidden; - } - </style> - <!-- Invisable Scripts --> - <script src="/js/loader-animation.js"></script> - <script src="/js/redirect-to-mobile.js"></script> -</head> -<body> - <!-- Visable Scripts --> - <script> - // Background only renders based on the original browser window size when - // starting to load the site. Due to rendering issues, I don't think I - // can do it other wise. + html { + overflow-x: hidden; + } + </style> + <!-- Invisible Scripts --> + <script src="/js/loader-animation.js"></script> + <script src="/js/redirect-to-mobile.js"></script> + <script src="/js/refresh-on-media.js"></script> + </head> + <body> + <!-- Visable Scripts --> + <script> + // Background only renders based on the original browser window size when + // starting to load the site. Due to rendering issues, I don't think I + // can do it other wise. - /////////////// - // SCRIPT #1 // - /////////////// + /////////////// + // SCRIPT #1 // + /////////////// - var pattern = Trianglify({ - height: window.innerHeight * 1.10, // White: #fdfbfb, Salmon: #cc3300 - width: window.innerWidth, - x_colors: ['#040404', '#f9f9f9', '#fffff4', '#fbf7f5', '#d55454'], // Cappuccino: ['#854442', '#3c2f2f', '#fff4e6', '#be9b7b', '#4b3832'] - y_colors: ['#f9f1f1', '#f9f9f9', '#fffff4', '#fbf7f5', '#f9f1f1'], // Random colour generator: "#"+((1<<24)*Math.random()|0).toString(16) - variance: 10, // Gives it more style - seed: Number.parseInt(Math.floor(Math.random() * 100)), // TODO: Live seed transitioning. - cell_size: 160 // Cell size - }); - - document.body.appendChild(pattern.svg()) + var pattern = Trianglify({ + height: window.innerHeight * 1.10, // White: #fdfbfb, Salmon: #cc3300 + width: window.innerWidth, + x_colors: ['#040404', '#f9f9f9', '#fffff4', '#fbf7f5', '#d55454'], // Cappuccino: ['#854442', '#3c2f2f', '#fff4e6', '#be9b7b', '#4b3832'] + y_colors: ['#f9f1f1', '#f9f9f9', '#fffff4', '#fbf7f5', '#f9f1f1'], // Random colour generator: "#"+((1<<24)*Math.random()|0).toString(16) + variance: 10, // Gives it more style + seed: Number.parseInt(Math.floor(Math.random() * 100)), // TODO: Live seed transitioning. + cell_size: 160 // Cell size + }); - /////////////// - // SCRIPT #2 // - /////////////// + document.body.appendChild(pattern.svg()) - $('.title-wrapper').css('width', window.innerWidth); - $('.title-wrapper').css('height', window.innerHeight); + /////////////// + // SCRIPT #2 // + /////////////// + $('.title-wrapper').css('width', window.innerWidth); + $('.title-wrapper').css('height', window.innerHeight); - var time = 10, - $paths = $('body').find('svg').find('path'), - pathCollection = $paths.get(), - count = $paths.length; - // // Log variable "count" - // console.log(count); + var time = 10, + $paths = $('body').find('svg').find('path'), + pathCollection = $paths.get(), + count = $paths.length; - pathCollection.sort(function () { - return Math.random() * 10 > 5 ? 1 : -1; - }); + // // Log variable "count" + // console.log(count); - function showText() { - var title = $('h1'), - subtitle = $('h2'); + pathCollection.sort(function () { + return Math.random() * 10 > 5 ? 1 : -1; + }); - title.removeClass('hidden'); - setTimeout(function () { - subtitle.removeClass('hidden'); - }, 500); - } + function showText() { + var title = $('h1'), + subtitle = $('h2'); - setTimeout(function () { - $.each(pathCollection, function (i, el) { - var $path = $(this); + title.removeClass('hidden'); setTimeout(function () { + subtitle.removeClass('hidden'); + }, 500); + } - $path.css('opacity', '1'); - }, time) - time += 10; - - if (i + 1 === count) { + setTimeout(function () { + $.each(pathCollection, function (i, el) { + var $path = $(this); setTimeout(function () { - showText(); - }, 2000); - } - - }); - }, 2000); - </script> - <!-- Navigation Bar --> - <div class="navigation-bar"> - <nav class="nav"> - <a href="/" class="nav-item" active-color="orange">Home</a> <!-- Had `is-active` after it but removed it due to not highlighting. --> - <a href="/about/" class="nav-item" active-color="green">About</a> <!-- About --> - <a href="/discord/bots/uwufier/" class="nav-item" active-color="blue">Uwufier</a> <!-- Blog --> - <a href="https://www.npmjs.com/~sinny" class="nav-item" active-color="red">NPM</a> - <span class="nav-indicator"></span> - </nav> - </div> + $path.css('opacity', '1'); + }, time) + time += 10; - <div class="bio"> - <div class="links"> - <div class="blog-slider" style="height: 880px"> - <p class="title"><a>Technical Skills.</a></p> <!-- This was not a very effective way of accomplishing this but idk rn. --> + if (i + 1 === count) { + setTimeout(function () { + showText(); + }, 2000); + } - <p class="desc" style="width: 1000px; height: 0px"> - <ul style="font-size: 15px"> - <li>JavaScript</li> - <li>TypeScript</li> - <li>HTML5/ CSS3</li> - <li>PHP7</li> - <li>MySQL</li> - <li>MongoDB</li> - <li>SCSS</li> - <li>EmberJS</li> - <li>React</li> - <li>Angular</li> - <li>Git</li> - <li>D3JS</li> - <li>Webpack</li> - <li>Python</li> - <li>Discord.py</li> - <li>Node.js</li> - <li>express.js</li> - <li>JSON</li> - <li>C++ 13/17</li> - <li>anime.js</li> - <li>Discord.js</li> - <li>GoLang</li> - <li>Python</li> - <li>C#</li> - <li>Unity3D</li> - </ul> + }); + }, 2000); + </script> - <style> - .experience { - position: relative; - top: -560px; - left: 20% - } - </style> - <div class="experience"> - <p class="title"><a>Experience.</a></p> + <!-- Navigation Bar --> + <div class="navigation-bar"> + <nav class="nav"> + <a href="/" class="nav-item" active-color="orange">Home</a> <!-- Had `is-active` after it but removed it due to not highlighting. --> + <a href="/about/" class="nav-item" active-color="green">About</a> <!-- About --> + <a href="/discord/bots/uwufier/" class="nav-item" active-color="blue">Uwufier</a> <!-- Blog --> + <a href="https://www.npmjs.com/~sinny" class="nav-item" active-color="red">NPM</a> + <span class="nav-indicator"></span> + </nav> + </div> - <p class="title2" style="font-size: 17px; width: 94px">UI Engineer.</p> - <p style="font-size: 15px; color: #fcac94;"> Jul 2017 - Present</p> + <div class="bio"> + <div class="links"> + <div class="blog-slider" style="height: 880px"> + <p class="title"><a>Technical Skills.</a></p> <!-- This was not a very effective way of accomplishing this but idk rn. --> - <p style="font-size: 15px">Counter Strike: Global Offensive SDK</p> - <ul> - <li style="font-size: 15px"> - CS:GO trainer/ cheat softwares development. - </li> + <p class="desc" style="width: 1000px; height: 0px"> + <ul style="font-size: 15px"> + <li>JavaScript</li> + <li>TypeScript</li> + <li>HTML5/ CSS3</li> + <li>PHP7</li> + <li>MySQL</li> + <li>MongoDB</li> + <li>SCSS</li> + <li>EmberJS</li> + <li>React</li> + <li>Angular</li> + <li>Git</li> + <li>D3JS</li> + <li>Webpack</li> + <li>Python</li> + <li>Discord.py</li> + <li>Node.js</li> + <li>express.js</li> + <li>JSON</li> + <li>C++ 13/17</li> + <li>anime.js</li> + <li>Discord.js</li> + <li>GoLang</li> + <li>Python</li> + <li>C#</li> + <li>Unity3D</li> </ul> - <p style="font-size: 15px">Discord API</p> - <ul> - <li style="font-size: 15px"> - Making Discord bots using the Discord.js Commando framework. - </li> - </ul> - <br> - - <!-- END UI ENG --> + <style> + .experience { + position: relative; + top: -560px; + left: 20% + } + </style> + <div class="experience"> + <p class="title"><a>Experience.</a></p> - <p class="title2" style="font-size: 17px; width: 224px">Front End Software Engineer.</p> - <p style="font-size: 15px; color: #fcac94;"> Sep 2016 - Jul 2017</p> - <p style="font-size: 15px">Responsive-ness</p> - <ul> - <li style="font-size: 15px"> - Developed a fully responsive website with accessible interfaces using Jquery,<br> HandlebarsJS and related tools. - </li> - <li style="font-size: 15px"> - Served as a key front end team member collaborating with cross-functional teams to turn product requirements<br> -and mockups into high-quality front-end code. - </li> - </ul> + <p class="title2" style="font-size: 17px; width: 94px">UI Engineer.</p> + <p style="font-size: 15px; color: #fcac94;"> Jul 2017 - Present</p> - <p class="title2" style="font-size: 17px; width: 81px">Front End.</p> - <p style="font-size: 15px; color: #fcac94;"> Jun 2016 - Jul 2017</p> - <p style="font-size: 15px">CSS framework, UI libraries using React, SCSS</p> - <ul> - <li style="font-size: 15px"> - Architected and developed responsive, modular, and scalable CSS framework and React UI library. - </li> - <li style="font-size: 15px"> - Strategized and collaborated with design. - </li> - <li style="font-size: 15px"> - Tested and deployed client/ server and related components. - </li> - <li style="font-size: 15px"> - Developed accessible interfaces for mobile devices - </li> - </ul> - <br> - </div> - </p> + <p style="font-size: 15px">Counter Strike: Global Offensive SDK</p> + <ul> + <li style="font-size: 15px"> + CS:GO trainer/ cheat softwares development. + </li> + </ul> + + <p style="font-size: 15px">Discord API</p> + <ul> + <li style="font-size: 15px"> + Making Discord bots using the Discord.js Commando framework. + </li> + </ul> + <br> + + <!-- END UI ENG --> + + <p class="title2" style="font-size: 17px; width: 224px">Front End Software Engineer.</p> + <p style="font-size: 15px; color: #fcac94;"> Sep 2016 - Jul 2017</p> + <p style="font-size: 15px">Responsive-ness</p> + <ul> + <li style="font-size: 15px"> + Developed a fully responsive website with accessible interfaces using Jquery,<br> HandlebarsJS and related tools. + </li> + <li style="font-size: 15px"> + Served as a key front end team member collaborating with cross-functional teams to turn product requirements<br> + and mockups into high-quality front-end code. + </li> + </ul> + + <p class="title2" style="font-size: 17px; width: 81px">Front End.</p> + <p style="font-size: 15px; color: #fcac94;"> Jun 2016 - Jul 2017</p> + <p style="font-size: 15px">CSS framework, UI libraries using React, SCSS</p> + <ul> + <li style="font-size: 15px"> + Architected and developed responsive, modular, and scalable CSS framework and React UI library. + </li> + <li style="font-size: 15px"> + Strategized and collaborated with design. + </li> + <li style="font-size: 15px"> + Tested and deployed client/ server and related components. + </li> + <li style="font-size: 15px"> + Developed accessible interfaces for mobile devices + </li> + </ul> + <br> + </div> + </p> + </div> </div> </div> - </div> - <!-- Loading Animation --> - <div class="loader-wrapper"> - <div class="loader"> - <row> - <span></span> - <span></span> - <span></span> - </row> - <row> - <span></span> - <span></span> - <span></span> - </row> - <row> - <span></span> - <span></span> - <span></span> - </row> + <!-- Loading Animation --> + <div class="loader-wrapper"> + <div class="loader"> + <row> + <span></span> + <span></span> + <span></span> + </row> + <row> + <span></span> + <span></span> + <span></span> + </row> + <row> + <span></span> + <span></span> + <span></span> + </row> + </div> </div> - </div> -</body> + </body> </html>
\ No newline at end of file |