-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
189 lines (151 loc) · 11.1 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="language" content="english">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="format-detection" content="telephone=yes"/>
<meta name="HandheldFriendly" content="true"/>
<title>Ian Emsens - Developer</title>
<meta name="author" content="Ian Emsens">
<meta name="designer" content="Ian Emsens">
<meta name="publisher" content="Ian Emsens">
<meta name="web_author" content="Ian Emsens">
<meta name="description" content="Learn more about Ian Emsens, a Full-stack developer from Belgium with a passion for simplicity and typography.">
<meta name="keywords" content="Ian Emsens, Developer, JavaScript, TypeScript, Angular, Vue.js, PHP, Front-end, Back-end, Full-stack, Simple, Typography, Belgium">
<meta name="robots" content="index,follow">
<meta name="abstract" content="I'm Ian Emsens, a full-stack developer from Belgium. I build websites, applications and technical integrations with a focus on end-user interaction and ease-of-use.">
<meta name="city" content="Mechelen">
<meta name="country" content="Belgium">
<meta name="classification" content="I'm Ian Emsens, a full-stack developer from Belgium. I build websites, applications and technical integrations with a focus on end-user interaction and ease-of-use.">
<meta property="og:site_name" content="Ian Emsens - Developer">
<meta property="og:title" content="Ian Emsens">
<meta property="og:description" content="Learn more about Ian Emsens, Full-stack developer from Belgium with a passion for simplicity and typography.">
<meta property="og:image" content="https://ian-emsens.github.io/images/og.jpg">
<meta property="og:url" content="https://ian-emsens.github.io/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@Guades_">
<meta name="twitter:image:alt" content="A brief description of Ian Emsens.">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#141419">
<meta name="msapplication-TileColor" content="#141419">
<meta name="theme-color" content="#141419">
<link rel="stylesheet" href="styles/stylesheet.css" type="text/css">
</head>
<body lang="en">
<header class="container">
<h1 class="display-1">Ian Emsens</h1>
<p>Developer</p>
</header>
<main class="container">
<article class="introduction" lang="en">
<h2>Introduction</h2>
<p>Hi, I'm Ian Emsens, a <span id="age">25</span> year old developer from Belgium. I build websites, applications and technical integrations with a focus on end-user interaction and ease-of-use. In this case, you (the user) are interested in learning what I can do and who I am. Or you're a friend (Tom) looking for some banter.</p>
</article>
<article class="experience" lang="en">
<ul class="list-unstyled">
<li class="experience__item">
<h3>
Studio Hyperdrive <small><sup>(2021 - <span id="year">2022</span>)</sup></small>
</h3>
<p>I'm currently working at <a target="_blank" rel="external nofollow noopener noreferrer" referrerpolicy="no-referrer" href="https://studiohyperdrive.be/">Studio Hyperdrive</a>, a bunch of JavaScript enthusiasts who thrive on getting things done. As I'm working on a wide variety of different projects I'm very quickly realizing that the programming language just about as old as me is a perfect fit for me.</p>
<p>So far, I've worked on a <a target="_blank" rel="external nofollow noopener noreferrer" referrerpolicy="no-referrer" href="https://www.npmjs.com/package/@studiohyperdrive/interactive-map">ThreeJS-based modular package</a> to simplify maintaining and creating 3D blueprints on the web, a platform to help connect digital archives with educators and a fun little application to help urban students explore the rural farmlife.</p>
<p>In short, a really good time!</p>
</li>
<li class="experience__item">
<h3>
Springbok Agency <small><sup>(2019 - 2021)</sup></small>
</h3>
<p>At Springbok Agency, I chose to diversify. The Mechelen-based agency allowed me to gain experience in DevOps (GitHub, Envoyer, Azure DevOps), AWS, Azure, Stencil, Vue.js and many more full-stack technologies. My role at Springbok was extremely fluid, between assisting in project management and analysing SAP-based back-end integrations I spent my time building projects from scratch, maintaining existing applications and guiding colleagues.</p>
<p>The culmination of these responsibilities is the website of Bridgestone's European & Middle-Eastern branch. Built entirely using a corporate-level headless back-end and web components, this huge project is very technologically diverse. Working with the team got me acquainted with a lot of new technologies like GraphQL and JSX.</p>
</li>
<li class="experience__item">
<h3>
Flow Pilots <small><sup>(2016 - 2019)</sup></small>
</h3>
<p>After a successful internship, I decided to stick around at Flow Pilots, an Antwerp-based mobile app developer. With a primary focus on building native mobile applications, I got a lot of experience working with strongly-typed languages, object-oriented and reactive programming. This is also where I picked up my Angular (rc3 - v8) and TypeScript experience and passion.</p>
<p>Hybrid (web) apps were shunned but not out of the question, the most challenging project I picked up was the Antwerp Voting App. This app is still used (to my knowledge) during Antwerp city councils. It uses redux and websockets to replace the old on-site hardware and provides Antwerp with a more flexible way for officials to vote.</p>
</li>
<li class="experience__item">
<h3>
Designosource <small><sup>(2015 - 2016)</sup></small>
</h3>
<p>A practice enterprise run by Thomas More for third-year students. During this time, students are able to work as a small, independent agency guided by professors. The whole technical and administrative process is performed by students, from offer to go-live.</p>
<p>This is where I got my earliest professional experience, creating websites and stand-alone applications in Symfony, Drupal, AngularJS and Laravel.</p>
</li>
</ul>
</article>
<article class="skills" lang="en">
<h2>Skills</h2>
<ul class="list-unstyled row" id="skills">
<li class="col-12 col-lg-4">HTML</li>
<li class="col-12 col-lg-4">CSS / SASS / LESS</li>
<li class="col-12 col-lg-4">JavaScript / TypeScript</li>
<li class="col-12 col-lg-4">Angular / Vue.js</li>
<li class="col-12 col-lg-4">Ionic / Stencil / JSX</li>
<li class="col-12 col-lg-4">Jira / Asana / Trello</li>
<li class="col-12 col-lg-4">Github / Bitbucket / Git CLI</li>
<li class="col-12 col-lg-4">Redux / Observables</li>
<li class="col-12 col-lg-4">Websockets / GraphQL </li>
<li class="col-12 col-lg-4">Mobile-first development</li>
<li class="col-12 col-lg-4">Laravel / Symfony</li>
<li class="col-12 col-lg-4">WordPress / Drupal</li>
<li class="col-12 col-lg-4">ASP.NET / .NET core</li>
<li class="col-12 col-lg-4">Adobe Creative Suite</li>
<li class="col-12 col-lg-4">Sketch / Abstract / Invision</li>
<li class="col-12 col-lg-4">Object-oriented programming</li>
<li class="col-12 col-lg-4">Swagger / OpenAPI</li>
<li class="col-12 col-lg-4">AWS / Azure</li>
</ul>
</article>
<article class="certificates" lang="en">
<h2>Certificates</h2>
<ul class="list-unstyled row">
<li class="col-12">
<span class="material-icons">school</span>
Professional Bachelor's of Information Management and Multimedia <sup>(2016)</sup>
</li>
<li class="col-12">
<a
href="https://www.credly.com/badges/8ef74f41-6098-4aa5-87c3-81798b8e0089?source=portfolio"
rel="external nofollow noopener noreferrer"
referrerpolicy="no-referrer"
target="_blank">
<span class="material-icons text-aws">verified</span></a>
AWS Certified Cloud Practitioner <sup>(2020 - 2023)</sup>
</li>
</ul>
</article>
<article class="contact" lang="en">
<h2>Contact</h2>
<ul class="list-unstyled row">
<li class="col-12">
<a
href="https://www.linkedin.com/in/ianemsens/"
rel="external nofollow noopener noreferrer"
referrerpolicy="no-referrer"
target="_blank">LinkedIn</a>
</li>
<li class="col-12">
<a
href="https://twitter.com/Guades_"
rel="external nofollow noopener noreferrer"
referrerpolicy="no-referrer"
target="_blank">Twitter</a>
</li>
</ul>
</article>
</main>
<footer class="container">
Inspired by <a href="http://motherfuckingwebsite.com/" rel="external nofollow noopener noreferrer" referrerpolicy="no-referrer" target="_blank">a motherfucking website</a>.
</footer>
<script src="main.js"></script>
</body>
</html>