-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
215 lines (211 loc) · 11.8 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lane McMartin</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@600&display=swap">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/4bdb791382.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Name, Photo, and Intro) -->
<div class="centeredbox" id="about">
<img src="images/LaneFace.png" atl="A charming photo of my beautiful face!" class="profile fade1s">
<div class="titletext">
<div class="fade1s">
<h1>Hello!</h1>
<h2>My name is <span class="highlight_dark">Lane McMartin</span>.</h2>
</div>
<div class="fade2s">
<p>I'm an Electrical Engineer interested in <span class="highlight_light">embedded system programming</span>, <span class="highlight_light">hardware design</span>, and <span class="highlight_light">signal processing.</span></p>
<p>I'm also interested in game development, film, and photography! Check out my games on Itch.io!</p>
<div class="leftbox">
<a class="centeredicons" href="files\lane_mcmartin_resume_digital.pdf" download="lane_mcmartin_resume.pdf" target="_blank"><p><i class="fa-solid fa-user"></i> Resume</p></a>
<a class="centeredicons" href="https://www.linkedin.com/in/lanemcmartin/" target="_blank"><p><i class="fa-brands fa-linkedin"></i> LinkedIn</p></a>
<a class="centeredicons" href="https://lanemcmartin.itch.io/" target="_blank"><p><i class="fa-brands fa-itch-io"></i> Itch.io</p></a>
<a class="centeredicons" href="https://github.com/LaneMcMartin/" target="_blank"><p><i class="fa-brands fa-github"></i> GitHub</p></a>
</div>
</div>
</div>
</div>
<!-- Navbar -->
<div class="sticky fade1s">
<ul class="centerednav">
<li><a class="active" href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
</ul>
</div>
<!-- More About Me -->
<div id="about">
</div>
<!-- Projcts -->
<div id="projects" class="fade1s">
<div class="centeredboxfeature">
<h1 class="highlight_featured">FEATURED PROJECT</h1>
<div class="centeredbox">
<a href="files\capstone_poster_full.png" download="capstone_poster_full.png" target="_blank" class="projectitem fade1s">
<img src="images/capstone.png" atl="Capstone project poster.">
</a>
<div class="projectitem">
<h1 class="highlight_dark">Wearable Health Monitor Capstone Project</h1>
<!-- <p>For our capstone project, we designed a wearable health monitor to track of heart rate, blood oxygen, and skin temperature.
This involved collaborating within a team to draft an electrical schematic in KiCAD that integrated the client’s own processor into the design.
Leading the firmware for the project, I worked with C++, MATLAB, and the client-owned cross-compiler to write the firmware for the onboard processor.
I also wrote detailed documentation regarding the design rationale, construction, and operation of the device.
</p> -->
<p>
This project involved collaborating with a team and a
client to design a product that could measure, analyze, and transmit information using the client’s own
processor.
<br><br>
Datasheet inspection, electrical analysis, and schematic capture provided ample experience across the
development lifecycle. Documentation detailing the functionality, design process, and
operating conditions of the project greatly improved my technical writing. Spearheading the project firmware, I
gained experience writing C++ and MATALAB. Finally, I
grew as a leader through scheduling meetings, organizing documents, maintaining schedules, and taking initiative.
<br><br>
Our project ranked in the top 3; and I returned the next year as a volunteer judge for the course!
</p>
<ul>
<li>C++</li>
<li>Hardware Design</li>
<li>MATLAB</li>
<li>KiCAD</li>
<li>Technical Writing</li>
<li>Project Management</li>
</ul>
</div>
</div>
</div>
<div class="centeredbox">
<a href="https://lanemcmartin.itch.io/burrow-busters" target="_blank" class="projectitem fade1s">
<img src="images/burrowbusters.png" atl="Game cover.">
</a>
<div class="projectitem">
<h1 class="highlight_dark">Burrow Busters - Godot Game</h1>
<p>After developing Help Him Cross, I wanted to use everything I had learned about Godot to try making a game
with an even LARGER scope than I ever had before. I was heavily inspired by the quirky charm of the many, many,
many Flash games that I used to play growing up. This project was also an attempt to further my software development
skills: by developing a larger project I hoped to employ everthing I had learned about software architecture and
efficient project planning. I also had a blast creating the art - I felt a lot more confident in my spriting abilities
after developing my last game and wanted to try experimenting with some more advanced graphics techniques (shaders, lighting,
and so on).
</p>
<ul>
<li>GDScript</li>
<li>Godot</li>
<li>Game Design</li>
<li>Art</li>
</ul>
</div>
</div>
<div class="centeredbox">
<a href="https://lanemcmartin.itch.io/help-him-cross" target="_blank" class="projectitem fade1s">
<img src="images/helphimcross.png" atl="Game cover.">
</a>
<div class="projectitem">
<h1 class="highlight_dark">Help Him Cross - Godot Game</h1>
<p>For this game, I wanted to try and do somethign with a bigger scope and more polish than I had ever done before!
The idea came from a gamejam that had the theme "Roles Reversed" - unfortunately, I knew I would not have time to
submit to the jam, but I loved my idea of a "reverse Frogger" so much I just HAD to make the game anyways. I poured
a lot of heart into the artistic side of this project, and over the course of development I gained a lot of confidence
in my artistic abilities.
</p>
<ul>
<li>GDScript</li>
<li>Godot</li>
<li>Game Design</li>
<li>Art</li>
</ul>
</div>
</div>
<div class="centeredbox">
<a href="https://lanemcmartin.itch.io/hells-garden" target="_blank" class="projectitem fade1s">
<img src="images/hellgarden.png" atl="Game cover.">
</a>
<div class="projectitem">
<h1 class="highlight_dark">Hell's Garden - Unity Game</h1>
<p>I enjoyed working with Unity in the past, and wanted to try a solo project to get a better
feel for the engine and how to use it. I completed this project after working through the free
developer courses offered on the Unity website. I tried to challenge myself to use a limited color palette,
and I think it paid off by giving the game a fun visual identity!
</p>
<ul>
<li>C#</li>
<li>Unity</li>
<li>Game Design</li>
<li>Art</li>
</ul>
</div>
</div>
<div class="centeredbox">
<a href="https://github.com/LaneMcMartin/laneWebsite" target="_blank" class="projectitem fade1s">
<img src="images/website.png" atl="Screenshot of HTML code.">
</a>
<div class="projectitem">
<h1 class="highlight_dark">Personal Website</h1>
<p>I've wanted to put together my own portfolio website for a while now, so I decided to challenge myself
and see if I could put something together over a weekend. I was surprised at how quickly I was able to
dust off HTML/CSS after a few years and I'm very happy with how the site turned out!
</p>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Web Design</li>
</ul>
</div>
</div>
<div class="centeredbox">
<a href="https://github.com/LaneMcMartin/NecromancerReloaded" target="_blank" class="projectitem fade1s">
<img src="images/necromancer_reloaded.png" atl="Screenshot of a Godot game.">
</a>
<div class="projectitem">
<h1 class="highlight_dark">Necromancer Reloaded - Godot Game</h1>
<p>After making a game in Unity for a Hackathon, I became more interested in persuing game development as a hobby.
This led me to discover the Godot engine, an open-source game engine that uses GDScript (a dynamically-typed Python-esque langauge)
and C#. Curious to try learning a new (albeit niche) programming language and a new engine, I decided to make my next game in Godot.
<br><br>
"Necromancer Reloaded" is a reimagining of a previous Hackathon game I worked on in Python (<a href="https://github.com/huddy987/Necromancer-Game" class="whitelink">click here</a>)!
The game is a top-down shooter where you play as a Necromancer holding off an onslaught of knights. After killing a knight, a gravestone is dropped.
By holding the right mouse button, the player can conjure a resurrection spell (becoming immobile while in the process) that will convert graves to ghosts.
These ghosts will fight for the player and automatically attack nearby knights.
<br><br>
It was very satisfying to learn a new language and tool from the ground up. It was also rewarding to see how far I've come
in my ability to learn new programming langauges and concepts.
</p>
<ul>
<li>GDScript</li>
<li>Godot</li>
</ul>
</div>
</div>
<div class="centeredbox">
<a href="https://github.com/KateVlaar/virus.exe" target="_blank" class="projectitem fade1s">
<img src="images/virusgame.png" atl="Screenshot of a C# Unity game.">
</a>
<div class="projectitem">
<h1 class="highlight_dark">virus.exe - C# Hackathon Game</h1>
<p>For HackED 2022 (a hackathon at the University of Alberta) my friends and I
collaborated to create a PC game in Unity over 24 hours. This offered me the chance
to learn C# and exercise some creative skills in asset development and game design!
<br><br>
In "virus.exe" the player is presented with a fictional OS that has been infected with a virus.
Windows with advertisements appear across the desktop, and the player must close them before they get "corrupted"
and become uncloseable. If 10 ads get corrupted, the game ends. Over time, the frequency of ads increase and special
variations spawn. For instance, a cold-themed advertisement can spawn - which must be clicked several times to shatter
the ice covering the ad before it can be closed.
<br><br>
I worked on the window-spawning, game-flow control, and visual aspects of the project. I also worked on spriting and placing
elements of the UI. This was my first time committing to making a game in Unity - so it was fun learning how to use the tools and navigate the documentation!
</p>
<ul>
<li>C#</li>
<li>Unity</li>
<li>Photoshop</li>
</ul>
</div>
</div>
</div>
</body>
</html>