-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
439 lines (366 loc) · 29.4 KB
/
about.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
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<title style="font-size: 60%;">About Me</title>
</head>
<body style="background-color: #28282b;">
<div class="mobilemenubutton">
<div id="rcorners1" class="child" onclick="setVisible('mobile_menu')" style="width: fit-content; height: fit-content;">
<i class="material-symbols-rounded" id="" style="padding: 3px; font-size: 32px; color: aliceblue;"> menu </i>
</div>
</div>
<div id="mobile_menu" style="height: fit-content;">
<div id="rcorners1" style="width: 100%; height: fit-content; padding-bottom: 20px; background-color: #252527;">
<div>
<div class="center" id="" onclick="setInvisible('mobile_menu')" style=" width: fit-content; position: absolute; top: 10px; margin-left: 0px; user-select: none;">
<i class="material-symbols-rounded" id="navbarformat" style="color: aliceblue;"> chevron_left </i>
</div>
<div style="width: 100%; height: 100%; display: flexbox; flex-direction: column; margin-top: 55px; padding-top: 20px; text-align: center;">
<div class="m_menubutton">
<a href="index.html" class="m_menubutton" style="color: aliceblue; text-decoration: none;">
<i class="material-symbols-rounded" id="navbarformat"> Home </i>
<p style="margin: 0;"> Home </p>
</a>
</div>
<div class="m_menubutton">
<a href="about.html" style="color: aliceblue; text-decoration: none;">
<i class="material-symbols-rounded" id="navbarformat"> recent_patient </i>
<p style="margin: 0;"> Skills </p>
</a>
</div>
<div class="m_menubutton">
<a href="contact.html" class="m_menubutton" style="color: aliceblue; text-decoration: none;">
<i class="material-symbols-rounded" id="navbarformat"> contact_page </i>
<p style="margin: 0;"> Contact </p>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="leftbar">
<div>
<div id="abs_center">
<nav>
<ul>
<li><a href="index.html">
<i class="material-symbols-rounded" id="navbarformat"> Home </i>
<p id="abs_center" style="margin: 0;"> Home </p>
</a></li>
<li><a href="about.html">
<i class="material-symbols-rounded" id="navbarformat"> recent_patient </i>
<p id="abs_center" style="margin: 0;"> Skills </p>
</a></li>
<li id="abs_center"><a href="contact.html">
<i class="material-symbols-rounded" id="navbarformat"> contact_page </i>
<p id="abs_center" style="margin: 0;"> Contact </p>
</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="socialbar" style="height: fit-content;">
<div>
<div id="abs_center" style="display: inline; flex-wrap: nowrap; flex-direction: row;">
<a href="https://github.com/NiicoNiicoDev" style="margin-right: 10px;">
<img src="images/social/githubicon.png" class="portfolioimage" alt="github" style="max-width: 32px; max-height: 32px; min-height: 32px; min-width: 32px;">
</a>
<a href="https://www.linkedin.com/in/georgewcottrell/">
<img src="images/social/linkedinIcon.png" class="portfolioimage" alt="linkedin" style=" max-width: 32px; max-height: 32px; min-height: 32px; min-width: 32px;">
</a>
</div>
</div>
</div>
<div class="rightbody" id="rightbody" style="width: 80%;">
<div id="abs_center">
<div id="rcorners1" style="width: fit-content;">
<p id="abs_center" style="font-size:4em; font-weight: bolder; margin-top: 20px; text-align: center;">
Skills and Experience
</p>
</div>
</div>
<hr id="abs_center" style="width: 90%; margin-bottom: 1px;">
<div class="center" style="width: 90%; ">
<div id="portfolio_grid" style="padding-left: 20px; padding-bottom: 30px;">
<div class="center" style="padding-top: 40px; width:100vw; padding-left: 10px; padding-right: 10px;">
<div id="rcorners1" class="center" style="margin-bottom: 20px; width: fit-content;">
<p id="abs_center" style="font-size:xx-large; font-weight: bold; padding: 20px; margin: 0; text-align: center;">
Programming Languages
</p>
</div>
<hr id="abs_center" style="width: 20%; margin-bottom: 80px;">
</div>
<div class="center" style="flex-wrap: wrap; display: inline-flex; width: fit-content; padding-bottom: 20px; align-content: center; justify-content: center;">
<div class="projectcontainer" style="width: fit-content; padding-bottom: 40px;">
<div id="abs_center">
<a href="https://isocpp.org/">
<img src="images/about/cpp_logo.png" class="portfolioimage" alt="UELogo" style=" max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
C++
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
C++ is my language of choice when it comes to programming. Having started using it back in 2020 when first learning how to use Unreal Engine 4,
I've gone on to develop my knowledge and understanding around C++ syntax, standards and general knowledge.
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
My work in C++ can be seen in projects I've worked on such as my <a style="color: aquamarine; text-decoration: underline;" href="tetris.html">tetris project
</a> from my university studies and also my <a style="color: aquamarine; text-decoration: underline;" href="dissertation.html">dissertation project</a>; again from my time at university.
Each project had a unique set of challenges and unfamiliarities that I had to overcome when creating each project.
</p>
</div>
</div>
</div>
</div>
<div class="projectcontainer" style="width: fit-content; padding-bottom: 40px;">
<div id="abs_center">
<a href="https://dotnet.microsoft.com/en-us/languages/csharp">
<img src="images/about/csLogo.png" class="portfolioimage" alt="UELogo" style="width: 20vw; height: 20vw; max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
C#
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
C# is a language that I first began using during my first year of university back in 2020 when first starting out with the Unity game engine.
C# is a language that I am still fluidly using today to create projects such as
<a style="color: aquamarine; text-decoration: underline;" href="kitchennightmare.html">Kitchen Nightmares</a>
and <a style="color: aquamarine; text-decoration: underline;" href="cubeclimber.html">Cube Climbers</a>.
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
Althought I have generally transitioned away from C# usage in favor of languages such as C++ and Python, my fundamental knowledge of the language is still very strong and my
ability to use and understand language has not changed. Further to this from my experience gained through the use of languages such as C++ and Python I believe that my programming
ability for C# has only improved thanks to my expanded knowledge.
</p>
</div>
</div>
</div>
</div>
<div class="projectcontainer" style="width: fit-content; padding-bottom: 40px;">
<div id="abs_center">
<a href="https://www.python.org/">
<img src="images/about/pythonLogo.png" class="portfolioimage" alt="UELogo" style="width: 20vw; height: 20vw; max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
Python
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
Python is one of the second programming language I ever learned to write any level of code in, obviously beginning with the basic 'Hello World' program back in my foundation year of university back in 2019.
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
From this I've gone on to use Python across a number of projects including my <a style="color: aquamarine; text-decoration: underline;" href="PNOBTB.html">Sylvi BTB</a>.
automation tool for PokeNexus. Alongside this I also worked on several projects during my tenure at MatBlas that used python to create insurance pricing models on the HX Renew platform.
</p>
</div>
</div>
</div>
</div>
<div class="projectcontainer" style="width: fit-content; padding-bottom: 40px;">
<div id="abs_center">
<a href="">
<img src="images/about/HTML5.png" class="portfolioimage" alt="UELogo" style="width: 20vw; height: 20vw; max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
HTML / Web Development
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
My first experience with HTML development was back in 2014 when I was tasked with creating a basic HTML4 website for GCSE ICT course. After this had little personal interest in further exploring HTML development.
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
Approaching end of my second year of university my interest in HTML and web development was re-ignited when I decided that i'd love to test myself by creating my own website to showcase my portfolio. So if you're seeing this you can presume I achieved this goal.
</p>
</div>
</div>
</div>
</div>
<div class="projectcontainer" style="width: fit-content; padding-bottom: 40px;">
<div id="abs_center">
<a href="https://www.qt.io/">
<img src="images/about/QTLogo.png" class="portfolioimage" alt="UELogo" style="width: 20vw; height: 20vw; max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
QT / QML
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
My first interaction with QT and QML was during my university based internship at ChamSys. QT and QML were used an interface design and
bridging tool between a predominantly C++ driven backend for both the QuickQ and MagicQ software. During my intership at ChamSys i was tasked with creating both the front and back end implementations
for both a file search and sorting system as well as a BPM detection tool and a histogram interface to display the BPM data.
</p>
</div>
</div>
</div>
</div>
</div>
<hr id="abs_center" style="width: 90%;">
<div class="center" style="padding-top: 40px; width:100vw; padding-left: 10px; padding-right: 10px;">
<div id="rcorners1" class="center" style="margin-bottom: 20px; width: fit-content;">
<p id="abs_center" style="font-size:xx-large; font-weight: bold; padding: 20px; margin: 0; text-align: center;">
Game Engines
</p>
</div>
<hr id="abs_center" style="width: 20%; margin-bottom: 80px;">
</div>
<div class="center" style="flex-wrap: wrap; display: inline-flex; width: fit-content; padding-bottom: 20px; align-content: center; justify-content: center;">
<div class="projectcontainer" style="width: fit-content; padding-bottom: 40px;">
<div id="abs_center">
<a href="https://unity.com/">
<img src="images/about/unity_logo.png" class="portfolioimage" alt="Unity" style="width: 20vw; height: 20vw; max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
Unity
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
I have been developed games within the unity engine for the past half-decade.
Throughout this period I have spent most of my time learning the ins and outs
of the unity engine aswell as the C# programming language.
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
My main focus within the unity engine is gameplay and systems programming. I enjoy spending time to learn new methods of
programming the small details and nuances of programming methods and design patterns. Much of this can be seen throughout the
<a style="color: aquamarine; text-decoration: underline;" href="kitchennightmare.html">Kitchen Nightmares</a> project completed
during my 3rd year of university for my collaborative games development module.
</p>
</div>
</div>
</div>
</div>
<div class="projectcontainer" style="width: fit-content; padding-bottom: 40px;">
<div id="abs_center">
<a href="https://www.unrealengine.com/en-US/">
<img src="images/about/UELogo_white.png" class="portfolioimage" alt="UELogo" style="width: 20vw; height: 20vw; max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
Unreal Engine
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
I began developing in Unreal Engine in 2020, slowly developing my skills after transitioning from mainly unity development. From this I began creating more projects
inside UE4 and UE5 such as my <a style="color: aquamarine; text-decoration: underline;" href="tetris.html">tetris recreation</a> and <a style="color: aquamarine; text-decoration: underline;" href="dissertation.html">dissertation project</a> which can both be seen in my previous work
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
I hope to futher develop my skills within unreal engine and further explore things such as mechanics, animation and system programming.
</p>
</div>
</div>
</div>
</div>
</div>
<hr id="abs_center" style="width: 90%;">
<div class="center" style="padding-top: 40px; width:100vw; padding-left: 10px; padding-right: 10px;">
<div id="rcorners1" class="center" style="margin-bottom: 20px; width: fit-content;">
<p id="abs_center" style="font-size:xx-large; font-weight: bold; padding: 20px; margin: 0; text-align: center;">
Modding
</p>
</div>
<hr id="abs_center" style="width: 20%; margin-bottom: 80px;">
</div>
<div class="center" style="flex-wrap: wrap; display: inline-flex; width: fit-content; padding-bottom: 20px; align-content: center; justify-content: center;">
<div class="projectcontainer" style="width: fit-content; padding-bottom: 40px;">
<div id="abs_center">
<a href="https://www.minecraft.net/en-us">
<img src="images/about/minecraft.png" class="portfolioimage" alt="UELogo" style="width: 20vw; height: 20vw; max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
Minecraft Modding / Plugin Development
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
I started creating custom content for minecraft back in 2016 by first venturing into plugin development for both the bukkit and sponge platforms for minecraft multiplayer servers.
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
Closer to 2022 I then began experimenting with the forge and fabric platforms for custom minecraft content. The first complete project i began working on was the Elemental Crops Mod for minecraft forge. Along with other projects such as Niico's Furniture Mod.
</div>
</div>
</div>
</div>
</div>
<hr id="abs_center" style="width: 90%;">
<div class="center" style="padding-top: 40px; width:100vw; padding-left: 10px; padding-right: 10px;">
<div id="rcorners1" class="center" style="margin-bottom: 20px; width: fit-content;">
<p id="abs_center" style="font-size:xx-large; font-weight: bold; padding: 20px; margin: 0; text-align: center;">
Esports
</p>
</div>
<hr id="abs_center" style="width: 20%; margin-bottom: 80px;">
</div>
<div class="center" style="flex-wrap: wrap; display: inline-flex; width: fit-content; padding-bottom: 20px; align-content: center; justify-content: center;">
s
<div class="projectcontainer" style="width: fit-content;">
<div id="abs_center">
<a href="https://www.rocketleague.com/">
<img src="images/about/rocketleague.png" class="portfolioimage" alt="UELogo" style="width: 20vw; height: 20vw; max-width: 400px; max-height: 400px; min-height: 200px; min-width: 200px;">
</a>
</div>
<div id="abs_center">
<div id="rcorners2" style="min-height: 180px; height: fit-content; margin-right: 20px; margin-top: 20px">
<div class="abs_center">
<p style="font-size:large; font-weight: bold; text-align: center; text-decoration: underline; padding-left: 10px; padding-right: 10px;">
Rocket League
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
I began playing Rocket League in September of 2015 and have continued playing ever since. I developed my skills and commitment to
playing competitively in early 2018 which led to me playing semi-professionally. My first LAN tournament appearance was at <a style="color: aquamarine; text-decoration: underline;" href="https://liquipedia.net/rocketleague/Insomnia/65"> Insomnia 65
in August of 2019</a> playing under 'Finding Dort' competing against the likes of Moist Esports' Joyo, Oxygen Esports' Eekso and Elevates' Virtuoso
all of whom appeared at the <a style="color: aquamarine; text-decoration: underline;" href="https://liquipedia.net/rocketleague/Rocket_League_Championship_Series/2022-23"> 2023 Rocket League World Championship</a>.
</p>
<p style="font-size:medium; font-weight: normal; text-align: center; padding-left: 10px; padding-right: 10px;">
After taking my professional career as far as I could, I decided to turn my focus back toward my education and personal development. Throughout
this time I instead took up coaching and analyst roles among various teams. The most notable of these positions was my time spent as a gameplay
analyst at 'Savage' who would go on to play under the FC Barcelona banner.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
function setVisible(id) {
document.getElementById(id).style.visibility = 'visible';
document.getElementById(id).style.width = '100px'
document.getElementById('rightbody').style.opacity = '0.1'
}
function setInvisible(id) {
document.getElementById(id).style.width = '0px'
document.getElementById(id).style.visibility = 'hidden';
document.getElementById('rightbody').style.opacity = '1'
}
</script>