295 lines
12 KiB
HTML
295 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>maze.io / maze.engineering</title>
|
|
<meta content="" name="description">
|
|
<meta content="" name="keywords">
|
|
|
|
<!-- Favicons -->
|
|
<link href="assets/img/favicon.png" rel="icon">
|
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com" rel="preconnect">
|
|
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
|
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
|
|
|
<!-- Main CSS File -->
|
|
<link href="assets/css/main.css" rel="stylesheet">
|
|
|
|
<!-- =======================================================
|
|
* Template Name: iPortfolio
|
|
* Template URL: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/
|
|
* Updated: Jun 14 2024 with Bootstrap v5.3.3
|
|
* Author: BootstrapMade.com
|
|
* License: https://bootstrapmade.com/license/
|
|
======================================================== -->
|
|
</head>
|
|
|
|
<body class="index-page">
|
|
|
|
<header id="header" class="header d-flex flex-column">
|
|
<i class="header-toggle d-xl-none bi bi-list"></i>
|
|
|
|
<div class="profile-img">
|
|
<img src="assets/img/my-profile-img.jpg" alt="" class="img-fluid rounded-circle">
|
|
</div>
|
|
|
|
<a href="index.html" class="logo d-flex align-items-center justify-content-center">
|
|
<!-- Uncomment the line below if you also wish to use an image logo -->
|
|
<!-- <img src="assets/img/logo.png" alt=""> -->
|
|
<h1 class="sitename">maze.io</h1>
|
|
</a>
|
|
|
|
<div class="social-links text-center">
|
|
<a href="https://github.com/tehmaze" class="github"><i class="bi bi-github"></i></a>
|
|
<a href="https://x.com/tehmaze" class="twitter"><i class="bi bi-twitter-x"></i></a>
|
|
<a href="https://instagram.com/" class="instagram"><i class="bi bi-instagram"></i></a>
|
|
<a href="https://linkedin.com/in/maze" class="linkedin"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
|
|
<nav id="navmenu" class="navmenu">
|
|
<ul>
|
|
<li><a href="#hero" class="active"><i class="bi bi-house navicon"></i>Home</a></li>
|
|
<li><a href="#about"><i class="bi bi-person navicon"></i> About</a></li>
|
|
<li><a href="#resume"><i class="bi bi-file-earmark-text navicon"></i> Resume</a></li>
|
|
<li><a href="#contact"><i class="bi bi-envelope navicon"></i> Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
<main class="main">
|
|
|
|
<!-- Hero Section -->
|
|
<section id="hero" class="hero section">
|
|
|
|
<img src="assets/img/hero-bg.jpg" alt="" data-aos="fade-in" class="">
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
<h2>maze</h2>
|
|
<p>I'm a <span class="typed" data-typed-items="Hacker, Security Engineer, Developer, HAM, Biker">Hacker</span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span><span class="typed-cursor typed-cursor--blink" aria-hidden="true"></span></p>
|
|
</div>
|
|
|
|
</section><!-- /Hero Section -->
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="about section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>About</h2>
|
|
<p>
|
|
This is the portfolio of Wijnand Modderman-Lenstra, or <em>maze</em> as known to most.
|
|
</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row gy-4 justify-content-center">
|
|
<div class="col-lg-4">
|
|
<img src="assets/img/my-profile-img.jpg" class="img-fluid" alt="">
|
|
</div>
|
|
<div class="col-lg-8 content">
|
|
<h2>IT Security Specialist.</h2>
|
|
<p class="fst-italic py-3">
|
|
As a Principal Security Engineer specializing in Infrastructure Security, my role extends beyond conventional security responsibilities. I serve as the technical lead, guiding and mentoring a team of security professionals. This involves providing clear technical direction, defining and governing standards, and overseeing the execution of security initiatives.
|
|
</p>
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<ul>
|
|
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong> <span>maze.io</span></li>
|
|
<li><i class="bi bi-chevron-right"></i> <strong>Home:</strong> <span>The Netherlands</span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<ul>
|
|
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>Yes</span></li>
|
|
<li><i class="bi bi-chevron-right"></i> <strong>Relationship:</strong> <span>Married</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<p class="py-3">
|
|
I am currently <strong>not</strong> looking for new career opportunities.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /About Section -->
|
|
|
|
<!-- Resume Section -->
|
|
<section id="resume" class="resume section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Resume</h2>
|
|
<p>I am currently <strong>not</strong> looking for career opportunities.</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
|
|
<h3 class="resume-title">Projects</h3>
|
|
|
|
<div class="resume-item">
|
|
<h4>VzBoT</h4>
|
|
<h5>2021 - Present</h5>
|
|
<p>
|
|
<em>VzBoT was originally created in 2021 and started as a modification for the popular Tronxy X5A 3D-printer. Over time VzBoT has grown to its fully own printer, focused on high speed printing.</em>
|
|
</p>
|
|
<ul>
|
|
<li>Electronics engineering and design.</li>
|
|
<li>Community support on <a href="https://discord.com/invite/vzbot">Discord</a>.</li>
|
|
<li><a href="https://vzbot.org/">VzBoT.org</a></li>
|
|
</ul>
|
|
</div><!-- End Resume Item -->
|
|
|
|
<div class="resume-item">
|
|
<h4>ne2000, eth0, WTH, HAR, OHM, CCCamp, HITB:AMS</h4>
|
|
<h5>2000 - Present</h5>
|
|
<p>
|
|
<em>Volunteer and organiser for annual and quadrennial hacker camps in The Netherlands and Germany. I have been involved with logistics, terrain scouting, system administration and have learned a lot of new skills along the way.</em>
|
|
</p>
|
|
<ul>
|
|
<li><a href="https://nl.wikipedia.org/wiki/Categorie:Hackersfestival">Hacker festivals</a> (Dutch)</li>
|
|
<li><a href="https://en.wikipedia.org/wiki/Chaos_Communication_Camp">Chaos Communication Camp</a></li>
|
|
</ul>
|
|
</div><!-- End Resume Item -->
|
|
|
|
<div class="resume-item">
|
|
<h4>BrandMeister</h4>
|
|
<h5>2017 - 2021</h5>
|
|
<p>
|
|
<em>BrandMeister is a decentralised, global digital communication network for HAM radio operators.</em>
|
|
</p>
|
|
<ul>
|
|
<li><a href="https://brandmeister.network">BrandMeister Dashboard</a> (live)</li>
|
|
</ul>
|
|
</div><!-- End Resume Item -->
|
|
|
|
<div class="resume-item">
|
|
<h4>textmod.es</h4>
|
|
<h5>2009-2020</h5>
|
|
<p>
|
|
<em>Curating text mode artwork, mainly created on MS-DOS using the famous IBM Code Page 437.</em>
|
|
</p>
|
|
<ul>
|
|
<li>PC artworks from 1990 until present day.</li>
|
|
<li><a href="https://16colo.rs/">16colors</a> (continuation)</li>
|
|
</ul>
|
|
</div><!-- End Resume Item -->
|
|
</div>
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
|
|
<h3 class="resume-title">Professional Experience</h3>
|
|
<div class="resume-item">
|
|
<h4>Principal Security Engineer</h4>
|
|
<h5>2019 - Present</h5>
|
|
<p><em>Booking.com, Amsterdam, NL</em></p>
|
|
<ul>
|
|
<li>Technical leadership in Infrastructure Security.</li>
|
|
<li>Security Solution Architecture.</li>
|
|
<li>Strategic planning and decision making.</li>
|
|
<li>Research & Development.</li>
|
|
</ul>
|
|
</div><!-- Edn Resume Item -->
|
|
|
|
<div class="resume-item">
|
|
<h4>Senior Security Engineer</h4>
|
|
<h5>2012 - 2017</h5>
|
|
<p><em>Booking.com, Amsterdam, NL</em></p>
|
|
<ul>
|
|
<li>Define and shape many Security capabilities.</li>
|
|
<li>Privileged Access Management (PAM).</li>
|
|
<li>Public Key Infrastructure (PKI).</li>
|
|
<li>Regulatory compliance (PCI-DSS, SOx, GDPR, etc.)</li>
|
|
</ul>
|
|
</div><!-- Edn Resume Item -->
|
|
|
|
<div class="resume-item">
|
|
<h4>Lead Linux Engineer</h4>
|
|
<h5>2009 - 2011</h5>
|
|
<p><em>ASP4all, Huizen, NL</em></p>
|
|
</div>
|
|
|
|
<div class="resume-item">
|
|
<h4>Senior Linux Engineer</h4>
|
|
<h5>2007 - 2009</h5>
|
|
<p><em>Server Nation, Haarlem, NL</em></p>
|
|
</div>
|
|
|
|
<div class="resume-item">
|
|
<h4>System Administrator</h4>
|
|
<h5>2004-2007</h5>
|
|
<p><em>Booking.com, Amsterdam, NL</em></p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Resume Section -->
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="contact section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Contact</h2>
|
|
<p>My contact details are kept private.</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
</section><!-- /Contact Section -->
|
|
|
|
</main>
|
|
|
|
<footer id="footer" class="footer position-relative">
|
|
|
|
<div class="container">
|
|
<div class="copyright text-center ">
|
|
<p>© <span>Copyright</span> <strong class="px-1 sitename">maze.io</strong> <span>All Rights Reserved</span></p>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
<!-- Scroll Top -->
|
|
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<!-- Preloader -->
|
|
<div id="preloader"></div>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/vendor/php-email-form/validate.js"></script>
|
|
<script src="assets/vendor/aos/aos.js"></script>
|
|
<script src="assets/vendor/typed.js/typed.umd.js"></script>
|
|
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
|
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
|
|
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
|
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
|
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
|
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
|
|
|
<!-- Main JS File -->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |