-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
252 lines (247 loc) · 12.3 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
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./main.css">
<title>Will Alley</title>
</head>
<body>
<div class="banner">
<!-- title banner -->
<div class="background_gradient">
<div class="banner_text_background">
<h1 class="banner_text">Hi, my name is Will.</h1>
<p class="banner_text">
I'm a Computer Engineering graduate from Queen's University and I'm looking for my first permanent job.
</p>
<p class="banner_text">
Some of my interests include Fullstack Development, Backend Development and Data Engineering.
</p>
<p class="banner_text">
My goal is to get hired at a company that is involved with one or more of my interests.
</p>
</div>
</div>
</div>
<div class="projects_list">
<div class="navigation">
<span style="display: block; font-size: 1.1em; color: #333; padding: 5px;">
I'll use this page to post projects that I completed at school and in my freetime, as well as some of my hobbies.
</span>
<div class="navigation_container">
<a href="#programming">Programming</a><!-- comment removes gap between inline blocks
--><a href="#blacksmithing_fabrication" class="navigation_center">Blacksmithing and Fabrication</a><!-- comment removes gap between inline block
--><a href="#photography">Photography</a>
</div>
</div>
</div>
<div id="programming" class="projects_list">
<!-- container for project blocks -->
<h2 class="topic">Programming Projects</h2>
<div class="project_container">
<!-- sample project block -->
<h3 class="project_title">LFGBot Discord Application</h3>
<span class="project_subtitle">Node.js, Discord.js</span>
<div class="side_scroller">
<div class="side_scroller_content">
<!-- block to hold images -->
<img src="./images/LFGBot/lfgbot1.png" alt="sample text command">
<img src="./images/LFGBot/lfgbot2.png" alt="resulting embed">
</div>
</div>
<div class="project_desc_wrapper">
<p>
This is a Discord bot that will maintain a clean Looking For Group channel in your gaming Discord server. It was designed for the game Albion Online, but is suited for any multiplayer game.
</p>
<p>
The bot will listen a specific text channel, and accept commands in the form <span class="code">!lfg [group_type] [content_description]</span>. Any messages in the channel will be deleted, and those with a valid command are replaced with an embed containing all the information needed to join the group, and an invitation to the host's voice channel.
</p>
<p>
The <span class="code">group_type</span> can be linked to a mentionable role on your server so that players can be pinged for content that they're interested in.
</p>
<p>
The <span class="code">!lfg</span> command will only be accepted if the host user is in a voice channel on the same server as the master channel. Only one post is permitted per user, any posts made after the first will be ignored.
</p>
<p>
The bot by it's nature will filter out spam, and meaningless messages. Additionally, when the host leaves their voice channel the post will be deleted if they do not return within 3 minutes. This ensures that all posts are current, giving your members a list of all the available content at a glance.
</p>
<p>
The bot can be configured to broadcast the embeds to channels on different servers, which can help improve the visibility of your posts.
</p>
</div>
</div>
<div class="project_container">
<!-- sample project block -->
<h3 class="project_title">TODO App</h3>
<span class="project_subtitle">React Native, expo_cli, SQLite</span>
<div class="side_scroller">
<div class="side_scroller_content">
<!-- block to hold images -->
<img src="./images/todo_app/todo_weekly.jpg" alt="weekly todo list">
<img src="./images/todo_app/todo_add_new.jpg" alt="adding new task">
<img src="./images/todo_app/todo_one_off.jpg" alt="one-off tasks">
<img src="./images/todo_app/todo_delete.jpg" alt="deleting tasks">
</div>
</div>
<div class="project_desc_wrapper">
<p>
The TODO app was a quick project that I started to introduce myself to mobile development using React Native. I used the managed workflow in expo_cli so that I could develop on my desktop PC while still testing on my iPhone. Since this is a simple, offline app I chose to use SQLite as a database.
</p>
<p>
The app offers three different lists: the "One-Off Tasks" for unusual or infrequent tasks, and the Daily and Weekly lists for recurring tasks. These two lists will reset completed tasks at the end of every day/week.
</p>
<p>
Adding and removing tasks is done using the buttons at the start of each list.
Users can record completed tasks by tapping on a list item, and tasks can can reset manually with a tap and hold. Navigating between lists is done by swiping left or right.
</p>
</div>
</div>
<div class="project_container">
<!-- sample project block -->
<h3 class="project_title">Engineering Capstone Project</h3>
<span class="project_subtitle">Unity, LEAP Motion, HTC Vive, Visual Studio</span>
<div class="side_scroller">
<div class="side_scroller_content">
<!-- block to hold images -->
<img src="./images/capstone/hand menu.PNG" alt="hand menu">
<img src="./images/capstone/ourkeyboard.PNG" alt="keyboard prototype">
<img src="./images/capstone/unity.PNG" alt="unity environment">
</div>
</div>
<div class="project_desc_wrapper">
<p>
For our capstone project, three friends and I decided to see if we could use the LEAP Motion sensor to build a virtual working environment that would allow people to use their computers with a VR headset instead of a monitor and keyboard.
</p>
<p>
The Leap Motion sensor is a product that attaches to a VR headset and captures positional data about the user's hands. This data is made available to developers through the LEAP SDK, which renders a set of hands into Unity that can interact with other game objects.
</p>
<p>
While our keyboard suceeded in allowing equivalent typing speeds to the keyboards that rely the Vive's controllers, we wouldn't want to write an essay with it!
</p>
</div>
</div>
<div class="project_list_footer">
<span>
More posts coming soon!
</span>
</div>
</div>
<div id="blacksmithing_fabrication" class="projects_list">
<!-- container for project blocks -->
<h2 class="topic">Blacksmithing and Fabrication Projects</h2>
<div class="project_container">
<!-- sample project block -->
<h3 class="project_title">Propane Forge</h3>
<span class="project_subtitle">Stick Welding</span>
<div class="side_scroller">
<div class="side_scroller_content">
<!-- block to hold images -->
<img src="./images/forge/forge1.png" alt="outer skin of forge">
<img src="./images/forge/forge2.png" alt="adding rigidity">
<img src="./images/forge/forge3.png" alt="adding insulation">
<img src="./images/forge/forge_burner.png" alt="forge burner">
<img src="./images/forge/forge_running.png" alt="forge running">
</div>
</div>
<div class="project_desc_wrapper">
<p>
I started this project because I wanted to try blacksmithing at home. I chose to build a propane forge because burning charcoal was becoming expensive and all the commercially made forges were way out of my budget.
</p>
<p>
I purchased a cheap stick welding machine off of amazon, and used some scrap metal from an old bedframe to make the body of the forge.
</p>
<p>
I lined the body with ceramic fiber insulation to improve efficiency, and covered the insulation with a refractory mortar to protect the fiber from the open flame.
</p>
<p>
The propane burner was made using pipe fittings from the hardware store, and operates using the venturi effect (just like a BBQ or a blow torch). The forge can reach temperatures near 2300 degrees Fahrenheit, and by adjusting the propane supply with a regulator I can reduce the temperature to around 1500 degrees Fahrenheit.
</p>
</div>
</div>
<div class="project_container">
<!-- sample project block -->
<h3 class="project_title">2" x 72" Belt Grinder</h3>
<span class="project_subtitle">Fusion 360, Stick Welding, Electrical</span>
<div class="side_scroller">
<div class="side_scroller_content">
<!-- block to hold images -->
<img src="./images/belt_grinder/cad.PNG" alt="fusion 360 model">
<img src="./images/belt_grinder/belt_grinder1.png" alt="welding in progress">
<img src="./images/belt_grinder/belt_grinder2.png" alt="motor attached">
</div>
</div>
<div class="project_desc_wrapper">
<p>
A belt grinder is a machine that spins a loop of cloth covered with abrasive material around a series of wheels, in this case the belt measures 2 inches wide by 72 inches around. Belt grinders are an essential tool for making knives and other tools because they allow for very fast and precise removal of metal and wood.
</p>
<p>
Just like propane forges, commercial belt grinders can be prohibitively expensive but since I already owned a welding machine I decided to make my own.
</p>
<p>
I started by creating a CAD model of what I wanted to build, which was a simplified version of a popular design.
</p>
<p>
I bought a used treadmill for only $50, which gave me a 1.5 horsepower DC motor and a good supply of scrap steel. Unfortunately while testing the motor the control board burned up, so after some research on permanent magnet motors I bought a cheap AC/DC converter and speed controller. The cheap controller doesn't allow the motor to run at full power, but that hasn't been a problem yet.
</p>
<p>
A set of longboard wheels were perfect for this project since they were 2 inches wide, and came with their own bearings.
</p>
<p>
The grinder is working great so far, it just needs a coat of paint to keep the rust off and some tidy wiring.
</p>
</div>
</div>
<div class="project_list_footer">
<span>
More posts coming soon!
</span>
</div>
</div>
<div id="photography" class="projects_list">
<!-- container for project blocks -->
<h2 class="topic">Photography Projects</h2>
<div class="project_container">
<!-- sample project block -->
<h3 class="project_title">New York Trip</h3>
<span class="project_subtitle">January 2017</span>
<div class="side_scroller">
<div class="side_scroller_content">
<!-- block to hold images -->
<img src="./images/NewYorkSmall/DSC_4224.jpg" alt="Lower Manhattan">
<img src="./images/NewYorkSmall/DSC_4241.jpg" alt="Brooklyn Bridge 1">
<img src="./images/NewYorkSmall/DSC_4242.jpg" alt="Brooklyn Bridge 2">
<img src="./images/NewYorkSmall/DSC_4259.jpg" alt="Brooklyn Bridge 3">
</div>
</div>
<div class="project_desc_wrapper">
<p>
These are four of my favorite photos from a weekend trip to New York that I took with my classmates. Our first day there I had some technical difficulties with my camera, but on the second day I was able to get some shots that I was proud of.
</p>
</div>
</div>
<div class="project_container">
<!-- sample project block -->
<h3 class="project_title">Pal Man and the Dude Friends</h3>
<span class="project_subtitle">October 2018</span>
<div class="side_scroller">
<div class="side_scroller_content">
<!-- block to hold images -->
<img src="./images/palman/DSC_7365.jpg" alt="pal man 4">
<img src="./images/palman/DSC_6937.jpg" alt="pal man 1">
<img src="./images/palman/DSC_7221.jpg" alt="pal man 3">
<img src="./images/palman/DSC_6976.jpg" alt="pal man 2">
</div>
</div>
<div class="project_desc_wrapper">
<p>
These photos are from a homecoming concert hosted for our graduating class, Queen's Applied Science and Engineering 2017. The show was at The Mansion in Kingston ON and performed by a group of our classmates who go by the name, "Pal Man and the Dudes Friends".
</p>
</div>
</div>
<div class="project_list_footer">
<span>
More posts coming soon!
</span>
</div>
</div>
</body>
</html>