-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (144 loc) · 8.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!--
/*--------------------------------*\
| _ |
| | | |
| __ _____ ___ ___ ___| | |
| \ \ /\ / / _ \/ __/ __|/ _ \ | |
| \ 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 [email protected]." />
<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 [email protected]." />
<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:[email protected]">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:[email protected]">[email protected]</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://revvedup.nl">RevvedUp</a></dt>
<dd class="col-sm-9 left">RevvedUp hosts events for the car community. Website was made using SvelteKit</dd>
<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>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:[email protected]">[email protected]</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>