-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (126 loc) · 9.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Josh Bakelaar | Home</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500;700&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<ul class="navbar-nav">
<li class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#contact">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#references">Contact</a>
</li> -->
</ul>
</nav>
<!-- Hero Section-->
<section class="hero">
</section>
<!-- About Section -->
<section id="about"">
<div class="center">
<h1 data-title="ABOUT">ABOUT</h1>
</div>
<div class="wrapper">
<div class="left">
<div class="card">
<img src="assets/img/me.jpg" alt="Me!">
<div class="container">
<h4><b>Josh Bakelaar</b></h4>
<p>Major in Computer Science with a Minor in Game Development</p>
</div>
</div>
</div>
<div class="right">
<h2>Hi, I'm Josh!</h2>
<p>I am a recent Computer Science graduate from Western University, where I also minored in Game Development. My experience spans a range of programming languages, including Java, Python, C++, and JavaScript, with a strong foundation in web development, VR simulations, and machine learning. As a mentor for First Robotics Team 5024, I’ve led programming projects, introduced agile methodologies, and helped implement data-driven solutions. Additionally, I’ve managed teams and coordinated leadership programs, enhancing my ability to work collaboratively and lead effectively. I’m passionate about leveraging technology to solve complex problems and eager to apply my skills in software development.</p>
<!-- <p>Beyond my roles in robotics, I am actively involved in the realm of game development, reflecting my commitment to crafting immersive and innovative experiences. From my experiences as a Program Coordinator at Camp OK, orchestrating engaging camp programming, to my role as an Assistant Manager at Rocky Mountain Chocolate, where effective communication and attention to detail are paramount, I bring a versatile skill set shaped by diverse experiences.</p> -->
<a href="assets/Josh Bakelaar Resume 2024.pdf" target="_blank"><button type="button">My Resume</button></a>
</div>
</div>
</section>
<!-- End About Section -->
<!-- projects -->
<section id="projects">
<div class="center">
<h1 data-title="PROJECTS">PROJECTS</h1>
</div>
<div class="wrapper">
<div class="all-items">
<div class="item">
<div class="left">
<div class="img"><img src="./assets/img/5024Bot.jpg" alt=""></div>
</div>
<div class="right">
<h2 class="project-title">5K24 Spark</h2>
<h3 class="project-sub-title">Comprehensive Scouting Website for First Robotics Competition (FRC)</h3>
<p class="languages">JavaScript, React.js, CSS</p>
<p class="project-desc">I engineered a platform to operate offline, enabling teams to scout and save data without an internet connection, ensuring uninterrupted functionality in dynamic competition environments. This comprehensive scouting website, developed specifically for FRC teams, facilitates the collection of data on other teams during competitions. The system seamlessly integrates all relevant information into a QR Code, streamlining the integration of data into teams' scouting spreadsheets. This innovative solution enhances data accuracy and accessibility, significantly improving the scouting process for FRC teams.</p>
<div class="buttons">
<a href="https://github.com/JBakks/5K24SPARK" target="_blank"><button type="button">Preview</button></a>
</a>
</div>
</div>
</div>
<div class="item">
<div class="left">
<div class="img"><img src="./assets/img/Bridge.jpg" alt=""></div>
</div>
<div class="right">
<h2 class="project-title">Structural Integrity</h2>
<h3 class="project-sub-title">The VR Damage Assessment Simulator</h3>
<p class="languages">C#, Unity</p>
<p class="project-desc">Structural Integrity is an advanced Virtual Reality education tool developed using C# and Unity, tailored for in-class learning with civil engineering students at Western University. This immersive simulator provides a hands-on experience, enabling students to navigate through virtual environments that mimic real-world structures. By interacting with these environments, students learn to identify various types of structural damage, assess their severity, and understand the implications for overall structural integrity. This tool not only enhances theoretical knowledge but also bridges the gap between classroom learning and practical application, preparing students for real-life engineering challenges. Through this engaging and interactive platform, students gain critical thinking and problem-solving skills essential for their future careers in civil engineering.</p>
<div class="buttons">
<a href="https://github.com/JBakks/Structural-Integrity" target="_blank"><button type="button">Preview</button></a>
</a>
</div>
</div>
</div>
<div class="item">
<div class="left">
<div class="img"><img src="./assets/img/Brain.jpg" alt=""></div>
</div>
<div class="right">
<h2 class="project-title">Analysis of Machine Learning Models</h2>
<h3 class="project-sub-title"> for Brain Age Prediction using the OASIS Dataset</h3>
<p class="languages">Python</p>
<p class="project-desc">This project aimed to develop and compare machine learning-based models for predicting brain age from MRI data, an important task as discrepancies between physical age and brain age can signal neurological conditions or cognitive decline, making accurate prediction models clinically significant. The study conducted a comprehensive comparison of four distinct ML models: Support Vector Regression (SVR), Residual Networks (ResNet), and Lasso regression. By evaluating these models, the project sought to identify the most effective approach for precise brain age prediction, thereby contributing valuable insights to the field of medical imaging and neurological diagnostics.</p>
<div class="buttons">
<a href="assets/Research Paper.pdf" target="_blank"><button type="button">Preview</button></a>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Custom Scripting -->
<script type="module" src="assets/js/script.js" defer></script>
<!-- Bootstrap & Jquery Scripting-->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>