Merge branch 'gh-pages'

.gitignore

@@ -1 +1,5 @@
-.DS_store
+# Ignore Zola's public directory
+/public
+
+# Ignore system files
+.DS_Store

config.toml

@@ -0,0 +1,17 @@
+# The URL the site will be built for
+base_url = "https://dehan-jl.io/"
+
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = true
+
+[markdown]
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = true
+highlight_theme = "nord"
+
+[extra]
+# Put all your custom variables here

content/about.md

@@ -0,0 +1,37 @@
++++
+title = "About Me"
++++
+
+## Greetings 👋, I'm Dehan
+
+## Quick Facts
+- 🇿🇦 Currently based in sunny Pretoria, South Africa
+- 🎓 BEng Computer Engineering graduate from the University of Pretoria (TUKS)
+- 💼 Currently working as a Software Engineer 👨🏻‍💻 at the BMW ZA IT Hub 🤖
+- 🌱 Currently learning about Cybersecurity and Autonomous Driving
+- ⌨️ My (currently) favourite languages are Rust 🦀 and Python 🐍
+
+## Blurb
+Driven by a lifelong passion for making computers go fast and solving complex problems, I am an enthusiastic engineer with a talent for diving deep into details. My love for learning keeps me adaptable to ever-evolving challenges. I thrive in team environments where I can apply my leadership qualities while cultivating new ideas. For me, engineering isn't just a profession - it's a dynamic journey of innovation and discovery.
+
+## Interests
+### Hobbies
+- 🏋🏻 Gym & Fitness
+- 🐉 🎲 Boardgames & Tabletop Roleplaying Games
+- 🎸 Music
+- 🏎️ Motorsport
+- 📖 Reading
+- 🎮 Video games
+
+### Fields
+- 🔒 Cybersecurity & Cryptography
+- 🧠 Artificial Intelligence
+- 🕹 Simulation Technology
+- 🖥️ Microelectronics & Integrated Circuits
+- ⚛️ Quantum Computing
+- 🚗 Autonomous Driving
+
+### Industries
+- 🚗 Automotive
+- ✈️ Aerospace
+- ⚡️ Semiconductor

content/blog/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Blog"
+sort_by = "date"
+template = "blog/blog.html"
+page_template = "blog/blog-page.html"
++++

content/blog/first.md

@@ -0,0 +1,7 @@
++++
+title = "My first post"
+date = 2024-04-01
+draft = true
++++
+
+This is my first blog post.

content/contact.md

