Files
portfolio/index.html

146 lines
10 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=WINDOWS-1252">
<title>Wessel</title>
<base target="_blank">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="http://wessel.meek.moe/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Wessel" />
<meta property="og:image" content="https://wessel.meek.moe/static/img/logos/1.gif" />
<meta property="og:locale" content="en_us">
<meta property="og:site_name" content="Wessel">
<meta property="og:description" content="self-taught full stack developer, reverse-engineering enthusiast and translator (NL-EN, EN-NL). I make all my stuff for fun and most of it is open-sourced." />
<link rel="SHORTCUT ICON" href="static/img/favicon.ico">
<meta name="KEYWORDS" content="wessel, wesselgame, wesseltip, tip, open, source, github, discord, sass, brainfuck, html, css, passthewessel" />
<meta name="theme-color" content="#80BD01" />
<meta name="DESCRIPTION" content="A full stack developer from the Netherlands, developer for fun" />
<meta property="twitter:url" content="https://wessel.meek.moe/">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="Wessel">
<meta property="twitter:image" content="https://wessel.meek.moe/static/img/logos/1.gif">
<meta property="twitter:description" content="A full stack developer from the Netherlands, developer for fun">
<link rel="stylesheet" type="text/css" href="static/css/main.css">
<script src="static/js/jquery.js"></script>
<script src="static/js/bootstrap.js"></script>
</head>
<body id="body">
<div class="container center main_slide content">
<div class="row main">
<div class="col-xs-5">
<img id="logo" src="static/img/logos/1.webp" width="150" height="150">
<div class="icon_set unselectable social-icons">
<a href="https://twitch.tv/wesselgame"><i class="fab fa-twitch fa-3x twitch" data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitch"></i></a>
<a href="https://twitter.com/wessel_tip"><i class="fab fa-twitter fa-3x twitter" data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter"></i></a>
<a href="https://open.spotify.com/user/wesselgame"><i class="fab fa-spotify fa-3x spotify" data-toggle="tooltip" data-placement="top" title="" data-original-title="Spotify"></i></a>
<a href="https://github.com/Wessel"><i class="fab fa-github fa-3x github" data-toggle="tooltip" data-placement="top" title="" data-original-title="GitHub"></i></a>
<a href="https://steamcommunity.com/id/wesselgame"><i class="fab fa-steam fa-3x steam" data-toggle="tooltip" data-placement="top" title="" data-original-title="Steam"></i></a>
<br />
<a href="https://last.fm/user/wesselgame"><i class="fab fa-lastfm fa-3x lastfm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Last.fm"></i></a>
<a href="https://patreon.com/wessel"><i class="fab fa-patreon fa-3x patreon" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Patreon"></i></a>
<a href="https://discord.gg/SV7DAE9"><i class="fab fa-discord fa-3x discord" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Discord"></i></a>
<a href="mailto:discord@go2it.eu"><i class="far fa-envelope fa-3x email" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="E-mail"></i></a>
</div>
</div>
<div class="col-xs-7 left">
<h2 class="title">Wesel "wesselgame" T</h2>
<p class="description">
Hello, my name is <span class="emerald">Wessel</span> (Also known as <span class="emerald">Wesselgame</span> on the internet).
I'm a full stack developer from the Netherlands and I've made, localized and contributed to many projects,
some of the things I made are <a href="https://github.com/PassTheWessel/pikmin">Pikmin (JS)</a>, <a href="https://github.com/PassTheWessel/snowflakey">Snowflakey (TS)</a> and <a href="https://github.com/wumpusapp/wumpfetch">Wumpfetch (JS)</a>.
I've been coding for around <span class="sun">8 years</span> and i still learn a lot every day.
You can contact me or view my social medias if you want by clicking any of the icons on the left.
</p>
</div>
</div>
<hr />
<div class="row experience">
<div class="col-xs-12">
<h4><i class="emoji large canister"></i>Things I'm experienced with and use</h4>
</div>
<div class="row">
<div class="col-xs-12 code-icons unselectable">
<i class="icon-nodejs" data-toggle="tooltip" data-placement="top" title="" data-original-title="NodeJS"></i>
<i class="icon-javascript" data-toggle="tooltip" data-placement="top" title="" data-original-title="JavaScript"></i>
<i class="icon-gulp" data-toggle="tooltip" data-placement="top" title="" data-original-title="Gulp"></i>
<i class="icon-rust" data-toggle="tooltip" data-placement="top" title="" data-original-title="Rust"></i>
<i class="icon-shell" data-toggle="tooltip" data-placement="top" title="" data-original-title="Shell"></i>
<i class="icon-css" data-toggle="tooltip" data-placement="top" title="" data-original-title="CSS"></i>
<i class="icon-html" data-toggle="tooltip" data-placement="top" title="" data-original-title="HTML"></i>
<i class="icon-elixir" data-toggle="tooltip" data-placement="top" title="" data-original-title="Elixir"></i>
<i class="icon-python" data-toggle="tooltip" data-placement="top" title="" data-original-title="Python"></i>
<i class="icon-sass" data-toggle="tooltip" data-placement="top" title="" data-original-title="Sass"></i>
<br />
<i class="icon-redis" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Redis"></i>
<i class="icon-ubuntu" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Ubuntu"></i>
<i class="icon-redhat" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="RedHat"></i>
<i class="icon-archlinux" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Arch linux"></i>
<i class="icon-raspberrypi" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Raspbian"></i>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-xs-12">
<h4><i class="emoji large canister"></i>Some projects I made/contributed to</h4>
</div>
<div class="row projects">
<div class="col-xs-12 data left">
<a href="https://github.com/PassTheWessel/larg" class="emerald">Larg</a> - A lightweight and easy to use Node.JS CLI argument parser<br />
<a href="https://github.com/PassTheWessel/pikmin" class="emerald">Pikmin</a> - A lightweight and easy to use Node.JS logger<br />
<a href="https://github.com/PassTheWessel/yorushika" class="emerald">Yorushika</a> - A multi-platform bot, written in Node.JS<br />
<a href="https://github.com/PassTheWessel/snowflakey" class="emerald">Snowflakey</a> - Snowflake generation and lookup in Node.JS<br />
<a href="https://github.com/PassTheWessel/wumpfetch" class="emerald">Wumpfetch</a> - A lightweight, fast and easy to use Node.JS HTTP client<br />
<br />
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-xs-12">
<h4>My specs and stuff</h4>
</div>
<div class="row" style="text-align: left">
<table border class="specs">
<tr>
<td>Mouse</td>
<td><a href="https://www.corsair.com/eu/en/Categories/Products/Gaming-Mice/MOBA-Strategy-%26-Action-Mice/GLAIVE-RGB-Gaming-Mouse-%E2%80%94-Aluminum-%28EU%29/p/CH-9302111-EU">GLAIVE RGB Mouse — Aluminum (16000 DPI)</a></td>
</tr>
<tr>
<td>Keyboard</td>
<td><a href="https://www.corsair.com/eu/en/Categories/Products/Gaming-Keyboards/Standard-Gaming-Keyboards/K55-RGB-Gaming-Keyboard/p/CH-9206015-NA">Corsair K55 RGB</a></td>
</tr>
<tr>
<td>Mousepads</td>
<td><a href="https://www.corsair.com/eu/en/Categories/Products/Gaming-Mousepads/Cloth-Textile-Surface-Mousepads/MM200-Cloth-Gaming-Mouse-Pad-%E2%80%94-Extended/p/CH-9000101-WW">Corsair MM200 — Extended (XXL)</a>, Custom printed</td>
</tr>
<tr>
<td>Headphones</td>
<td><a href="https://www.audio-technica.com/cms/headphones/99aff89488ddd6b1/index.html">Audio Technica ATH-M50x</a></td>
</tr>
<tr>
<td>Monitors</td>
<td><a href="https://eu.aoc.com/en/monitors/e2470swh">AOC E2470Swh</a>, <a href="https://iiyama.com/nl_nl/products/prolite-e2282hs-b1/">iiyama ProLite E2282HS-B1 </a></td>
</tr>
</table>
</div>
</div>
<br />
<footer class="footer small">Domain provided by speyd3r | Site made with <span class="purple">&lt;3</span> by <a href="https://github.com/PassTheWessel">Wesselgame</a> | Source code on <a href="https://github.com/PassTheWessel/wessel.meek.moe">GitHub</a></footer>
<script async>$(function(){$('.code-icons i').tooltip();$('.social-icons i').tooltip();toggle_things=function(a, b){$('.' + a).slideUp('fast',function(){$('.'+b).slideDown('fast')})}});var hasWebP=function(){var o={basic:"data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACyAgCdASoCAAEALmk0mk0iIiIiIgBoSygABc6zbAAA/v56QAAAAA==",lossless:"data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAQAAAAfQ//73v/+BiOh/AAA="};return function(e){var t=$.Deferred();return $("<img>").on("load",function(){2===this.width&&1===this.height?t.resolve():t.reject()}).on("error",function(){t.reject()}).attr("src",o[e||"basic"]),t.promise()}}();hasWebP("lossless").then(function(){var e=Math.floor(50*Math.random());3<=e&&e<=4&&(document.getElementById("logo").src="static/img/logos/"+e+".webp",document.getElementById("body").style.background="url(static/img/backgrounds/4.png)"),5<=e&&e<=6&&(document.getElementById("logo").src="static/img/logos/"+e+".webp")},function(){document.getElementById("logo").src="static/img/logos/2.gif"});</script>
</body>
</html>