Files
portfolio/v1/index.html

100 lines
6.1 KiB
HTML

<!--
/*-----------------------------------------------------------*\
| _ |
| | | |
| __ _____ ___ ___ ___| | __ _ __ _ _ __ ___ ___ |
| \ \ /\ / / _ \/ __/ __|/ _ \ |/ _` |/ _` | '_ ` _ \ / _ \ |
| \ V V / __/\__ \__ \ __/ | (_| | (_| | | | | | | __/ |
| \_/\_/ \___||___/___/\___|_|\__, |\__,_|_| |_| |_|\___| |
| __/ | |
| |___/ |
| This code is made by Wesselgame and it's licensed under the |
| MIT license ( https://opensource.org/licenses/MIT ) |
| |
| GitHub: https://github.com/PassTheWessel |
\*-----------------------------------------------------------*/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta property="og:site_name" content="wessel.why-is-this-a-me.me" />
<meta property="og:image" content="img/avatar.svg" />
<meta property="og:title" content="wessel.why-is-this-a-me.me" />
<meta property="og:url" content="index.html" />
<meta name="og:description" content="Just another developer from the Netherlands" />
<meta name="description" content="Just another developer from the Netherlands" />
<!-- I gotta fix the view port, using this for now. -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
<meta name="keywords" content="wessel, wesselgame, wesseltip website, developer GitHub, Discord">
<!-- Links -->
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/emoji.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/particles.css" />
<!-- <link rel="stylesheet" type="text/css" href="css/nes.min.css" /> -->
<link rel="stylesheet" type="text/css" href="css/tooltips.min.css" />
<link rel="stylesheet" type="text/css" href="css/buttons.css" />
<!-- Customization -->
<title>Wesselgame</title>
<link rel="shortcut-icon" type="image/x-icon" href="img/favicon.ico" >
</head>
<body>
<div id="particles-js"></div>
<!-- <div id="particles-js" style="width: 100%; height: 100%"></div> -->
<div class="content">
<img draggable=false id="icon" class="round" src="img/avatar.svg" />
<h1 class="titletext">Wessel</h1>
<h2 class="undertext">
<p class="typewrite" data-period="2000" data-type='[ "Self-thought Developer", "Bad graphics designer", "Web Developer", "Node.js Developer", "Lua Developer" ]'>
<span class="wrap"></span>
</p>
</h2>
<div id="main">
<a draggable="false" target="_blank" class="btn twitter animation hover" href="https://www.twitter.com/wessel_tip">Twitter</a>
<a draggable="false" target="_blank" class="btn discord animation hover" href="https://www.discord.gg/SV7DAE9">Discord</a>
<a draggable="false" target="_blank" class="btn github animation hover" href="https://www.github.com/PassTheWessel">GitHub</a>
<a draggable="false" target="_blank" class="btn patreon animation hover" style="color: #fff !important;" href="https://www.patreon.com/wessel">Patreon</a>
<a draggable="false" target="_blank" class="btn steam animation hover" href="https://www.steamcommunity.com/id/wesselgame">Steam</a>
<a draggable="false" target="_blank" class="btn discord animation hover" href="mailto:discord@go2it.eu">E-mail</a>
<br />
</div>
<div class="box-container now">
<div class="one-full column">
<h1 class="emerald-text" style="font-size: 23px;"><i class="emoji reptice"></i>About me:</h1>
<div class="one-full column" style="font-size: 17px;">
<p>
Hello, my name is <span class="emerald-text">Wessel</span> and I'm also known as <span class="emerald-text">Wesselgame</span> or <span class="emerald-text">PassTheWessel</span> on the internet.
I've made, translated and contributed to various projects such as <a href="https://www.github.com/PassTheWessel/larg" class="sun-flower-text">Plarg ( a Node.js argument parser )</a>.
I've been coding for around <span class="sun-flower-text">4 years</span> and i still learn a lot while making stuff, The current languages i know well are <span class="emerald-text">HTML, CSS, Javascript, NodeJS and Lua</span>
</p>
</div>
</div>
<div class="one-full column" style="margin-top: 1%;">
<h1 class="emerald-text" style="font-size: 23px;"><i class="emoji reptice"></i>Some projects:</h1>
<div class="one-full column" style="font-size: 17px;">
<p>
<a href="https://www.github.com/PassTheWessel/larg" target="_blank" class="emerald-text"><i class="emoji repo"></i>larg</a> - A lightweight Node.js library for argument parsing
<br />
<a href="https://www.github.com/PassTheWessel/arigato.js" target="_blank" class="emerald-text"><i class="emoji repo"></i>arigato.js</a> - A customizable logger made for Node.js
<br />
<a href="https://www.github.com/PassTheWessel/wumpston" target="_blank" class="emerald-text"><i class="emoji repo"></i>wumpston</a> - A radio service mainly in Node.js
<br />
<a href="https://www.qtradio.moe" target="_blank" class="emerald-text"><i class="emoji repo-force-push"></i>qtradio.moe</a> - A radio service mainly in Node.js
<br />
<i><b>All my contributions can be found on my <a href="https://www.github.com/PassTheWessel" class="sun-flower-text"><i class="emoji octoface"></i>GitHub (PassTheWessel)</a></b></i>
</p>
</div>
</div>
<!-- scripts -->
<!-- <script src="src/js/debug.min.js"></script> -->
<script src="js/typewrite.js"></script>
<script src="js/particles.js"></script>
<script src="js/app.js"></script>
</body>
</html>