@@ -0,0 +1,8 @@
++++
+title = "Contact"
++++
+
+This is where you can contact me:
+- <i class="fa-brands fa-github"></i> Github: [@dehan-jl](https://github.com/dehan-jl)
+- <i class="fa-solid fa-envelope"></i> Email: [contact@dehan-jl.io](mailto:contact@dehan-jl.io)
+- <i class="fa-brands fa-linkedin"></i> LinkedIn: [dehanjl](https://www.linkedin.com/in/dehanjl/)

content/resume.md

@@ -0,0 +1,130 @@
++++
+title = "Resume / CV"
++++
+
+_A PDF version of this is available on request._
+
+# Dehan Jaco Lamprecht
+
+**Computer Engineer** - _For more about me, please see my [About](@/about.md) section or [Contact Me](@/contact.md)._
+
+## Experience
+### Software Engineer
+**BMW ZA IT Hub** 
+
+<i class="fa-solid fa-location-dot"></i> Pretoria, South Africa 
+<i class="fa-solid fa-calendar"></i> Mar 2022 – Present
+- Part of the agile feature team working on the Connected Fleet Data product in the AI Data Analytics and Platforms department.
+- Cloud-based (AWS) full-stack development.
+- Responsible for the product’s Cybersecurity matters.
+- Solutions architecting and leading workshops.
+- Improved scalability by migrating a part of the application to a serverless architecture.
+- Optimised application sections for over 10x performance boost.
+- Created a testing framework to replicate production-level loads.
+
+### Content Developer
+**Resolute Education**
+
+<i class="fa-solid fa-location-dot"></i> Pretoria, South Africa 
+<i class="fa-solid fa-calendar"></i> Apr 2020 – Feb 2022
+
+- Worked part-time while completing studies.
+- Developed a Python programming course primarily for high-school students.
+- Presented course in-person and online to students.
+- Assisted in presenting electronics and robotics courses.
+- Mentored other tutors.
+
+### Engineering Intern
+**Hensholdt GEW**
+
+<i class="fa-solid fa-location-dot"></i> Pretoria, South Africa 
+<i class="fa-solid fa-calendar"></i> Jan 2021 – Mar 2021
+
+- Part of small team of interns in Systems Engineering depart-
+ment.
+- Designed and developed an Internet of Things solution from the ground up.
+- Developed and delivered a prototype test platform.
+- Prototype test platform enhanced the company’s core Electronic Warfare business.
+
+## Education
+### B.Eng. Computer Engineering
+**University of Pretoria**
+
+<i class="fa-solid fa-calendar"></i> 2018 – 2021  
+- Cumulative Weighted Average: 72%
+- Module Distinctions: 21
+- **Final Year Project**: Design & Development of a Neural Network Accelerator for an FPGA with transfer to a Custom IC Layout.
+
+
+### AS Levels
+**Cambridge International**
+
+<i class="fa-solid fa-calendar"></i> 2017  
+- Overall Average: 88%
+- Distinctions in all subjects.
+
+## Certifications
+- <i class="fa-solid fa-calendar"></i> Dec 2023 - Self Driving Car Engineer, Udacity
+- <i class="fa-solid fa-calendar"></i> Sep 2023 - Professional Scrum Product Owner II, Scrum.org
+
+## Awards
+- World Robot Olympiad 2010, 3rd Nationally
+- World Robot Olympiad 2011, 1st Nationally and 3rd Internationally
+- Dean’s Merit List 2018, University of Pretoria
+- Community Based Project 2019, Best New Project
+- Engineering Without Borders Design Challenge 2020, Finalist
+- BMW ZA IT Hub AI Indaba Hackathon 2023, Finalist
+
+## Other Activities
+
+- <i class="fa-solid fa-calendar"></i> 2015-2017 - E-Sports: Player Manager and Coach
+- <i class="fa-solid fa-calendar"></i> 2015-2017 - Sound Technician: Volunteer live production technician
+
+## Skills
+**Legend**
+- <i class="fa-solid fa-star"></i> Fully Comfortable
+- <i class="fa-regular fa-star-half-stroke"></i> Somewhat Comfortable
+- <i class="fa-regular fa-star"></i> Modestly Comfortable
+
+### General
+- <i class="fa-solid fa-star"></i> Software Development
+- <i class="fa-solid fa-star"></i> Artificial Intelligence
+- <i class="fa-solid fa-star"></i> Embedded Engineering
+- <i class="fa-regular fa-star-half-stroke"></i> Cybersecurity Engineering
+- <i class="fa-regular fa-star-half-stroke"></i> Hardware Engineering
+- <i class="fa-regular fa-star"></i> Custom IC Design
+- <i class="fa-regular fa-star-half-stroke"></i> Full Stack Development
+- <i class="fa-regular fa-star-half-stroke"></i> Cloud Native Development
+- <i class="fa-regular fa-star-half-stroke"></i> Test Driven Development
+- <i class="fa-solid fa-star"></i> Agile Methodologies
+- <i class="fa-solid fa-star"></i> Teamwork
+- <i class="fa-regular fa-star-half-stroke"></i> Leadership
+- <i class="fa-solid fa-star"></i> Teaching
+
+### Programming Languages & Frameworks
+- <i class="fa-solid fa-star"></i> Python
+- <i class="fa-solid fa-star"></i> NumPy & Pandas
+- <i class="fa-regular fa-star-half-stroke"></i> TensorFlow
+- <i class="fa-solid fa-star"></i> Rust
+- <i class="fa-solid fa-star"></i>Java, Kotlin & Groovy
+- <i class="fa-regular fa-star-half-stroke"></i> Springboot
+- <i class="fa-regular fa-star-half-stroke"></i> GraphQL
+- <i class="fa-solid fa-star"></i> PostgreSQL
+- <i class="fa-regular fa-star-half-stroke"></i> Docker & Kubernetes
+- <i class="fa-regular fa-star"></i>MQTT
+- <i class="fa-regular fa-star-half-stroke"></i> C & C++
+- <i class="fa-regular fa-star"></i>QT
+- <i class="fa-regular fa-star-half-stroke"></i> JavaScript & TypeScript
+- <i class="fa-regular fa-star"></i>NodeJS
+- <i class="fa-regular fa-star"></i>React & Redux
+- <i class="fa-regular fa-star"></i>Assembly
+- <i class="fa-regular fa-star-half-stroke"></i> VHDL & Verilog
+
+## Languages
+- English: Fluent
+- Afrikaans: Fluent
+- German: Basic
+
+## References
+
+_References availbale on request, please [Contact Me](@/contact.md)._

sass/anims.scss

@@ -0,0 +1,31 @@
+@keyframes fadeIn {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 100%;
+    }
+}
+
+@keyframes typing {
+    from {
+        width: 0;
+    }
+
+    to {
+        width: 100%;
+    }
+}
+
+@keyframes blink-caret {
+
+    from,
+    to {
+        border-color: transparent;
+    }
+
+    50% {
+        border-color: black;
+    }
+}

sass/code.scss

@@ -0,0 +1,24 @@
+pre {
+    padding: 1rem;
+    overflow: auto;
+}
+
+// The line numbers already provide some kind of left/right padding
+pre[data-linenos] {
+    padding: 1rem 0;
+}
+
+pre table td {
+    padding: 0;
+}
+
+// The line number cells
+pre table td:nth-of-type(1) {
+    text-align: center;
+    user-select: none;
+}
+
+pre table {
+    width: 100%;
+    border-collapse: collapse;
+}

sass/style.scss

@@ -0,0 +1,57 @@
+@import url('https://fonts.googleapis.com/css2?family=Helvetica&display=swap');
+@import 'code.scss';
+@import 'anims.scss';
+
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    font-family: 'Helvetica', sans-serif;
+    max-width: 66%;
+    margin: 0 auto;
+}
+
+a:visited {
+    color: inherit;
+}
+
+.center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.welcome {
+    animation: 3s ease-out 0s 1 fadeIn;
+}
+
+.typing h1 {
+    overflow: hidden; // Ensures the content is not revealed until the animation
+    border-right: .15em solid black; // The typwriter cursor
+    white-space: nowrap; // Keeps the content on a single line
+    margin: 0 auto; // Gives that scrolling effect as the typing happens
+    letter-spacing: .15em; // Adjust as needed
+    animation:
+        typing 3.5s steps(22, end),
+        blink-caret .75s step-end infinite;
+}
+
+#footer {
+    display: flex;
+    justify-content: space-between;
+    margin-top: auto;
+    position: sticky;
+    font-size: 0.8em;
+}
+
+#navbar {
+    padding: 1rem 0 0 0;
+    display: flex;
+    flex-direction: row;
+    gap: .4rem;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    align-items: center;
+    align-content: flex-end
+}

