-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (180 loc) · 15.4 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
190
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jolan Wuyts - Europeana Collections Editor</title>
<meta name="description" content="Jolan Wuyts personal homepage">
<meta name="author" content="Jolan Wuyts">
<!-- This website is custom built by me, Jolan Wuyts. I used a ton of other people's lovely work to put this together.
First off, the Skeleton framework makes sure everyone stays in their proper columns and is in charge of the dynamics
The horizontal one-pager carousel is made possible by Slick.
Sharing buttons are the RRSSB by kni-labs.
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS & JS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/rrssb/1.14.0/css/rrssb.css"/>
<link rel="stylesheet" href="css/style.css">
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/rrssb/1.14.0/js/rrssb.min.js"></script>
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon-16x16.png">
</head>
<body>
<div class="container">
<div class="row" id="welcome">
<div class="twelve columns u-full-width">
<div id="firstpage">
<h1> Hi! I'm Jolan.<br/></h1>
<img src="images/profilepiccircle.png" alt="Jolan Wuyts profile picture">
<h1>I'm a Collections Editor at <a href="https://pro.europeana.eu/person/jolan-wuyts">Europeana</a>.</h1>
</div>
<div id="secondpage">
<h4> I studied <mark>History</mark> at Ghent University, and went on to get an Advanced Master's degree in <mark>Digital Humanities</mark> at KU Leuven. <br/>I love helping European projects reach their goals, and playing my part in reaching Europe's Digital Single Market and European Green Deal ambitions, supporting others by fulfilling the role of <mark>digital librarian</mark> and <mark> European project manager</mark>.
<br/>In my free time I like learning about the decentralised web, playing video games, listening to city pop, and hugging my partner. <a href="files/CVJolanWuyts.pdf">Read my CV</a> to learn more about me! </h4>
</div>
<div id="thirdpage">
<main>
<section id="skills" class="twelve columns">
<article id="animateskills" class="skills">
<div class="t-6">
<h1>THINGS</h1><p>European project management<span></span><span class="skills"></span></p>
</div>
<div class="t-6">
<h1>I'M</h1><p>online editorial creation<span></span><span class="skills"></span></p>
</div>
<div class="t-6">
<h1>GOOD</h1><p>intersectional diversity consulting in GLAM<span></span><span class="skills"></span></p>
</div>
<div class="t-6">
<h1>AT</h1><p>API community outreach<span></span><span class="skills"></span></p>
</div>
<div class="t-6">
<p>SPARQL<span></span><span class="skills"></span></p>
</div>
<div class="t-6">
<p>HTML5, CSS, Jquery<span></span><span class="skills"></span></p>
</div>
<div class="t-6">
<p>Python 2.7/3.6<span></span><span class="skills"></span></p>
</div>
</article>
</section>
</main>
</div>
<div id="fourthtitle"><h1>PROJECTS</h1></div>
<div id="fourth">
<div id="fourthpage">
<a href="https://github.com/Hobbesball/Calvinwuyts-github.io" target="_blank">
<figure class="vidresult">
<img src="images/youtunethumb.jpg" alt="screenshot of my Youtune website project"><figcaption>
<span>Youtune</span>
</figcaption>
</figure></a>
<a href="https://github.com/Calvinwuyts/Europeanaharvest" target="_blank">
<figure class="vidresult">
<img src="images/europeanaharvestthumb.png" alt="screenshot of my Europeanaharvest Github repo"><figcaption>
<span>Europeanaharvest</span>
</figcaption>
</figure></a>
<a href="https://docs.google.com/spreadsheets/d/1aJNGQI3wOEBai0ZS5skSdn23jpVWD10kCbF9HiXsI3A/edit?usp=sharing" target="_blank">
<figure class="vidresult">
<img src="images/metricsthumb.png" alt="screenshot of the automated Europeana Collections metrics spreadsheet"><figcaption>
<span>Cultural heritage collections metrics</span>
</figcaption>
</figure></a>
<a href="https://docs.google.com/spreadsheets/d/1WPS-KJptUJ-o8SXtg00llcxq0IKJu8eO6Ege_GrLaNc/edit" target="_blank">
<figure class="vidresult">
<img src="images/openglamthumb.png" alt="screenshot of a tweet about the #OpenGLAM project"><figcaption>
<span>OpenGLAMs</span>
</figcaption>
</figure></a>
<a href="files/Cultivating_APIs_in_the_cultural_heritage_sector_Jolan_Wuyts_2018.pdf" target="_blank">
<figure class="vidresult">
<img src="images/cultivatingapis.jpeg" alt="Blauwe Vogel, 15e E BCE. Glasdia van een Minoïsch Fresco, oorspronkelijk gevonden in Knossos. Aanwezig in de Collectie van Kunstgeschiedenis KU Leuven, 1839-1939. Fotograaf onbekend. Aangeleverd aan Europeana via het Photoconsortium."><figcaption>
<span>APIs for cultural heritage</span>
</figcaption>
</figure></a>
<a href="files/Enlightened_by_the_Shadows_Jolan_Wuyts_2017.pdf" target="_blank">
<figure class="vidresult">
<img src="images/piratelibraries.jpg" alt="first page of my paper on pirate libraries"><figcaption>
<span>pirate libraries</span>
</figcaption>
</figure></a>
</div>
</div>
</div>
<div class="row" id="social">
<div class="twelve columns">
<h3>Find me here:</h3>
<div>
<ul class="rrssb-buttons">
<li class="rrssb-email">
<a href="mailto:jolanwuyts@gmail.com?Subject=Let's%20Talk%20Libraries">
<span class="rrssb-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.386 2.614H2.614A2.345 2.345 0 0 0 .279 4.961l-.01 14.078a2.353 2.353 0 0 0 2.346 2.347h18.771a2.354 2.354 0 0 0 2.347-2.347V4.961a2.356 2.356 0 0 0-2.347-2.347zm0 4.694L12 13.174 2.614 7.308V4.961L12 10.827l9.386-5.866v2.347z"/></svg>
</span>
<span class="rrssb-text">email</span>
</a>
</li>
<li class="rrssb-linkedin">
<a href="https://www.linkedin.com/in/jolanwuyts/" class="popup">
<span class="rrssb-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M25.424 15.887v8.447h-4.896v-7.882c0-1.98-.71-3.33-2.48-3.33-1.354 0-2.158.91-2.514 1.802-.13.315-.162.753-.162 1.194v8.216h-4.9s.067-13.35 0-14.73h4.9v2.087c-.01.017-.023.033-.033.05h.032v-.05c.65-1.002 1.812-2.435 4.414-2.435 3.222 0 5.638 2.106 5.638 6.632zM5.348 2.5c-1.676 0-2.772 1.093-2.772 2.54 0 1.42 1.066 2.538 2.717 2.546h.032c1.71 0 2.77-1.132 2.77-2.546C8.056 3.593 7.02 2.5 5.344 2.5h.005zm-2.48 21.834h4.896V9.604H2.867v14.73z"/></svg>
</span>
<span class="rrssb-text">linkedin</span>
</a>
</li>
<li class="rrssb-twitter">
<!-- Replace href with your Meta and URL information -->
<a href="https://twitter.com/jolanwuyts"
class="popup">
<span class="rrssb-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M24.253 8.756C24.69 17.08 18.297 24.182 9.97 24.62a15.093 15.093 0 0 1-8.86-2.32c2.702.18 5.375-.648 7.507-2.32a5.417 5.417 0 0 1-4.49-3.64c.802.13 1.62.077 2.4-.154a5.416 5.416 0 0 1-4.412-5.11 5.43 5.43 0 0 0 2.168.387A5.416 5.416 0 0 1 2.89 4.498a15.09 15.09 0 0 0 10.913 5.573 5.185 5.185 0 0 1 3.434-6.48 5.18 5.18 0 0 1 5.546 1.682 9.076 9.076 0 0 0 3.33-1.317 5.038 5.038 0 0 1-2.4 2.942 9.068 9.068 0 0 0 3.02-.85 5.05 5.05 0 0 1-2.48 2.71z"/></svg>
</span>
<span class="rrssb-text">twitter</span>
</a>
</li>
<li class="rrssb-instagram" style="width: calc(20% - 92.4px);" data-initwidth="6.25" data-size="71">
<!-- Replace href with your URL--><a href="http://instagram.com/calvintheserious"><span class="rrssb-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="864" height="864" viewBox="0 0 864 864">
<path d="M860.079 254.436c-2.091-45.841-9.371-77.147-20.019-104.542-11.007-28.32-25.731-52.338-49.673-76.28-23.943-23.943-47.962-38.669-76.282-49.675C686.711 13.292 655.404 6.013 609.564 3.92 563.628 1.824 548.964 1.329 432 1.329s-131.63.495-177.564 2.591c-45.841 2.093-77.147 9.372-104.542 20.019-28.319 11.006-52.338 25.731-76.28 49.675-23.943 23.942-38.669 47.96-49.675 76.28C13.292 177.288 6.013 208.595 3.92 254.436 1.824 300.37 1.329 315.036 1.329 432s.495 131.628 2.591 177.564c2.093 45.84 9.372 77.146 20.019 104.541 11.006 28.319 25.731 52.339 49.675 76.282 23.942 23.941 47.961 38.666 76.28 49.673 27.395 10.647 58.701 17.927 104.542 20.019 45.935 2.096 60.601 2.592 177.564 2.592s131.628-.496 177.564-2.592c45.84-2.092 77.146-9.371 104.541-20.019 28.32-11.007 52.339-25.731 76.282-49.673 23.941-23.943 38.666-47.962 49.673-76.282 10.647-27.395 17.928-58.701 20.019-104.541 2.096-45.937 2.592-60.601 2.592-177.564s-.496-131.63-2.592-177.564zm-77.518 351.591c-1.915 41.99-8.932 64.793-14.828 79.969-7.812 20.102-17.146 34.449-32.216 49.521-15.071 15.07-29.419 24.403-49.521 32.216-15.176 5.896-37.979 12.913-79.969 14.828-45.406 2.072-59.024 2.511-174.027 2.511s-128.622-.438-174.028-2.511c-41.988-1.915-64.794-8.932-79.97-14.828-20.102-7.812-34.448-17.146-49.518-32.216-15.071-15.071-24.405-29.419-32.218-49.521-5.897-15.176-12.912-37.979-14.829-79.968-2.071-45.413-2.51-59.034-2.51-174.028s.438-128.615 2.51-174.028c1.917-41.988 8.932-64.794 14.829-79.97 7.812-20.102 17.146-34.448 32.216-49.518 15.071-15.071 29.418-24.405 49.52-32.218 15.176-5.897 37.981-12.912 79.97-14.829 45.413-2.071 59.034-2.51 174.028-2.51s128.615.438 174.027 2.51c41.99 1.917 64.793 8.932 79.969 14.829 20.102 7.812 34.449 17.146 49.521 32.216 15.07 15.071 24.403 29.418 32.216 49.52 5.896 15.176 12.913 37.981 14.828 79.97 2.071 45.413 2.511 59.034 2.511 174.028s-.44 128.615-2.511 174.027z"></path>
<path d="M432 210.844c-122.142 0-221.156 99.015-221.156 221.156S309.859 653.153 432 653.153 653.153 554.14 653.153 432c0-122.142-99.012-221.156-221.153-221.156zm0 364.713c-79.285 0-143.558-64.273-143.558-143.557 0-79.285 64.272-143.558 143.558-143.558 79.283 0 143.557 64.272 143.557 143.558 0 79.283-64.274 143.557-143.557 143.557z"></path>
<circle cx="661.893" cy="202.107" r="51.68"> </circle>
</svg></span><span class="rrssb-text">instagram</span></a>
</li>
<li class="rrssb-github">
<a href="https://github.com/calvinwuyts">
<span class="rrssb-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M13.97 1.57c-7.03 0-12.733 5.703-12.733 12.74 0 5.622 3.636 10.393 8.717 12.084.637.13.87-.277.87-.615 0-.302-.013-1.103-.02-2.165-3.54.77-4.29-1.707-4.29-1.707-.578-1.473-1.413-1.863-1.413-1.863-1.154-.79.09-.775.09-.775 1.276.104 1.96 1.316 1.96 1.312 1.135 1.936 2.99 1.393 3.712 1.06.116-.823.445-1.384.81-1.704-2.83-.32-5.802-1.414-5.802-6.293 0-1.39.496-2.527 1.312-3.418-.132-.322-.57-1.617.123-3.37 0 0 1.07-.343 3.508 1.305A12.22 12.22 0 0 1 14 7.732c1.082 0 2.167.156 3.198.44 2.43-1.65 3.498-1.307 3.498-1.307.695 1.754.258 3.043.13 3.37a4.968 4.968 0 0 1 1.314 3.43c0 4.893-2.978 5.97-5.814 6.286.458.388.876 1.16.876 2.358 0 1.703-.016 3.076-.016 3.482 0 .334.232.748.877.61 5.056-1.687 8.7-6.456 8.7-12.08-.055-7.058-5.75-12.757-12.792-12.75z"/></svg>
</span>
<span class="rrssb-text">github</span>
</a>
</li>
<li class="rrssb-pinterest">
<!-- Replace href with your meta and URL information. -->
<a href="https://www.pinterest.com/jolanwuyts/">
<span class="rrssb-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M14.02 1.57c-7.06 0-12.784 5.723-12.784 12.785S6.96 27.14 14.02 27.14c7.062 0 12.786-5.725 12.786-12.785 0-7.06-5.724-12.785-12.785-12.785zm1.24 17.085c-1.16-.09-1.648-.666-2.558-1.22-.5 2.627-1.113 5.146-2.925 6.46-.56-3.972.822-6.952 1.462-10.117-1.094-1.84.13-5.545 2.437-4.632 2.837 1.123-2.458 6.842 1.1 7.557 3.71.744 5.226-6.44 2.924-8.775-3.324-3.374-9.677-.077-8.896 4.754.19 1.178 1.408 1.538.49 3.168-2.13-.472-2.764-2.15-2.683-4.388.132-3.662 3.292-6.227 6.46-6.582 4.008-.448 7.772 1.474 8.29 5.24.58 4.254-1.815 8.864-6.1 8.532v.003z"/></svg>
</span>
<span class="rrssb-text">pinterest</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>