-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
293 lines (281 loc) · 13.1 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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Micky Reed | My Portfolio</title>
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<!-- Include the EmailJS SDK -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
<script type="text/javascript">
(function(){
emailjs.init({
publicKey: "R9kqfAlTdn5bxdWW5"});
})();
</script>
<script type="text/javascript">
window.onload = function() {
document.getElementById('contactForm').addEventListener('submit', function(event) {
event.preventDefault();
// these IDs from my emailJS templates
emailjs.sendForm('contact_service', 'contact_form', this)
.then(() => {
console.log('SUCCESS!');
// Clear the form
this.reset();
// Display the message
document.getElementById('messageSent').style.display = 'block';
// Hide the message after 3 seconds
setTimeout(() => {
document.getElementById('messageSent').style.display = 'none';
}, 3000);
}, (error) => {
console.log('FAILED...', error);
});
});
}
</script>
</head>
<body>
<header class="tab-header">
<nav class="tab-nav">
<ul class="tab-list">
<li class="tab-item"><a href="#home" class="tab-link">Home</a></li>
<li class="tab-item"><a href="#csharp" class="tab-link">C#</a></li>
<li class="tab-item"><a href="#python" class="tab-link">Python</a></li>
<li class="tab-item"><a href="#other-projects" class="tab-link">Other</a></li>
</ul>
</nav>
</header>
<main>
<section id="home" class="section">
<div class="about-me">
<h1>About Me</h1>
<div class="profile">
<a href="#"><img class="portrait" width="180" height="180" src="images/ninja.png" alt="Image of Micky Reed"></a>
</div>
<div class="about-content">
<p>A graduate software developer with experience in:</p>
<ul>
<li>C#, .NET MVC (UWP & Xamarin)</li>
<li>Python</li>
<li>HTML/CSS</li>
<li>SQL</li>
<li>Unity</li>
<li>IoT and mixed reality applications</li>
</ul>
<p>With an extensive background in project management and cost estimating in residential construction,
I have developed sharp problem-solving abilities, effective communication skills, and a reliable work ethic.
<p>
I am passionate about building software and working on innovative projects that leverage technology to solve
real-world problems
</p>
</div>
<div class="buttons">
<button onclick="window.location.href='#projects'">Projects</button>
<button onclick="window.location.href='#contact'">Contact Me</button>
</div>
</div>
</section>
<section id="projects">
<section id="csharp">
<h1>C# Projects</h1>
<div class="project-content">
<a href="https://github.com/mickyreed/StarBlade/tree/main"
class="github-link"
target="_blank">
<picture>
<source srcset="images/vrSnapshot.png" type="image/png">
<img class="project-image" src="images/vrSnapshot" width="300" height="150" alt="Image of Project - Star Blade">
</picture>
</a>
<div class="description">
<h2>Star Blade</h2>
<h3>A VR re-imagined Space Invaders game prototype Built in C# & Unity 3D</h3>
<ul>
<li>Basic level design with start, settings & pause menus</li>
<li>Basic enemy AI wave attack</li>
<li>PLayer has Melee (light saber) and ranged weapon (laser gun))</li>
<li>Player can deflect Space Invader laser shots with light saber</li>
<li>GUI canvas featuring health bar, score and Level </li>
</ul>
<a href="https://github.com/mickyreed/StarBlade/tree/main" class="github-link"
class="github-link"
target="_blank">
<img src="images/github.png" alt="GitHub Icon">
View GitHub Repository
</a>
</div>
</div>
<div class="project-content">
<a href="https://github.com/mickyreed/SumOfAGun/tree/v1.3_Branch"
class="github-link"
target="_blank">
<picture>
<source srcset="images/SumOfAGun1.webp" type="image/webp">
<img class="project-image" src="images/SumOfAGun1.png" width="300" height="150" alt="Image of Project - Sum Of A gun">
</picture>
</a>
<div class="description">
<h2>Sum Of A Gun</h2>
<h3>Doom Style Retro FPS prototype Built in C# & Unity 3D</h3>
<ul>
<li>Grey-boxed level design with start, settings & pause menus</li>
<li>State machine to control enemy AI state - idle, patrol, chase and attack</li>
<li>Melee and ranged enemy variants</li>
<li>Weapon system to define weapon class types, damage and ammunition properties</li>
<li>Key-card system to unlock various doors between map areas</li>
<li>GUI canvas featuring health bar, score, weapon type and ammo count</li>
</ul>
<a href="https://github.com/mickyreed/SumOfAGun/tree/v1.3_Branch" class="github-link"
class="github-link"
target="_blank">
<img src="images/github.png" alt="GitHub Icon">
View GitHub Repository
</a>
</div>
</div>
<div class="project-content">
<a href="https://github.com/mickyreed/TaskList1-1"
class="github-link"
target="_blank">
<picture>
<source srcset="images/TaskList1.webp" type="image/webp">
<img class="project-image" src="images/TaskList1.png" alt="Image of Project - Task Tracker">
</picture>
</a>
<div class="description">
<h2>Task Tracker</h2>
<h3>A task manager application. Built in C# & .Net (UWP)</h3>
<ul>
<li>Built using object oriented programming. inheritance where appropriate</li>
<li>Save and load data from SQL database</li>
<li>Set light or dark mode with ability to keep state between views</li>
<li>CRUD functionality for both tasks and different folders</li>
<li>Filter natural language using regex & <a href="https://github.com/microsoft/Recognizers-Text"
target="_blank" class="product-link">Microsoft.Recognizers.Text</a> to create tasks</li>
<li>Recognise and split date & times from other task information</li>
</ul>
<a href="https://github.com/mickyreed/TaskList1-1"
class="github-link"
target="_blank">
<img src="images/github.png" alt="GitHub Icon">
View GitHub Repository
</a>
</div>
</div>
</section>
<section id="python">
<h1>Python Projects</h1>
<div class="project-content">
<a href="https://github.com/mickyreed/guess_my_word"
class="github-link"
target="_blank">
<picture>
<source srcset="images/GuessMyWord.webp" type="image/webp">
<img class="project-image" src="images/GuessMyWord.png" alt="Image of Project - Guess My Word">
</picture>
</a>
<div class="description">
<h2>Guess My Word</h2>
<h3>A console clone of <a href="https://www.nytimes.com/games/wordle/index.html"
class="product-link" target="_blank">Wordle</a>, written in Python.</h3>
<ul>
<li>Loads word combinations from file to iterate through</li>
<li>Displays coloured letters based on the position of the guessed letter.</li>
<li>Tracks and displays letters used and accounts for multiplicity</li>
<li>Scores based on time and number of guesses</li>
<li>Players can input name and save high score to file</li>
</ul>
</p>
<a href="https://github.com/mickyreed/guess_my_word"
class="github-link"
target="_blank">
<img src="images/github.png" alt="GitHub Icon">
View GitHub Repository
</a>
</div>
</div>
<div class="project-content">
<a href="https://github.com/mickyreed/DroneCommander"
class="github-link"
target="_blank">
<img class="project-image" src="images/telloDrone.jpg" alt="Image of Project"></a>
<div class="description">
<h2>Drone Commander</h2>
<h3>DJITelloPy drone controller interface built using Python and Django</h3>
<ul>
<li>Login and Register functionality for users</li>
<li>CRUD functionality for drones and swarms</li>
<li>Dashboard to view drone and swarm information</li>
<li>Menus for drones & swarms, plus launch button</li>
<li>Telemetry feedback section displaying incoming flight data.</li>
</ul>
<a href="https://github.com/mickyreed/DroneCommander"
class="github-link"
target="_blank">
<img src="images/github.png" alt="GitHub Icon">
View GitHub Repository
</a>
</div>
</div>
</section>
<section id="other-projects">
<h1>Other Projects</h1>
<div class="project-content">
<a href="https://github.com/live-works-diploma/hololens-project/tree/development"
class="github-link"
target="_blank">
<picture>
<source srcset="images/Hololens1.webp" type="image/webp">
<img class="project-image" src="images/Hololens1.jpg" alt="Image of Project - Innovative Greenhouse Monitoring System">
</picture>
</a>
<div class="description">
<h2>Innovative Greenhouse Monitoring System</h2>
<h3>IoT solution using mixed reality, digital twins and cloud services</h3>
<ul>
<li>Harnesses the power of
<a href="https://www.microsoft.com/en-au/hololens" class="product-link"
target ="_blank">Microsoft HoloLens</a>,
<a href="https://azure.microsoft.com/en-us/" class="product-link"
target ="_blank">Azure</a> and
<a href="https://www.arduino.cc/" class="product-link"
target ="_blank">Arduino</a></li>
<li>Monitors optimal conditions in greenhouses hydroponic farming systems</li>
<li>Publishes telemetry data from IoT sensors to Azure IoT Hub using MQTT</li>
<li>Azure functions, Stream Analytics and SQL database storage</li>
<li>Set email alerts via web based dashboard </li>
<li>Interact with near real time data using mixed reality</li>
</ul>
<a href="https://github.com/live-works-diploma/hololens-project/tree/development"
class="github-link"
target="_blank">
<img src="images/github.png" alt="GitHub Icon">
View GitHub Repository
</a>
</div>
</div>
</section>
</section>
<section id="contact">
<h1>Contact Me</h1>
<form id="contactForm">
<!--<input type="hidden" name="contact_number" value="697483">-->
<label>Name</label>
<input type="text" name="user_name">
<label>Email</label>
<input type="email" name="user_email">
<label>Message</label>
<textarea name="message"></textarea>
<input type="submit" value="Send">
</form>
<div id="messageSent" style="display:none;">Message sent!</div>
</section>
</main>
</body>
</html>