templates/base.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>dehan-jl</title>
+    <link rel="stylesheet" href="{{ get_url(path='style.css') | safe }}">
+    <script src="https://kit.fontawesome.com/b9b10e6172.js" crossorigin="anonymous"></script>
+</head>
+
+<body>
+    <header id="header">
+        <nav id="navbar">
+            <a href="{{ get_url(path='/') | safe }}">Home</a>
+            <a href="{{ get_url(path='@/about.md') | safe }}">About Me</a>
+            <a href="{{ get_url(path='@/resume.md') | safe }}">Resume</a>
+            <a href="{{ get_url(path='@/blog/_index.md') | safe }}">Blog</a>
+            <a href="{{ get_url(path='@/contact.md') | safe }}">Contact</a>
+        </nav>
+    </header>
+
+    <main>
+        {% block content %}
+        {% endblock %}
+    </main>
+
+    <footer id="footer">
+        <p>Copyright © Dehan J. Lamprecht 2024.</p>
+        <p>Powered by <a href="https://www.getzola.org">Zola</a></p>
+    </footer>
+</body>
+
+</html>

templates/blog/blog-page.html

@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{% block content %}
+<h1 class="title">
+    {{ page.title }}
+</h1>
+<p class="subtitle"><strong>{{ page.date }}</strong></p>
+{{ page.content | safe }}
+{% endblock content %}