Files
portfolio/index.html
2025-03-09 16:07:03 +01:00

111 lines
7.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<title>Wesselgame - home</title>
<base target="_blank">
<meta property="og:url" content="http://wessel.meek.moe/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Wesselgame" />
<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="Wesselgame">
<meta property="og:description" content="A full stack developer from the Netherlands, developer for fun" />
<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" />
<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="Wesselgame">
<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/all.css">
<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-6">
<img id="logo" src="static/img/logos/1.webp" width="200" height="200">
<div class="icon_set unselectable">
<a href="https://twitch.tv/wesselgame"><i class="fab fa-twitch fa-3x twitch"></i></a>
<a href="https://twitter.com/wessel_tip"><i class="fab fa-twitter fa-3x twitter"></i></a>
<a href="https://open.spotify.com/user/wesselgame"><i class="fab fa-spotify fa-3x spotify"></i></a>
<a href="https://github.com/PassTheWessel"><i class="fab fa-github fa-3x github"></i></a>
<a href="https://steamcommunity.com/id/wesselgame"><i class="fab fa-steam fa-3x steam"></i></a>
<a href="https://last.fm/user/wesselgame"><i class="fab fa-lastfm fa-3x lastfm"></i></a>
<a href="mailto:discord@go2it.eu"><i class="far fa-envelope fa-3x email"></i></a>
<a href="https://discord.gg/SV7DAE9"><i class="fab fa-discord fa-3x discord"></i></a>
</div>
</div>
<div class="col-xs-6 left">
<h1>Wesselgame</h1>
<span class="description">
Hello, my name is <span class="emerald">Wessel</span> (Also known as <span class="emerald">Wesselgame</span>
or <span class="emerald">PassTheWessel</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 them are <a href="https://github.com/PassTheWessel/pikmin">Pikmin</a> and <a href="https://github.com/wumpusapp/wumpfetch">Wumpfetch</a>.
I've been coding for around <span class="sun">5 years</span> (since <span class="sun">20-09-2012</span>) and i still learn a lot every day.
</span>
</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-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="fas fa-bug fa-3x" data-toggle="tooltip" data-placement="top" title="" data-original-title="Brainfuck"></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="top" title="" data-original-title="Redis"></i>
<i class="icon-ubuntu" data-toggle="tooltip" data-placement="top" title="" data-original-title="Ubuntu"></i>
<i class="icon-raspberrypi" data-toggle="tooltip" data-placement="top" title="" data-original-title="Raspberry PI"></i>
<i class="icon-redhat" data-toggle="tooltip" data-placement="top" title="" data-original-title="RedHat"></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 />
<a href="https://qtradio.moe/" class="emerald">QTradio.moe</a> - A radio service, founded by <a href="https://derpyenterprises.org/">ohlookitsderpy</a></ul>
</div>
</div>
</div>
<br />
<footer class="footer small">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();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>