mirror of
https://github.com/Wessel/portfolio.git
synced 2026-06-06 03:15:42 +02:00
166 lines
7.7 KiB
HTML
166 lines
7.7 KiB
HTML
<!--
|
|
/*--------------------------------*\
|
|
| _ |
|
|
| | | |
|
|
| __ _____ ___ ___ ___| | |
|
|
| \ \ /\ / / _ \/ __/ __|/ _ \ | |
|
|
| \ V V / __/\__ \__ \ __/ | |
|
|
| \_/\_/ \___||___/___/\___|_| |
|
|
| github.com/Wessel/portofolio |
|
|
| |
|
|
| This code is made as portofolio |
|
|
| page by wessel Tip (wessel.gg) |
|
|
| and it's licensed under the MIT |
|
|
| license, for more info visit |
|
|
| opensource.org/licenses/MIT. |
|
|
\*--------------------------------*/
|
|
-->
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<base target="_blank">
|
|
<base href="static/">
|
|
|
|
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
|
<meta property="og:url" content="http://wessel.gg/" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="Wessel Tip" />
|
|
<meta property="og:image" content="https://wessel.gg/static/img/embed-logo-dark.png" />
|
|
<meta property="og:locale" content="en_us">
|
|
<meta property="og:site_name" content="/home/ — Wessel">
|
|
<meta property="og:description"
|
|
content="Developer and Photographer. Feel free to contact me for inquiries via contact@wessel.gg." />
|
|
|
|
<meta name="KEYWORDS" content="wessel, wesselgame, wesseltip, tip" />
|
|
<meta name="theme-color" content="#171825" />
|
|
<meta name="DESCRIPTION"
|
|
content="Developer and Photographer. Feel free to contact me for inquiries contact@wessel.gg." />
|
|
<!-- temp -->
|
|
<link rel="icon" type="image/x-icon" href="img/favicon-dark.ico">
|
|
<link rel="shortcut-icon" type="image/x-icon" href="img/favicon.ico">
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
|
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<title>Wessel Tip</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="background-darken">
|
|
<div id="particles-js"></div>
|
|
<div class="container center">
|
|
<div class="content maincontent">
|
|
<div class="row main">
|
|
<div class="col-sm-4">
|
|
<img style="margin-top: 1.8rem" width="auto" height="auto" src="img/logo-gradient.svg" alt="logo">
|
|
</div>
|
|
<div class="col-sm-8 left">
|
|
<h1 class="name">Wessel Tip</h1>
|
|
<h2 class="title">Developer, Photographer</h2>
|
|
<div class="icon_set socials unselectable">
|
|
<a draggable="false" href="https://www.linkedin.com/in/wesseltip"><i class="glyph linkedin hyper white"
|
|
data-bs-toggle="tooltip" data-bs-placement="bottom" title="@wesseltip">​</i></a>
|
|
<a draggable="false" href="https://github.com/wessel"><i class="glyph github hyper white"
|
|
data-bs-toggle="tooltip" data-bs-placement="bottom" title="@Wessel">​</i></a>
|
|
<a draggable="false" href="https://discord.com/channels/@me/107130754189766656"><i
|
|
class="glyph discord hyper white" data-bs-toggle="tooltip" data-bs-placement="bottom"
|
|
title="@Wesselgame">​</i></a>
|
|
<a draggable="false" href="mailto:contact@wessel.gg"><i class="glyph email hyper white"
|
|
data-bs-toggle="tooltip" data-bs-placement="bottom" title="contact@wessel.gg">​</i></a>
|
|
</div>
|
|
</div>
|
|
<div class="row left">
|
|
<p><span id="age">??</span> year old self-taught software engineer from <span id="country">The
|
|
Netherlands.</span><br />
|
|
<a href="https://www.last.fm/user/wesselgame" class="hyper">Music</a> and <a class="hyper"
|
|
href="https://photo.wessel.gg/">photography</a> is my passion besides developing.
|
|
</p>
|
|
<p>Currently studying computer engineering at the Inholland University of Applied Sciences in Alkmaar and
|
|
have a Cambridge English Level 2 Certficate in ESOL International.</p>
|
|
<p>A lot of my work is closed source or unfinished, but the ones that are open sourced can be found on my <a
|
|
class="hyper" href="https://github.com/Wessel">GitHub</a>.
|
|
Feel free to send an e-mail to <a class="hyper" href="mailto:contact@wessel.gg">contact@wessel.gg</a> for
|
|
any inquiries, whether it be about development or photography. <br />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row experience">
|
|
<div class="col">
|
|
<h2 class="section">Proficiency</h2>
|
|
<div class="row icon_set unselectable">
|
|
<div class="col" style="font-size: 2rem !important;">
|
|
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="Cassandra" class="glyph cassandra"></i>
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="PostgreSQL" class="glyph postgres"></i>
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="Docker" class="glyph docker"></i>
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="Git" class="glyph git"></i>
|
|
</div>
|
|
</div>
|
|
<div class="row icon_set unselectable">
|
|
<div class="col">
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="C" class="glyph c"></i>
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="C++" class="glyph cplusplus"></i>
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="C#" class="glyph csharp"></i>
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="Elixir" class="glyph elixir"></i>
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="Rust" class="glyph rust"></i>
|
|
<i data-bs-toggle="tooltip" data-bs-placement="bottom" title="TypeScript" class="glyph typescript"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row projects">
|
|
<h2 class="section">Projects</h2>
|
|
<div class="col">
|
|
<div class="card">
|
|
<div class="wrapper">
|
|
<div class="banner-image-revvedup"> </div>
|
|
<h1>RevvedUp</h1>
|
|
<div class="icon_set">
|
|
<i class="glyph svelte" data-bs-toggle="tooltip" data-bs-placement="bottom"
|
|
title="SvelteKit">​</i>
|
|
<i class="glyph nginx" data-bs-toggle="tooltip" data-bs-placement="bottom" title="NGINX">​</i>
|
|
</div>
|
|
<p>Join the Ultimate Community for Motor Vehicle Enthusiasts! It's time to upshift your limits!</p>
|
|
</div>
|
|
<div class="button-wrapper">
|
|
<a class="button" href="https://revvedup.nl" target="_blank">
|
|
Visit Website
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card">
|
|
<div class="wrapper">
|
|
<div class="banner-image-muetab"> </div>
|
|
<h1>Muetab</h1>
|
|
<div class="icon_set">
|
|
<i class="glyph react" data-bs-toggle="tooltip" data-bs-placement="bottom" title="React">​</i>
|
|
</div>
|
|
<p>Fast, open and free-to-use new tab page for modern browsers</p>
|
|
</div>
|
|
<div class="button-wrapper">
|
|
<a class="button" href="https://muetab.com" target="_blank">
|
|
Visit Website
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/main.min.js"></script>
|
|
<script>
|
|
const ageDate = new Date(Date.now() - new Date(2004, 7, 29));
|
|
document.getElementById('age').innerHTML = Math.abs(ageDate.getUTCFullYear() - 1970);
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|