-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (132 loc) · 6.86 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
<!DOCTYPE HTML>
<!--
Strata by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Mathew Hill | 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" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<center>
<div class="image avatar"><img src="images/avatar.jpg" alt="" /></div>
<h1><strong>Mathew Hill</strong><br />
<h5>Game Developer</h5>
<h5>1st Class BSc (Hons) graduate in Games Development from Staffordshire University.</h5>
</center>
<a href="#one"><h1>Released Projects</h1></a>
<a href="#two"><h1>University Projects</h1></a>
<a href="#three"><h1>Contact</h1></a>
</h1>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<h1>Released Projects</h1>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<iframe class="image fit thumb" width="100%" height="217" src="https://www.youtube.com/embed/H--TGDr7g2M?controls=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<a href="https://gamejolt.com/games/realm-of-rulers/222904"><h2>Realm of Rulers</h2></a>
<p>Realm of Rulers is a multiplayer medieval fantasy city building game with over 100,000 downloads, 300,000 page views and over 2 million Youtube views.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<iframe class="image fit thumb" width="100%" height="217" src="https://www.youtube.com/embed/OoUi7Q9qg0k?controls=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<a href="https://www.youtube.com/channel/UC5PUpseP8b5Ju5gaUkCo_Qw/videos"><h2>SCP: Recontainment</h2></a>
<p>The ultimate multiplayer SCP experience.</p> <p>Experience initial containments, decontaminations and encounters with many of the wiki's scariest and most mysterious SCPs.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="https://play.google.com/store/apps/details?id=com.mhtgames.catchgame"><img src="images/pic04.jpg" width="100%" height="217" alt="" class="image fit thumb"/></a>
<a href="https://play.google.com/store/apps/details?id=com.mhtgames.catchgame"><h2>Catch</h2></a>
<p>Catch is a free mobile game made using Unity. Collect orbs to compete on the global leaderboard.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<iframe class="image fit thumb" width="100%" height="217" src="https://www.youtube.com/embed/aThp79w3Fvw?controls=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<a href="https://gamejolt.com/games/scpr087/432875"><h2>SCP: 087 Experience</h2></a>
<p>The standalone SCP 087 singleplayer experience from SCP: Recontainment.</p>
</article>
</div>
<div id="two">
<h1>University Projects</h1>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<img src="images/pic12.jpg" width="100%" height="217" alt="" class="image fit thumb"/>
<h2>High Concurrency Game Network System - Final Dissertation Project</h2>
<p>C++ multi-threaded game networking system using ASIO to support hundreds of concurrent players in a single game world.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<img src="images/pic10.jpg" width="100%" height="217" alt="" class="image fit thumb"/>
<h2>Mathew's Mod</h2>
<p>Mathew's Mod is an Unreal Engine 4 recreation of the game Garry's Mod. This was made for the first semester of my second year at university to learn and make a simple game using Unreal Engine C++.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<img src="images/pic11.jpg" width="100%" height="217" alt="" class="image fit thumb"/>
<h2>Osiris Online</h2>
<p>A 2D medieval fantasy MMORPG created in C# using SFML and sockets. This was created for the second semester of my second year at university to learn how to use C# and sockets (TCP and UDP).</p>
</article>
</div>
</div>
</section>
<!-- Three -->
<section id="three">
<h2>Get In Touch</h2>
<div class="row">
<div class="col-8 col-12-small">
<form action="https://formspree.io/[email protected]" method="POST">
<div class="row gtr-uniform gtr-50">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="_replyto" id="email" placeholder="Email" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="primary" /></li>
</form>
</ul>
</div>
<div class="col-4 col-12-small">
<ul class="labeled-icons">
<li>
<a href="https://twitter.com/mattdev_"><h3 class="icon brands fa-twitter"><span class="label">Twitter</span></h3>
@mattdev_
<br /></a>
</li>
<li>
<a href="https://linkedin.com/in/mathewthill"><h3 class="icon brands fa-linkedin"><span class="label">LinkedIn</span></h3>
LinkedIn
<br /></a>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/mattdev_" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://linkedin.com/in/mathewthill" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/mathewthill" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
<ul class="copyright">
<li>© Mathew Hill</li><li>Design: <a href="http://html5up.net">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>