mirror of
https://github.com/Wessel/portfolio.git
synced 2026-06-08 14:19:04 +02:00
153 lines
8.7 KiB
HTML
153 lines
8.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." />
|
|
|
|
<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 id="particles-js"></div>
|
|
|
|
<div class="container center main_slide maincontent">
|
|
<div class="row">
|
|
<div class="buttons unselectable">
|
|
<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/wessel">GitHub</a>
|
|
<a draggable="false" target="_blank" class="btn midnight-blue animation hover" href="mailto:contact@wessel.gg">E-mail</a>
|
|
</div>
|
|
</div>
|
|
<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">
|
|
<h2 class="name">Wessel Tip</h2>
|
|
<h3 class="title">Developer, Photographer</h3>
|
|
<p class="description">
|
|
<p>I'm Wessel, a <span id="age">??</span> year old self-taught software engineer with <span id="since">?</span>+ years of experience. <br />
|
|
I like to listen to a lot of <a href="https://www.last.fm/user/wesselgame">music</a> and participate in some <a href="https://photo.wessel.gg/">photography</a> when I feel like it.</p>
|
|
<p>I am 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 href="https://github.com/Wessel">GitHub</a>.
|
|
Feel free to send an e-mail to <a href="mailto:contact@wessel.gg">contact@wessel.gg</a> for any inquiries, whether it be about development or photography. <br />
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row experience">
|
|
<div class="col">
|
|
<h3>Proficiency</h3>
|
|
<div class="row icon_set unselectable">
|
|
<div class="col">
|
|
<!-- <h4>Database / Versioning</h4> -->
|
|
<i class="devicon-redis-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Redis">​</i>
|
|
<i class="devicon-postgresql-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="PostgreSQL">​</i>
|
|
<i class="devicon-cassandra-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Cassandra">​</i>
|
|
<i class="devicon-git-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Git">​</i>
|
|
<i class="devicon-docker-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Docker">​</i>
|
|
</div>
|
|
<div class="col">
|
|
<!-- <h4>Languages</h4> -->
|
|
<i class="devicon-c" data-bs-toggle="tooltip" data-bs-placement="bottom" title="C">​</i>
|
|
<i class="devicon-rust" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Rust">​</i>
|
|
<i class="devicon-elixir" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Elixir">​</i>
|
|
<i class="devicon-python" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Python">​</i>
|
|
<i class="devicon-typescript" data-bs-toggle="tooltip" data-bs-placement="bottom" title="TypeScript">​</i>
|
|
<i class="devicon-html5" data-bs-toggle="tooltip" data-bs-placement="bottom" title="HTML 5">​</i>
|
|
<i class="devicon-sass" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Sass">​</i>
|
|
</div>
|
|
<div class="col">
|
|
<!-- <h4>Systems</h4> -->
|
|
<i class="devicon-archlinux-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Arch">​</i>
|
|
<i class="devicon-redhat-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="RHEL (RedHat, Fedora, Centos, Rocky Linux)">​</i>
|
|
<i class="devicon-ubuntu-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Ubuntu">​</i>
|
|
<i class="devicon-debian-plain" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Debian">​</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row projects">
|
|
<h3>Experience</h3>
|
|
<div class="col">
|
|
<dl class="row">
|
|
<dt class="col-sm-2 right"><a href="https://muetab.com" target="_blank"></i>Mue</a></dt>
|
|
<dd class="col-sm-9 left">Fast, open and free-to-use new tab page for modern browsers.</dd>
|
|
<dt class="col-sm-2 right"><a href="https://eve.wessel.gg" target="_blank"></i>EVE</a></dt>
|
|
<dd class="col-sm-9 left">EVE is a latent text-to-image diffusion model initialized on the weights of the <a href="https://huggingface.co/runwayml/stable-diffusion-v1-5">Stable Diffusion-v1-5</a> checkpoint and furthur trained on the <a href="https://laion.ai/blog/laion-aesthetics/">LAION 5B</a> dataset which can be interacted with in the form of a chatbot on Discord.</dd>
|
|
<dt class="col-sm-2 right"><a href="https://github.com/Wessel/Snowflakey" target="_blank"></i>Snowflakey</a></dt>
|
|
<dd class="col-sm-9 left">A snowflake (user identifier) and token (user credential) generator, written in TypeScript.</dd>
|
|
<dt class="col-sm-2 right"><a href="https://github.com/LiquidBlast" target="_blank"></i>(DISCONTINUED) QTRadio</a></dt>
|
|
<dd class="col-sm-9 left">An online continuous radio streaming service with dekstop app and web interface.</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="row footer">
|
|
<div class="col col-md-2" id="footer">
|
|
<img class="" style="max-width: 7.5rem; margin-bottom: 2rem;" width="auto" height="auto" src="img/logo-gradient.svg" alt="logo">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<p>SITE MAP<br />
|
|
 /<a target="_blank" href="https://wessel.gg/">Programming</a> <br />
|
|
 /<a target="_blank" href="https://photo.wessel.gg">Photography</a> <br />
|
|
 /<a target="_blank" href="https://wessel.gg/contact">Contact</a></p>
|
|
</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<p>GET IN TOUCH<br />
|
|
EMAIL/<a href="mailto:contact@wessel.gg">contact@wessel.gg</a> <br />
|
|
DISCORD/<a target="_blank" href="https://www.discord.gg/SV7DAE9">Wessel#0498</a><br />
|
|
INSTAGRAM/<a target="_blank" href="https://instagram.com/wesseltip">wesseltip</a><br />
|
|
INSTAGRAM/<a target="_blank" href="https://instagram.com/lichtjeskamer">lichtjeskamer</a></p>
|
|
</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);
|
|
|
|
const sinceDate = new Date(Date.now() - new Date(2016, 7, 29));
|
|
document.getElementById('since').innerHTML = Math.abs(sinceDate.getUTCFullYear() - 1970);
|
|
</script>
|
|
</body>
|
|
</html> |