maze.io/index.html

287 lines
12 KiB
HTML
Raw Permalink Normal View History

2024-06-20 17:28:02 +02:00
<!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">
</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">
2024-06-20 19:38:27 +02:00
<a href="https://github.com/tehmaze" class="github" target="_blank"><i class="bi bi-github"></i></a>
<a href="https://x.com/tehmaze" class="twitter" target="_blank"><i class="bi bi-twitter-x"></i></a>
<a href="https://www.instagram.com/maze3dp" class="instagram" target="_blank"><i class="bi bi-instagram"></i></a>
<a href="https://linkedin.com/in/maze/" class="linkedin" target="_blank"><i class="bi bi-linkedin"></i></a>
2024-06-20 17:28:02 +02:00
</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 &amp; 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>
2024-06-20 19:38:27 +02:00
<p>Detailed contact details are kept private, but feel free to ping me on any of the socials.</p>
2024-06-20 17:28:02 +02:00
</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>