-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
193 lines (187 loc) · 12.6 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html>
<head>
<title>Guy-Jacques Isombe</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body data-spy="scroll" data-target="#myScrollspy" class="">
<nav id="menu" class="navbar fixed-top navbar-expand-lg navbar-light bg-custom" id="myScrollspy">
<a class="navbar-brand" href="index.html">Guy-Jacques Isombe</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#work-xp">Work Experience <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resume-download">Resume</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<section class="cover" id="intro spytop">
<div class="media">
<img src="avatar1.jpg" class="align-self-center mr-3 slideInLeft" alt="Image of Guy-Jacques">
<div class="media-body">
<h1 class="mt-0 display-1 block">Guy-Jacques Isombe</h1>
<h4 class="typewriter block">Future engineer eager to build empowering solutions</h4>
</div>
</div>
</section>
<section id="projects" class="block">
<div class="container">
<div class="container-fluid">
<h2 class="display-3">Projects</h2>
</div>
<div id="projects-carousel" class="carousel slide block" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#projects-carousel" data-slide-to="0" class="active"></li>
<li data-target="#projects-carousel" data-slide-to="1"></li>
<li data-target="#projects-carousel" data-slide-to="2"></li>
<li data-target="#projects-carousel" data-slide-to="3"></li>
<li data-target="#projects-carousel" data-slide-to="4"></li>
<li data-target="#projects-carousel" data-slide-to="5"></li>
<li data-target="#projects-carousel" data-slide-to="6"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./project_logos/pacemaker.JPG" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>CPUL8R: Pacemaker with PC Interface</h5>
<p class="tech-used">Python (Tkinter, PySerial), Simulink</p>
<p class="project-description">Robust, safety-critical embedded software based on Boston Scientific documentation and pacemaker theory. Interfaces with GUI on a given computer through serial communication.</p>
</div>
</div>
<div class="carousel-item">
<a href="https://isombeg.github.io/robofriends/">
<img src="./project_logos/robofriends.JPG" class="d-block w-100" alt="Project Picture">
</a>
<div class="carousel-caption d-none d-md-block">
<h5>Robofriends</h5>
<p class="tech-used">JavaScript: React.js</p>
<p class="project-description">Dynamic web directory of friends’ contacts complete with realtime search functionality</p>
</div>
</div>
<div class="carousel-item">
<img src="./project_logos/sumobot.JPG" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Mod_Ting: Sumobot</h5>
<p class="tech-used">C++ (Arduino)</p>
<p class="project-description">Software for diagnostics, hardware control and behavioral logic of a sumobot. Earned 8th of 24 teams at McMaster's Beginner Sumobot Competition.</p>
</div>
</div>
<div class="carousel-item">
<a href="https://isombeg.github.io/background-generator/">
<img src="./project_logos/background-generator.JPG" class="d-block w-100" alt="Project Picture">
</a>
<div class="carousel-caption d-none d-md-block">
<h5>Gradient Selector</h5>
<p class="tech-used">HTML, CSS, JavaScript</p>
<p class="project-description">Web app which allows the user to view gradients of their choosing and retrieve their RGB values</p>
</div>
</div>
<div class="carousel-item">
<img src="./project_logos/inclination.JPG" class="d-block w-100" alt="Project Picture">
<div class="carousel-caption d-none d-md-block">
<h5>Digital Inclination Angle Measurement System</h5>
<p class="tech-used">C, Matlab, Esduino Xtreme</p>
<p class="project-description">Embedded prototype to acquire angle data, process the data, and transmit the data for display and recording.</p>
</div>
</div>
<div class="carousel-item">
<img src="./project_logos/morsekeyer.JPG" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Morse Keyer</h5>
<p class="tech-used">C (Arduino)</p>
<p class="project-description">Device capable of decoding Morse code input through a button.</p>
</div>
</div>
<div class="carousel-item">
<img src="./project_logos/repo.JPG" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Principles of Programming Homework Solutions Repository</h5>
<p class="tech-used">C, Java, Git</p>
<p class="project-description">Repository containing solutions to McMaster's CE2SH4 (Principles of Programming) lab preparation exercises. Used by multiple peers for consultation and studying.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#projects-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#projects-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<section id="work-xp" class="block">
<div class="container">
<div class="container">
<div class="container">
<h2 class="display-3">Work Experience</h2>
</div>
<ul>
<li id="mathstronauts" class="block">
<div class="media">
<img src="https://media-exp1.licdn.com/dms/image/C560BAQEHM4ZRpZO5eg/company-logo_200_200/0?e=2159024400&v=beta&t=uqzrHx39N0yOOgi7NiuLoM-IFAQhxXC7rGpQG8sVpOs" class="mr-3" alt="Mathstronauts Logo">
<div class="media-body">
<h3 class="display-4 mt-0">STEAM Engine Program Instructor</h3>
<p class="lead">Mathstronauts (Hamilton, ON)</p>
<ul>
<li>Taught STEAM to class of ~10 middle schoolers on a weekly basis</li>
<li>Topics included Arduino C++ programming and CAD</li>
<li>Lead them through design and assembly of proximity sensing white cane using the skills they had acquired throughout the term</li>
</div>
</div>
</li>
<li id="pdsb" class="block">
<div class="media">
<div class="media-body">
<h3 class="display-4 mt-0 mb-1">Robotics Student Leader</h3>
<p class="lead">Peel District School Board (Mississauga, ON)</p>
<ul>
<li>Devised workshops pertaining to robotics and block programming</li>
<li>Adminstered these workshops with groups of 15-30 students aged 5 to 10 years of age</li>
<li>Result was youths having found new interests and hobbies</li>
</ul>
</div>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQsL6m0AsSEBZELjiMwFqHnLta3f0ykqgGtq_wlCgaGwVHbmwYx&usqp=CAU" class="ml-3" alt="Peel District School Board Logo">
</div>
</li>
</ul>
</div>
</div>
</section>
<section id="resume-download" class="block justify-content-center">
<div class="container-fluid" id="resume-header-div">
<h2 class="display-3">Resume</h2>
</div>
<div class="container-fluid" id="resume-btn-div">
<a href="isombe_resume.pdf">
<button type="button" class="btn btn-info btn-lg btn-block">View</button>
</a>
</div>
</section>
<!-- Footer -->
<footer class="block" id="contact">
<a class="nav-link" href="https://github.com/isombeg"><i class="fa fa-github" id="icon-github"></i></a>
<a class="nav-link" href="https://www.linkedin.com/in/guy-jacques-isombe/"><i class="fa fa-linkedin-square" id="icon-linkedin"></i></a>
<a class="nav-link" href="mailto: [email protected]"><i class="fa fa-envelope" id="icon-email"></i></a>
</footer>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="./script.js"></script>
</body>
</html>