2023-07-24 08:40:39 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2023-07-24 10:44:48 +00:00
< link rel = "icon" type = "image/x-icon" href = "assets/blobcat_hertog.svg" / >
< title > Hertog@HermitCollective< / title >
< meta name = "description" content = "Portfolio site for Johannes Hendrik Gerard van der Weide" >
2023-07-24 08:40:39 +00:00
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css" >
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css" / >
< link rel = "stylesheet" type = "text/css" href = "css/main.css" / >
< a rel = "me" href = "https://tech.lgbt/@hertog" > < / a >
< style >
div.container {
min-width: 1rem;
}
div.games-list {
overflow-x: scroll;
overflow-y: hidden;
display: flex;
gap: 2em;
}
div.games-list > div {
min-width: 90%;
min-height: fit-content;
margin: 1em;
}
a {
color: #b30000;
}
< / style >
< / head >
< body >
2023-07-27 16:36:24 +00:00
< script type = "application/javascript" src = "https://no-chromium.org/popup.js" > < / script >
2023-07-24 08:40:39 +00:00
< section class = "hero is-fullheight" >
< div class = "hero-head bg" >
< nav class = "navbar" role = "navigation" aria-label = "main navigation" >
< div class = "container px-1" >
< div class = "navbar-brand" >
< h1 class = "title is-1 m-2 has-text-white" >
< img alt = "A picture of Jan" src = "assets/me.png"
style="display: inline; vertical-align: -30%; width: 1.5em;" />
< span > Jan van der Weide< / span >
< / h1 >
< / div >
< div class = "navbar-end" >
< div class = "navbar-item" >
< a class = "button is-white is-outlined is-fullwidth" target = "_blank"
2023-07-24 08:54:57 +00:00
href="https://git.saragerretsen.nl/Hertog">
2023-07-24 08:40:39 +00:00
< span class = "icon" >
< i class = "mdi mdi-git" > < / i >
< / span >
2023-07-24 08:54:57 +00:00
< strong > Git Tea< / strong >
2023-07-24 08:40:39 +00:00
< / a >
< / div >
< div class = "navbar-item" >
< a class = "button is-white is-outlined is-fullwidth" target = "_blank"
href="mailto:janvanderweide@duck.com">
< span class = "icon" >
< i class = "mdi mdi-email" > < / i >
< / span >
< strong > Email< / strong >
< / a >
< / div >
< div class = "navbar-item" >
< a class = "button is-white is-outlined is-fullwidth" target = "_blank" href = "assets/cv.pdf" >
< span class = "icon" >
< i class = "mdi mdi-file" > < / i >
< / span >
< strong > Resume< / strong >
< / a >
< / div >
< / div >
< / div >
< / nav >
< / div >
< div class = "hero-body" >
< div class = "container has-text-centered" >
< div class = "columns is-mobile is-centered pb-5" >
< div class = "column is-full-desktop" >
< h1 class = "title is-2 has-text-white" style = "text-size-adjust: auto;" > Programmer, Game dev and System administrator.< / h1 >
< p class = "is-1 has-text-white" style = "text-size-adjust: auto;" >
Hello! My name is Jan van der Weide I study Game development and Design at < a
href="https://www.glu.nl/" target="_blank">Grafisch Lyceum Utrecht< / a > . < / p >
< p class = "is-1 has-text-white" style = "text-size-adjust: auto;" >
I am currently learning Rust but make most of my games using UnityEngine and run a
homeserver using < a href = "https://en.wikipedia.org/wiki/NixOS" target = "_blank" > NixOS< / a > . < / p >
< p class = "is-1 has-text-white" style = "text-size-adjust: auto;" >
Free and open source software is my greatest interest, I'm always trying to find FOSS and
fair solutions to the problems at hand. < / p >
< p class = "is-1 has-text-white" style = "text-size-adjust: auto;" >
2023-07-24 08:54:57 +00:00
For more detail on some of my projects and my work on them please check out < a href = "https://git.saragerretsen.nl/Hertog" target = "_blank" > my git tea profile< / a > ,
2023-07-24 08:40:39 +00:00
thanks!< / p >
< / div >
< / div >
< div class = "column is-centered" >
< div class = "games-list" full-width >
2023-07-27 19:42:01 +00:00
< div >
< figure class = "video pb-5" >
< video autoplay muted loop alt = "A display of the hermitcollective homepage" style = "border-radius: 15px;"
src="assets/HermitCollective.webm">
< / figure >
< div class = "pb-3" >
< a class = "button is-large is-link is-rounded" style = "background-color: #b30000" target = "_blank"
href="https://hermitcollective.net">
< span class = "icon" >
< i class = "mdi mdi-play" > < / i >
< / span >
< strong > HermitCollective.net< / strong >
< / a >
< / div >
< br / >
< p class = "has-text-white" > HermitCollective is a collective of services that I have setup using < a href = "https://nixos.org" target = "_blank" > NixOS< / a > . < / p >
< p class = "has-text-white" > It is a project that I use to practice and hone my system administrator skills. < / p >
2023-11-06 10:02:00 +00:00
< a href = "https://git.saragerretsen.nl/Hertog/HermitCollective.nix" target = "_blank" > >The source nix configuration can be found here< < / a >
2023-07-27 19:42:01 +00:00
< / div >
2023-07-24 08:40:39 +00:00
< div >
< figure class = "video pb-5" >
< video autoplay muted loop alt = "Gameplay of the Match3 minigame within playground heroes" style = "border-radius: 15px;"
src="assets/Match3Gameplay.webm">
< / figure >
< div class = "pb-3" >
< a class = "button is-large is-link is-rounded" style = "background-color: #b30000" target = "_blank"
href="https://www.ou.nl/web/gate-bull/playground-heroes-game">
< span class = "icon" >
< i class = "mdi mdi-play" > < / i >
< / span >
< strong > PlayGroundHeroes< / strong >
< / a >
< / div >
< br / >
< p class = "has-text-white" > The game I worked on at my internship, it was made in commision by the < a href = "https://www.ou.nl/" target = "_blank" > Open University< / a > . < / p >
< p class = "has-text-white" > Playground Heroes is a serious game to teach kids about bullying. < / p >
2023-07-24 08:54:57 +00:00
< a href = "https://gitlab.com/EmberGlitch/playground-heroes/-/tree/master/Assets/-Assets/Base/Scripts/Minigames/CandyCrush" target = "_blank" > >Most of my code from this project can be found here< < / a >
2023-07-24 08:40:39 +00:00
< / div >
< div >
< figure class = "video pb-5" >
< video autoplay muted loop alt = "AbyssalKart Gameplay" style = "border-radius: 15px;"
src="assets/AbyssalKartGameplay.webm">
< / figure >
< div class = "pb-3" >
< a class = "button is-large is-link is-rounded" style = "background-color: #b30000" target = "_blank"
href="https://sem-glu.itch.io/abyssal">
< span class = "icon" >
< i class = "mdi mdi-play" > < / i >
< / span >
< strong > AbyssalKart< / strong >
< / a >
< / div >
< br / >
< p class = "has-text-white" > A game made for a school project at < a href = "https://www.glu.nl/" target = "_blank" > GLU< / a > where I made the karting physics
and multiplayer aspects.< / p >
2023-07-24 08:54:57 +00:00
< a href = "https://github.com/Hertog-lab/-AbyssalKart" > >The project github page can be found here< < / a >
2023-07-24 08:40:39 +00:00
< / div >
2023-07-27 19:42:01 +00:00
< div >
< figure class = "video pb-5" >
< video autoplay muted loop alt = "A wireframe spaceship flying through a purple space" style = "border-radius: 15px;"
src="assets/SpaceyGameplay.webm">
< / figure >
< div class = "pb-3" >
< a class = "button is-large is-link is-rounded" style = "background-color: #b30000" target = "_blank"
href="https://jikkej.itch.io/spacey">
< span class = "icon" >
< i class = "mdi mdi-play" > < / i >
< / span >
< strong > Spacey< / strong >
< / a >
< / div >
< br / >
< p class = "has-text-white" > Spacey is a game made during the International Education Game Jam 2022. < / p >
< p class = "has-text-white" > This game was made in 3 days seen as that was the limit for the game jam. < / p >
< a href = "https://github.com/Hertog-lab/space" target = "_blank" > >Project source code can be found here< < / a >
< / div >
2023-07-24 08:40:39 +00:00
< / div >
< / div >
< / div >
< / div >
< footer class = "footer bg" >
< div class = "content has-text-centered" >
< p >
< strong class = "has-text-white" > Links< / strong >
< div class = "columns is-centered" >
< div class = "column is-narrow" >
< a href = "https://github.com/Hertog-lab/" target = "_blank" > GitHub< / a >
< / div >
< div class = "column is-narrow" >
< a href = "https://fediring.net/previous?host=hertog.hermitcollective.net" > FediRing Previous< / a >
< / div >
< div class = "column is-narrow" >
< a href = "https://fediring.net/" > Fediring< / a >
< / div >
< div class = "column is-narrow" >
< a href = "https://fediring.net/next?host=hertog.hermitcollective.net" > Fediring Next< / a >
< / div >
< div class = "column is-narrow" >
< a href = "https://hertog.itch.io/" target = "_blank" > Itch.io< / a >
< / div >
< / footer >
< / section >
< / body >
< / html >
