-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
256 lines (238 loc) · 12.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
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Jade Marker</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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<span class="fas fa-dove fa-2x" style="color: #5BD600"></span>
<h1>Jade Marker</h1>
<!--
<p>Just another free, fully responsive site template<br />
built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a>.</p>-->
</header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#intro" class="active">More about me</a></li>
<li><a href="#ps1emu">PS1 Emulator</a></li>
<li><a href="#groupengine">Group Game Engine</a></li>
<li><a href="#5thgenconsoles">5th Gen Graphics</a></li>
<li><a href="#ps1programming">PS1 Programming</a></li>
<li><a href="#DirectX">DirectX 11</a></li>
<li><a href="#deltarunebattle">Deltarune battle</a></li>
<li><a href="#Gameboy">Gameboy RPG Framework</a></li>
<li><a href="#fullPortfolio">All of my work</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Introduction -->
<section id="intro" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>More about me</h2>
</header>
<p>
My name is Jade Marker. I studied Computer Games Programming at Staffordshire University
</p>
</div>
<span class="image"><img src="images/profilePicture.png" alt="" /></span>
</div>
</section>
<section id="ps1emu" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>PS1 Emulator</h2>
</header>
<p>
Emulator for the PS1, using Vulkan as a renderer
<br /><br />
Written in C++
<br /><br />
Status: No longer in development
</p>
<ul class="actions">
<li><a href="ps1emu.html" class="button">Learn More</a></li>
</ul>
</div>
<span class="image"><img src="images/ps1 emu.gif" alt="" /></span>
</div>
</section>
<section id="groupengine" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Group Game Engine</h2>
</header>
<p>
Multiplatform game engine, made as a group of 10 for uni
<br /><br />
Written in C++ and C#
<br /><br />
Status: Completed
<i class="far fa-check-circle" style="color: #37d11f"></i>
</p>
<ul class="actions">
<li><a href="groupgameengine.html" class="button">Learn More</a></li>
</ul>
</div>
<span class="image"><img src="images/group engine.png" alt="" /></span>
</div>
</section>
<section id="5thgenconsoles" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>5th Gen Graphics</h2>
</header>
<p>
Talk I did internally at Unity and at Staffordshire University about how the PS1, <br>
Sega Saturn and N64 handle graphics.
</p>
<ul class="actions">
<li><a href="https://www.youtube.com/watch?v=q-jyjDSLYOQ" class="button">Watch here</a></li>
</ul>
</div>
<span class="image"><img src="images/talk.png" alt="" /></span>
</div>
</section>
<section id="ps1programming" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>PS1 Programming</h2>
</header>
<p>
Programming various small projects for the PS1
<br /><br />
Written in C & C++
<br /><br />
</p>
<ul class="actions">
<li><a href="ps1programming.html" class="button">Learn More</a></li>
</ul>
</div>
<span class="image"><img src="images/windmill.gif" alt="" /></span>
</div>
</section>
<section id="DirectX" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>DirectX 11 project</h2>
</header>
<p>
DirectX 11 project. Made as part of the 'Further Games and Graphics Systems' module at Staffordshire University.
<br /><br />
C++ // DirectX
<br /><br />
Status: Completed
<i class="far fa-check-circle" style="color: #37d11f"></i>
</p>
<ul class="actions">
<li><a href="directX.html" class="button">Learn More</a></li>
</ul>
</div>
<span class="image"><img src="images/directx-screenshot.png" alt="" /></span>
</div>
</section>
<section id="deltarunebattle" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Deltarune Battle</h2>
</header>
<p>
Recreation of the battle scene from deltarune, for the Game Boy Color. Made for the gbcompo 21 game jam.
<br /><br />
Z80 Assembly // RGBDS // GBT Player
<br /><br />
Status: Completed
<i class="far fa-check-circle" style="color: #37d11f"></i>
</p>
<ul class="actions">
<li><a href="deltaruneBattle.html" class="button">Learn More</a></li>
</ul>
</div>
<span class="image"><img src="images/deltarune-battle-screenshot-01.png" alt="" /></span>
</div>
</section>
<section id="Gameboy" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Gameboy RPG Framework</h2>
</header>
<p>
RPG Framework for the Gameboy. Made for A Level Computing coursework.
<br /><br />
Z80 Assembly // RGBDS // GBT Player
<br /><br />
Status: Completed
<i class="far fa-check-circle" style="color: #37d11f"></i>
</p>
<ul class="actions">
<li><a href="gameboy.html" class="button">Learn More</a></li>
</ul>
</div>
<span class="image"><img src="images/gameboy-screenshot.png" alt="" /></span>
</div>
</section>
<section id="fullPortfolio" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>All of my work</h2>
</header>
<p>
Above is only a small selection of the work I've done. Everthing else I've worked on can be seen here
</p>
<ul class="actions">
<li><a href="portfolio.html" class="button">Learn More</a></li>
</ul>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Social media</h2>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/jade-marker-311412195/" target="_blank" class="icon brands fa-linkedin alt"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/Jade-Marker" target="_blank" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>
</ul>
</section>
<!--<p class="copyright">© Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>-->
<p class="copyright" style="text-align: center;">© Jade Marker <span id="year"></span>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
<script>
var year = new Date();
document.getElementById("year").innerHTML = year.getFullYear();
</script>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>