-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
235 lines (215 loc) · 9.32 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
<!DOCTYPE HTML>
<!--
Strata by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Modified by Hayden Simpson
-->
<html>
<head>
<title>Hayden Simpson | Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="images/icon.PNG" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a class="image avatar"><img src="images/avatar.png" alt="" /></a>
<h1><strong>My name is Hayden Simpson</strong><br />
Co-Founder & Director<br />
Software Engineer</h1>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/hayden-simpson/" target="_blank"
class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/hdnsimpson" target="_blank" class="icon brands fa-github"><span
class="label">Github</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid fa-envelope"><span
class="label">Email</span></a></li>
</ul>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="row" style="overflow: visible;margin-bottom: 2em">
<h2><a href="#one">About Me</a></h2>
<h2>//</h2>
<h2><a href="#two">My Projects</a></h2>
<h2>//</h2>
<h2><a href="#three">Contact Me</a></h2>
</div>
<header class="major">
<h2>About Me <blink_me>_</blink_me>
</h2>
</header>
<p>I am the Co-Founder & Director of Prismatic Studios Limited, an Auckland, New Zealand based game development studio.
I have worked professionally as a Software Engineer in the fields of Game Development, Web Development and Blockchain.
I am an all round tech enthusiast, a proud NavCoin contributor and University of Auckland educated.
</p>
</section>
<!-- Two -->
<section id="two">
<header class="major">
<h2>My Projects <blink_me>_</blink_me>
</h2>
</header>
<div class="row">
<!-- Community Fund UI -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/navCoinCFund.gif" class="image fit thumb"><img
src="images/thumbs/navCoinCFund.gif" alt="NavCoin Core Community Fund GUI" /></a>
<h3>NavCoin Core Wallet Community Fund GUI</h3>
<p class="projDesc">Using Qt and C++, I created an interface for the Community Fund in the NavCoin Core Wallet,
previously only interactable via command line. This allowed users to create their own proposals
and payment requests, as well as sort and vote for both.</p>
<div class="row" id="projectButtonsRow">
<ul class="col-2 col-6 actions">
<li><a href="https://github.com/navcoin/navcoin-core" target="_blank"
class="button">Code</a></li>
</ul>
<ul class="col-2 col-6 actions">
<li><a href="https://navcoin.org/en/wallets/#download-core" target="_blank"
class="button">Download</a></li>
</ul>
</div>
</article>
<!-- Unreal Engine Perceptive AI -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/perceptiveAI.gif" class="image fit thumb"><img
src="images/thumbs/perceptiveAI.gif" alt="Unreal Engine Perceptive AI" /></a>
<h3>Unreal Engine Perceptive AI</h3>
<p class="projDesc">A perceptive Skeleton Warrior AI implemented in Unreal Engine 4 using the Behaviour Tree.
The AI utilize a Vision, Hearing and Damage sensing perception system in order to react to stimuli to drive
their Idle, Investigating and Attacking behaviours. All animation blueprints and montages as well as sound cues
were implemented as part of this project too.
</p>
</article>
<!-- Crypto Cognizant -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/cryptoCognizant.gif" class="image fit thumb"><img
src="images/thumbs/cryptoCognizant.gif" alt="" /></a>
<h3>Crypto Cognizant</h3>
<p class="projDesc">A full stack web app with a TypeScript React frontend, C# ASP.NET Core backend, SQL relational
database and all hosted on Microsoft Azure. Crypto Cognizant leverages the CryptoCompare.com API
to allow users to find exchanges to sell their coins on for the currencies they want.</p>
<div class="row" id="projectButtonsRow">
<ul class="col-2 col-6 actions">
<li><a href="https://github.com/hdnsimpson/CryptoCognizantFrontEnd" target="_blank"
class="button">Code</a></li>
</ul>
<ul class="col-2 col-6 actions">
<li><a href="https://cryptocognizant.azurewebsites.net/" target="_blank"
class="button">Demo</a></li>
</ul>
</div>
</article>
<!-- COVID-19 Tracker -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/covid19.png" class="image fit thumb"><img
src="images/thumbs/covid19.png" alt="" /></a>
<h3>COVID-19 Tracker</h3>
<p class="projDesc">A React JS app utilizing a RESTful API and axios to provide tracking for statistics around the 2019 Coronavirus, hosted on Heroku. The COVID-19 Tracker leverages API-nCoV2019, providing up to date data from the WHO, CDC, among other sources.</p>
<div class="row" id="projectButtonsRow">
<ul class="col-2 col-6 actions">
<li><a href="https://github.com/hdnsimpson/covid19" target="_blank"
class="button">Code</a></li>
</ul>
<ul class="col-2 col-6 actions">
<li><a href="https://covid19-tracker-hdnsimpson.herokuapp.com/" target="_blank"
class="button">Demo</a></li>
</ul>
</div>
</article>
<!-- Evans Brew House -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/evansBrewHouse.gif" class="image fit thumb"><img
src="images/thumbs/evansBrewHouse.gif" alt="" /></a>
<h3>Evans Brew House</h3>
<p class="projDesc">A 2D bartender simulator written in GML. This project was a submission to the 2018 Global Game Jam and was created by a team of 3 in 48 hours.</p>
<div class="row" id="projectButtonsRow">
<ul class="col-2 col-6 actions">
<li><a href="https://github.com/hdnsimpson/evans-brew-house" target="_blank"
class="button">Code</a></li>
</ul>
<ul class="col-2 col-6 actions">
<li><a href="https://globalgamejam.org/2018/games/evans-brew-house" target="_blank"
class="button">Download</a></li>
</ul>
</div>
</article>
<!-- NavCoffee -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/navCoffee.png" class="image fit thumb"><img
src="images/thumbs/navCoffee.png" alt="" /></a>
<h3>NavCoffee</h3>
<p class="projDesc">A Livestream running on a Raspberry Pi, with an accompanying Discord bot. The stream is run by Python and Bash scripts, and the bot is written in Python. The stream displays the number of donations made to the displayed NavCoin address in real time, and the number of coffees redeemed by developers.</p>
<div class="row" id="projectButtonsRow">
<ul class="col-2 col-6 actions">
<li><a href="https://github.com/hdnsimpson/NavCoffee" target="_blank"
class="button">Code</a></li>
</ul>
<ul class="col-2 col-6 actions">
<li><a href="https://www.twitch.tv/navcoffee" target="_blank"
class="button">Demo</a></li>
</ul>
</div>
</article>
<!-- How Old -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/howOld.png" class="image fit thumb"><img
src="images/thumbs/howOld.png" alt="" /></a>
<h3>How Old</h3>
<p class="projDesc">A TypeScript React web app which leverages the Microsoft cognitive services Face API to find the likely age of a user's image, hosted on Microsoft Azure.</p>
<div class="row" id="projectButtonsRow">
<ul class="col-2 col-6 actions">
<li><a href="https://github.com/hdnsimpson/how-old" target="_blank"
class="button">Code</a></li>
</ul>
<ul class="col-2 col-6 actions">
<li><a href="https://how-old-msa-2019-hsim744.azurewebsites.net/" target="_blank"
class="button">Demo</a></li>
</ul>
</div>
</article>
</div>
</section>
<!-- Three -->
<section id="three">
<header class="major">
<h2>Contact Me <blink_me>_</blink_me>
</h2>
</header>
<p>Please feel free to contact me at my email address below.</p>
<div class="row">
<div class="col-4 col-12-small">
<ul class="labeled-icons">
<li>
<h3 class="icon solid fa-envelope"><span class="label">Email</span></h3>
<a href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="copyright">
<li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>