-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
697 lines (618 loc) · 34.5 KB
/
index.html
File metadata and controls
697 lines (618 loc) · 34.5 KB
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
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Joseph Cameron</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-K7DV04F4RX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-K7DV04F4RX');
</script>
<!-- =======================================================
* Joseph Cameron's Portfolio Website
* By Joseph Cameron
======================================================== -->
</head>
<body>
<!-- ======= Mobile nav toggle button ======= -->
<button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
<!-- ======= Header ======= -->
<header id="header">
<div class="d-flex flex-column">
<div class="profile">
<img src="assets/img/profile-img.jpg" alt="" class="img-fluid rounded-circle">
<h1 style="text-align:center;" class="text-light"><a href="index.html">Joseph Cameron</a></h1>
<div class="social-links mt-3 text-center">
<a href="https://www.github.com/joecameron1" title="My GitHub Profile" class="github"><i class="bx bxl-github"></i></a>
<a href="https://www.instagram.com/jose_cameron" title="My Instagram Profile" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="https://www.facebook.com/joseph.cameron.92" title="My Facebook Profile" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="https://www.linkedin.com/in/josephmcameron" title="My LinkedIn Profile" class="linkedin"><i class="bx bxl-linkedin"></i></a>
<a href="https://www.soundcloud.com/josephmcameron" title="My Soundcloud Profile" class="soundcloud"><i class="bx bxl-soundcloud"></i></a>
</div>
</div>
<nav class="nav-menu">
<ul>
<li class="active"><a href="index.html#hero"><i class="bx bx-home"></i> <span>Home</span></a></li>
<li><a href="#about"><i class="bx bx-user"></i> <span>About</span></a></li>
<li><a href="#portfolio"><i class="bx bx-book-content"></i> Portfolio</a></li>
<li><a href="#resume"><i class="bx bx-file-blank"></i> <span>Resume</span></a></li>
<li><a href="#contact"><i class="bx bx-envelope"></i> Contact</a></li>
</ul>
</nav><!-- .nav-menu -->
<button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
<div class="hero-container" data-aos="fade-in">
<h1>Joseph Cameron</h1>
<h2 style="color:white">PhD Computer Science Student at the University of Cambridge.</h2>
<!-- <p>I’m an informatics graduate looking for further study in Human-Computer Interaction and Design.</p> THIS IS WHERE THE PURPOSE OF THE WEBSITE GOES -->
<p>I'm passionate about <span class="typed" data-typed-items="creating, researching, understanding"></span>usable digital products.</p>
<!-- Hero Buttons -->
<!-- scrollto class is responsible for smooth scroll -->
<div class="row">
<div class="col-lg-4" style="margin-top: 20px; margin-bottom: 20px;">
<a class="hero-button scrollto" href="#portfolio">See My Portfolio <i class="bx bx-book-content"></i></a>
</div>
<div class="col-lg-4" style="margin-top: 20px; margin-bottom: 20px;">
<a class="hero-button scrollto" href="#about">About Me <i class="bx bx-user"></i></a>
</div>
<div class="col-lg-4" style="margin-top: 20px; margin-bottom: 20px;">
<a class="hero-button" href="assets/doc/CV.pdf" download="JosephCameronCV.pdf">Download My CV <i class="bx bx-download"></i></a>
</div>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="section-title">
<h2>About</h2>
</div>
<div class="row">
<div class="col-lg-4" data-aos="fade-right">
<img src="assets/img/profile-img-about.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
<h3>Joseph Manfredi Cameron</h3>
<p class="font-italic">
I am a 28-year-old postgraduate student currently studying for a PhD in Computer Science at the University of Cambridge.
<!-- Currently, I am looking for further study in Human-Computer Interaction & Design. AGAIN, THE PURPOSE CAN GO HERE TOO -->
</p>
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Age:</strong> 28</li>
<li><i class="icofont-rounded-right"></i> <strong>Citizenship:</strong> British & Italian</li>
<li><i class="icofont-rounded-right"></i> <strong>Current Location:</strong> Cambridge, United Kingdom</li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Email:</strong> <a href="mailto:jcameron97@btinternet.com" target="_blank">jcameron97@btinternet.com</a></li>
<li><i class="icofont-rounded-right"></i> <strong>Phone:</strong> <a href="tel:+447719685839">+44 7719 685839</a></li>
<li><i class="icofont-rounded-right"></i> <strong>GitHub Username:</strong> <a href="https://github.com/joecameron1" target="_blank">JoeCameron1</a></li>
</ul>
</div>
</div>
<p>
My experience in studying various aspects of computer science and working as a data scientist has given me a fabulous platform to create and understand complex systems.
What really fascinates me though, are the methods and practices of designing and engineering the ways in which we can successfully interact with these systems, whether that system is a website or a neural network.
As a result, my goal is to pursue further research in Artificial Intelligence, HCI, Human-Centred Computing, and Human-Centred AI as a whole.
<!--As a result, my goal is to pursue further study in HCI and UX design and then forge a career designing exceptional user experiences and making usable digital products.-->
<!--I very much believe that studying for a master's degree in HCI at the University of St Andrews. ADD SOMETHING HERE LATER--><br><br>
In my spare time, I enjoy being outdoors and active.
I especially love hiking and snowboarding in the mountains.
I am a keen snowboarder and I have official SBINZ Level 2 Snowboard Instructor certification.
As well as enjoying mountain sports, I like to run, bike, surf and play the occasional round of golf.
As a creative outlet, I produce music with Logic Pro X and design accompanying album covers.
<!--Some of my tracks (and album cover designs) are on my soundcloud (add link).-->
International travel is very important to me.
I take great pleasure in experiencing new cultures and meeting new people.
</p>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio section-bg">
<div class="container">
<div class="section-title">
<h2>Portfolio</h2>
<p>Here is a diverse collection of my work, ranging from software development projects to essays. Each portfolio project involving the use of computer programming contains a link to its corresponding GitHub repository, where the project's code can be viewed and downloaded.<br><br>For access to all code behind my portfolio projects, and further information about more of my coding projects and assignments not listed here, check out my <a href="https://github.com/joecameron1" target="_blank">GitHub profile</a> and my <a href="https://github.com/JoeCameron1?tab=repositories" target="_blank"> full list of GitHub repositories</a>.</p>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-development">Development</li>
<li data-filter=".filter-design">Design</li>
<li data-filter=".filter-writing">Writing</li>
</ul>
</div>
</div>
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="100">
<!-- The Novel MIDI Controller -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development filter-design filter-writing">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/novelmidicontroller/novelmidicontroller-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="novelmidicontroller.html">The Novel MIDI Controller</a>
</div>
<div class="portfolio-links">
<a href="novelmidicontroller.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- The Knot Classifier -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development filter-design filter-writing">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/knotclassifier/knotclassifier-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="knotclassifier.html">The Knot Classifier</a>
</div>
<div class="portfolio-links">
<a href="knotclassifier.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Botanic Garden UX Design -->
<div class="col-lg-4 col-md-6 portfolio-item filter-design">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/botanicgardenuxdesign/botanicgardenuxdesign-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="botanicgardenuxdesign.html">Botanic Garden UX Design</a>
</div>
<div class="portfolio-links">
<a href="botanicgardenuxdesign.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Ice Age Maze Escape -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development filter-design">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/iceagemazeescape/iceagemazeescape-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="iceagemazeescape.html">Ice Age Maze Escape</a>
</div>
<div class="portfolio-links">
<a href="iceagemazeescape.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Loudness Normalisation -->
<div class="col-lg-4 col-md-6 portfolio-item filter-writing">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/loudnessnormalisation/loudnessnormalisation-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="loudnessnormalisation.html">Loudness Normalisation</a>
</div>
<div class="portfolio-links">
<a href="loudnessnormalisation.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Space Bracer Prototype -->
<div class="col-lg-4 col-md-6 portfolio-item filter-design">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/spacebracerprototype/space-bracer-prototype-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="spacebracerprototype.html">Space Bracer Prototype</a>
</div>
<div class="portfolio-links">
<a href="spacebracerprototype.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- ParkUp -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development filter-design">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/parkup/parkup-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="parkup.html">ParkUp</a>
</div>
<div class="portfolio-links">
<a href="parkup.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Touch-Free Quiz Exhibit -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development filter-design">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/touchfreequizexhibit/touchfreequizexhibit-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="touchfreequizexhibit.html">Touch-Free Quiz Exhibit</a>
</div>
<div class="portfolio-links">
<a href="touchfreequizexhibit.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Remote Object Detection -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development filter-design">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/remoteobjectdetection/remoteobjectdetection-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="remoteobjectdetection.html">Remote Object Detection</a>
</div>
<div class="portfolio-links">
<a href="remoteobjectdetection.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Data Science Toolbox -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/datasciencetoolbox/data-science-toolbox-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="datasciencetoolbox.html">Data Science Toolbox</a>
</div>
<div class="portfolio-links">
<a href="datasciencetoolbox.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Password Checker -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development filter-design">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/passwordchecker/password-checker-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="passwordchecker.html">Password Checker</a>
</div>
<div class="portfolio-links">
<a href="passwordchecker.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Augmented Chang and Roberts Algorithm -->
<div class="col-lg-4 col-md-6 portfolio-item filter-development filter-writing">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/augmentedcralgorithm/augmented-cr-algorithm-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="augmentedcralgorithm.html">New C&R Algorithm</a>
</div>
<div class="portfolio-links">
<a href="augmentedcralgorithm.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Data Protection Essay -->
<div class="col-lg-4 col-md-6 portfolio-item filter-writing">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/dataprotectionessay/data-protection-essay-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="dataprotectionessay.html">Data Protection Essay</a>
</div>
<div class="portfolio-links">
<a href="dataprotectionessay.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Tea Room Wireframe -->
<div class="col-lg-4 col-md-6 portfolio-item filter-design">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/tearoomwireframe/tea-room-wireframe-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="tearoomwireframe.html">Tea Room Wireframe</a>
</div>
<div class="portfolio-links">
<a href="tearoomwireframe.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<!-- Smart Speaker Essay -->
<div class="col-lg-4 col-md-6 portfolio-item filter-writing">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/smartspeakeressay/smart-speaker-essay-cover.jpg" class="img-fluid" alt="">
<div class="portfolio-project-title">
<a href="smartspeakeressay.html">Smart Speaker Essay</a>
</div>
<div class="portfolio-links">
<a href="smartspeakeressay.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= Resume Section ======= -->
<section id="resume" class="resume">
<div class="container">
<div class="section-title">
<h2>Resume</h2>
<p>This is a brief overview of my resume. <a href="assets/doc/CV.pdf" download="JosephCameronCV.pdf">Click here to download my full CV.</a></p>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-up">
<h3 class="resume-title">Sumary</h3>
<div class="resume-item pb-0">
<h4>Joseph Cameron</h4>
<p><em>Innovative and motivated postgraduate looking to pursue further experience in the fields of Human-Computer Interaction, Artificial Intelligence, and User Experience research.</em></p>
<ul>
<li>Creative</li>
<li>Diligent</li>
<li>Organised</li>
<li>Effective Communicator</li>
<li>Reliable Teamworker</li>
</ul>
</div>
<h3 class="resume-title">Education</h3>
<div class="resume-item">
<h4>Doctor of Philosophy in Computer Science</h4>
<h5>October 2024 - Current</h5>
<p><em>University of Cambridge, Cambridge, UK</em></p>
<ul>
<li>Funded by the University of Cambridge's Department of Computer Science & EPSRC Studentship 2024-2028</li>
<li>Member of Magdalene College</li>
</ul>
</div>
<div class="resume-item">
<h4>Master of Philosophy in Advanced Computer Science</h4>
<h5>October 2023 - July 2024</h5>
<p><em>University of Cambridge, Cambridge, UK</em></p>
<ul>
<li>Achieved the Master's Degree Classification of Distinction</li>
<li>Obtained an Overall Mark of 82.5%</li>
<li>Master's Dissertation Project = Recognising, Generating, and Interpolating Timbre in Electric Guitars With Semantic Descriptors (<a href="">see in my portfolio</a>)</li>
<li>Member of Homerton College</li>
</ul>
</div>
<div class="resume-item">
<h4>Master of Science in Human Computer Interaction</h4>
<h5>September 2021 - November 2022</h5>
<p><em>University of St Andrews, St Andrews, Scotland, UK</em></p>
<ul>
<li>Achieved the Master's Degree Classification of Distinction</li>
<li>Obtained an Overall GPA of 18.2/20 and a Place on the Dean's List</li>
<li>Master's Dissertation Project = The Novel MIDI Controller: Designing & Implementing a User-Centred MIDI Controller (<a href="novelmidicontroller.html">see in my portfolio</a>)</li>
</ul>
</div>
<div class="resume-item">
<h4>Bachelor of Science (Honours) in Informatics</h4>
<h5>September 2014 - June 2018</h5>
<p><em>University of Glasgow, Glasgow, Scotland, UK</em></p>
<ul>
<li>Achieved Strong Upper Second Class Honours (2:1)</li>
<li>Honours Dissertation Project: Using Machine Learning to Understand the Topology of Knots (<a href="knotclassifier.html">see in my portfolio</a>)</li>
</ul>
</div>
<div class="resume-item">
<h4>Bachelor of Science in Computer Science</h4>
<h5>September 2016 - May 2017</h5>
<p><em>University of Toronto, Toronto, ON, Canada</em></p>
<ul>
<li>International Exchange Year</li>
</ul>
</div>
<h3 class="resume-title">Research Publications</h3>
<div class="resume-item">
<h4>Multimodal Gender Fairness in Depression Prediction: Insights on Data from the USA & China</h4>
<h5>2024</h5>
<p><em>Joseph Cameron, Jiaee Cheong, Micol Spitale, Hatice Gunes</em></p>
<ul>
<li>Lead author on a conference paper accepted at the 12th International Conference on Affective Computing and Intelligent Interaction (ACII 2024).</li>
<li><a href="https://doi.org/10.48550/arXiv.2408.04026">Read this paper here</a>.</li>
</ul>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<h3 class="resume-title">Academic Awards & Scholarships</h3>
<div class="resume-item">
<h4>Magdalene College Lincoln Award</h4>
<h5>2025</h5>
<p><em>Magdalene College, University of Cambridge</em></p>
<ul>
<li>Awarded to students of Magdalene College, Cambridge who demonstrate a high level of musicianship and ability on their instrument or voice.</li>
<li>Awarded for my <a href="https://www.soundcloud.com/josephmcameron">music production portfolio</a>.</li>
</ul>
</div>
<div class="resume-item">
<h4>Advanced Computer Science MPhil Scholarship</h4>
<h5>2023</h5>
<p><em>University of Cambridge</em></p>
<ul>
<li>Awarded from the Department of Computer Science & Technology at the University of Cambridge before matriculation.</li>
</ul>
</div>
<div class="resume-item">
<h4>School of Computer Science Award for the MSc in Human Computer Interaction</h4>
<h5>2022</h5>
<p><em>University of St Andrews</em></p>
<ul>
<li>Awarded to the student with the highest overall GPA.</li>
</ul>
</div>
<div class="resume-item">
<h4>University of St Andrews Deans' List 2021/2022</h4>
<h5>2022</h5>
<p><em>University of St Andrews</em></p>
<ul>
<li>Awarded to students who achieve a GPA of 16.5 or over in their degree.</li>
</ul>
</div>
<h3 class="resume-title">Professional Experience</h3>
<div class="resume-item">
<h4>Snowboard Instructor</h4>
<h5>October 2019 - April 2020</h5>
<p><em>NVSS, Niseko, Hokkaido, Japan</em></p>
<ul>
<li>Completed a winter season of snowboarding in Niseko, Japan. Involved training 5 days a week to improve my snowboarding and teaching skills, alongside working as a snowboard instructor.</li>
<li>Achieved my Level 1 and Level 2 SBINZ (Snowboard Instruction New Zealand) certifications during the season.</li>
<li>Significantly improved my communication and interpersonal skills while instructing snowboarders of various ages, backgrounds and nationalities.</li>
</ul>
</div>
<div class="resume-item">
<h4>Data Scientist</h4>
<h5>July 2018 - December 2018</h5>
<p><em>Boxergy Ltd, Edinburgh, Scotland, UK</em></p>
<ul>
<li>Analysed and cleansed the University of Edinburgh’s IDEAL dataset and various raw ELEXON datasets using Python to gain insight into household energy usage.</li>
<li>Trained regression models and neural networks on the aforementioned datasets to predict both household energy usage and energy pricing on various energy markets.</li>
<li>Data analysis, data visualisation and machine learning skills in Python and MATLAB were crucial to secure over £100,000 of funding for Boxergy from the EU-backed Climate KIC accelerator programme and the UK government-backed BEIS Domestic DSR Phase 1 competition grant.</li>
<li>Effectively communicated all analytical findings from data analysis and machine learning projects, both verbally and via data visualisations, to the company’s board members during weekly board meetings.</li>
</ul>
</div>
</div>
</div>
</div>
</section><!-- End Resume Section -->
<!-- ======= Skills Section ======= -->
<section id="skills" class="skills section-bg">
<div class="container">
<div class="section-title">
<h2>Technical Skills</h2>
<p>Here is a selection of programming languages I am proficient in:</p>
</div>
<div class="row content">
<div class="col-lg-4" data-aos="fade-up">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Python</strong></li>
<li><i class="icofont-rounded-right"></i> <strong>Java</strong></li>
<li><i class="icofont-rounded-right"></i> <strong>C</strong></li>
</ul>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>HTML</strong></li>
<li><i class="icofont-rounded-right"></i> <strong>CSS</strong></li>
<li><i class="icofont-rounded-right"></i> <strong>JavaScript</strong></li>
</ul>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>SQL</strong></li>
<li><i class="icofont-rounded-right"></i> <strong>Haskell</strong></li>
<li><i class="icofont-rounded-right"></i> <strong>Swift</strong></li>
</ul>
</div>
</div>
</div>
</section><!-- End Skills Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<h2>Contact</h2>
<p>Get in touch with me!</p>
</div>
<div class="row" data-aos="fade-in">
<div class="col-lg-5 d-flex align-items-stretch">
<div class="info">
<!-- EMAIL -->
<div class="email">
<i class="icofont-envelope"></i>
<h4>Email:</h4>
<p><a href="mailto:jcameron97@btinternet.com" target="_blank">jcameron97@btinternet.com</a></p>
</div>
<!-- PHONE -->
<div class="phone">
<i class="icofont-phone"></i>
<h4>Call:</h4>
<p><a href="tel:+447719685839">+44 7719 685839</a></p>
</div>
<!-- SKYPE -->
<div class="skype">
<i class="icofont-skype"></i>
<h4>Skype Username:</h4>
<p>joe_cameron4</p>
</div>
<!-- INSTAGRAM -->
<div class="instagram">
<i class="icofont-instagram"></i>
<h4>Instagram:</h4>
<p><a href="https://www.instagram.com/jose_cameron">instagram.com/jose_cameron</a></p>
</div>
<!-- LINKEDIN -->
<div class="linkedin">
<i class="icofont-linkedin"></i>
<h4>LinkedIn:</h4>
<p><a href="https://www.linkedin.com/in/josephmcameron">linkedin.com/in/josephmcameron</a></p>
</div>
</div>
</div>
<div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-stretch">
<form action="https://formspree.io/f/meqpzklq" method="post" role="form" class="php-email-form">
<div class="form-row">
<div class="form-group col-md-6">
<label for="name">Your Name</label>
<input type="text" name="name" class="form-control" id="name" data-rule="minlen:4" data-msg="Please enter at least 4 characters" />
<div class="validate"></div>
</div>
<div class="form-group col-md-6">
<label for="name">Your Email</label>
<input type="email" class="form-control" name="email" id="email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<label for="name">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" data-rule="minlen:4" data-msg="Please enter at least 4 characters" />
<div class="validate"></div>
</div>
<div class="form-group">
<label for="name">Message</label>
<textarea class="form-control" name="message" rows="10" data-rule="required" data-msg="Please write something for us" style="height: 100px;"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright <strong><span>Joseph Cameron</span></strong>
</div>
<div class="credits">
Made by Joseph Cameron<br><a href="https://github.com/JoeCameron1/JoeCameron1.github.io" target="_blank">View the code on GitHub</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>