-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
312 lines (302 loc) · 16.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
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
<!DOCTYPE html>
<html>
<head>
<title>Dylan King</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel = "stylesheet" href = "styles.css">
<link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity = "sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
crossorigin = "anonymous">
<script type = "text/javascript" src = "scripts.js"></script>
</head>
<body>
<!-- Navigation Bar -->
<div id = "home">
<ul id = "header-container">
<div id = "menu">
<li class = "header-link-container header-link-right"><a id = "button" class = "header-link" href = "#contact">Contact Me</a></li>
<li class = "header-link-container header-link-right"><a id = "button" class = "header-link" href = "#work">My Work</a></li>
<li class = "header-link-container header-link-right"><a id = "button" class = "header-link" href = "#skills">Skills</a></li>
<li class = "header-link-container header-link-right"><a id = "button" class = "header-link" href = "#interests">Interests</a></li>
<li class = "header-link-container header-link-right"><a id = "button" class = "header-link" href = "#about">About</a></li>
<li class = "header-link-container header-link-right"><a id = "button" class = "header-link" href = "#home">Home</a></li>
</div>
<li id = "title" class = "header-link-container"><a id = "button" class = "header-link" href = "https://dylanpking.github.io/">Dylan King</a></li>
</ul>
</div>
<!-- About me -->
<div id = "about-container">
<div id = "about" class = "box body-of-text on-white on-right">
<h1>Hello!</h1>
<h2>Student of Computer Games Development at University of Limerick</h2>
<p>Hi there! I'm Dylan King. I'm currently a 2nd year student of Computer Games Development, at University of Limerick.
I've always had an interest in programming, having first started learning Javascript and Python at a young age,
and formally beginning to learn once I entered university in 2017. I chose the Games Development course because
I thought it allowed for more creative expression, and would lead to being a better disciplined programmer,
with the need to manage computer resources for computer games.
</p>
</div>
</div>
<!-- Interests -->
<div id = "interests-container">
<div id = "interests" class = "box body-of-text on-grey on-left">
<h1>Interests</h1>
<p>I am passionate about programming, having started to learn Python and JavaScript when I was 13.
I've always wanted to learn more, and went to my local CoderDojo for some time,
where I also leaned HTML and CSS, which you can see now.
</p>
<p>I also have a deep interest in video games, having grown up with various consoles.
I was drawn to Games Development, and am now the Public Relations Officer of ULs Games
Development Society, where I am responsible for the societies social media accounts,
and the weekly email for members. The society also runs workshops for various technologies
used in game development, such as Unity, and Krita for animation. We also host Game Jams every
semester, open to members of the society. Below, you'll find my entries into them.
</p>
</div>
</div>
<!-- My Skills -->
<div id = "skills">
<h1 style = "color: rgb(70, 70, 70)">My Skills</h1>
<div id = "skills-container" class = "box-container">
<div class = "box on-grey box-skill">
<i class = "fab fa-java favi-lang"></i>
<h2>Java</h2>
<p>Java was my first language I learned in University. I have made several projects using the language,
some of which you can see below. I like the language because it's very approachable for new programmers,
and is great for learning Object-Oriented Design.
</p>
<p>I also have experience with JUnit for software testing, and Test-Driven Development.
</p>
</div>
<div class = "box on-grey box-skill">
<img src = "https://raw.githubusercontent.com/isocpp/logos/master/cpp_logo.png" alt = "" class = "favi-lang">
<h2>C/C++</h2>
<p>I started learning C last year as part of an Operating Systems module I had. While it wasn't
one of my favourite languages at first, I have grown to like it. It takes away a lot of
the restrictions and safety measures of Java, and is great for writing efficient programs.
</p>
<p>C++ brings all the performance advantages, and Object Oriented Design. I've only recently started C++,
but I've made good progress with my work on my Zork project, which you can see below.
</p>
</div>
<div class = "box on-grey box-skill">
<i class = "fas fa-database favi-lang"></i>
<h2>MySQL</h2>
<p>I started MySQL last semester, as part of my Database Systems module.
I made a sample database as part of a group project, for the multiplayer system of a First-Person-Shooter.
</p>
</div>
<div class = "box on-grey box-skill">
<i class = "fab fa-python favi-lang"></i>
<h2>Python</h2>
<p>Python was one of the first languages I learned. I found it very easy to learn and it is great
to teach the concepts of programming. I currently do not have any projects hosted in Python.
</p>
</div>
<div class = "box on-grey box-skill">
<i class = "fab fa-html5 favi-lang"></i>
<i class = "fab fa-css3-alt favi-lang"></i>
<h2 id = "web-skill">HTML/CSS</h2>
<p>You're looking at my main Web Design project! While I had worked on HTML/CSS previously, my first
major project is this very website. All the CSS is my own, I haven't used any external libraries,
except for favicons. As of right now, I plan on using my own images and assets.
</p>
</div>
<div class = "box on-grey box-skill">
<i class = "fas fa-people-carry favi-lang"></i>
<h2>Teamwork</h2>
<p>I have worked on several group projects during my time in university,
both as part of my course-work, and as part of game jams.
</p>
<p>I believe game jams are great ways to improve your teamwork and communication skills,
as they are short termprojects, packed with content, and the need to both communicate
and delegate. Some of my projects below are from Game Jams.
</p>
</div>
<div class = "box on-grey box-skill">
<i class = "fas fa-comments favi-lang"></i>
<h2>Social Media</h2>
<p>As P.R.O. of the Games Development Society in UL, I've learned how to manage a Facebook page,
and write expressive and clear emails, as part of the societies weekly news-letter.
</p>
</div>
</div>
</div>
<!-- Work/Projects -->
<div id = "work-container">
<div id = "work" class = "box body-of-text on-grey on-right">
<h1>My Work</h1>
<p>I've done plenty of projects as part of my course, including a League Tables Manager,
a Vending Machine using JavaFX, a booking system for a Recreation Centre, a Relational
Database for the Multiplayer backend for a First-Person Shooter, a text-adventure based
on the classic game Zork, and an 8-puzzle solver using the A* algorithm.
</p>
<p>I've also done other projects as part of Game Jams, and personal projects.</p>
</div>
<div id = "project-container">
<h1 style = "color: aliceblue">Projects</h1>
<div id = "proj-container" class = "box-container">
<div id = "league-manager-container" class = "project-container-class box course-project on-grey">
<h2>League Tables Manager</h2>
<p>I worked on this as part of a group project with three other members, using Java Swing and JOptionPanes.
You can create and edit leagues, and generate fixtures and leaderboards.
All data created by the user is persistent between sessions.
</p>
<p>I plan on rewriting this with Object-Oriented Design,
and possibly in C++ instead of Java, or another Object Oriented Language.
</p>
<a href = "https://github.com/DylanPKing/CS4222_ProjOne_Final">
<div class = "proj-link">See more</div>
</a>
</div>
<div id = "rec-centre-container" class = "project-container-class box course-project on-grey">
<h2>Recreation Centre Manager</h2>
<p>I worked on this project as part of a group also, using Java and JOptionPanes.
You can create and edit bookings for a room in a community recreation centre.
</p>
<p>I plan on rewriting this project with many more features, such as multiple rooms,
form filling instead of dialog boxes for inputting user information. The original specifications
provided by the lecturer were more robust, but were simplified due to time constraints.
I plan to rebuild the project according to the original spec, and add my own ideas and improvements.
</p>
<a href = "https://github.com/DylanPKing/CS4222_RecCentre">
<div class = "proj-link">See more</div>
</a>
</div>
<div id = "vending-machine-container" class = "project-container-class box course-project on-grey">
<h2>Vending Machine</h2>
<p>I worked on this project as part of a group, using JavaFX. I worked on the command-line interface,
and linking everyone's parts of the project together.
</p>
<p>This project was based off a lab assignment we had completed several weeks earlier, with the assumption
we would use the code from the lab as a base. I expanded greatly on that base, allowing for the
vending machine to be operated from both a Command-Line interface and a Graphical Interface with ease.
</p>
<a href = "https://github.com/DylanPKing/CS4013VendingMachine">
<div class = "proj-link">See more</div>
</a>
</div>
<div id = "slay-princess-container" class = "project-container-class box personal-project on-grey">
<h2>Slay the Princess, Save the Dragon!</h2>
<p>I made this game as part of a group of four for a Game Jam in first year.
We used Twine, an online text adventure creator built with JavaScript.
I had a lot of fun making this game, as it was one of our first experiences with a fast paced project,
and we got a lot of work done in a short amount of time.
</p>
<div class = "proj-link">More coming soon!</div>
</div>
<div id = "spooky-dodge-container" class = "project-container-class box personal-project on-grey">
<h2>Spooky Dodge</h2>
<p>This game was made as part of another Game Jam, using PICO-8, an all-in-one creation suite for 8-bit games.
The game was programmed in a variant of Lua, but I would not consider myself proficient in Lua,
due to the vast differences PICO-8's API brings.
</p>
<p>The objective of the game is very simple. You play as a woman, who must jump to avoid all
the monsters passing across the screen. You have 3 Hit Points, and a period of invulnerability after being hit.
</p>
<p>This game was a lot of fun to make, and I hope to work with PICO-8 again at some point.</p>
<div class = "proj-link">More coming soon!</div>
</div>
<div id = "zork-container" class = "project-container-class box personal-project on-grey">
<h2>The Saga... of Something...</h2>
<p>This game was a solo project made as part of my Event-Driven Programming module, and was based on code
provided by my lecturer. The purpose of the project was to create a text adventure, like the classic game Zork.
</p>
<p>The purpose of the project was learn C++, and the principles of Event-Driven Programming through Qt.
I chose to write the game from scratch, for more practise with both the language and the API.
</p>
<p>The objective of the game is simple. Collect all the pieces of armour and the sword and
drop them in the correct room.
</p>
<p>I plan on greatly expanding this project. I plan to add a story, enemies, a turn-based combat system,
and redesign the user interface.
</p>
<a href = "https://github.com/DylanPKing/NewZork">
<div class = "proj-link">See more</div>
</a>
</div>
<div id = "8puzzle-container" class = "project-container-class box personal-project on-grey">
<h2>8-Puzzle Solver</h2>
<p>This was a group project as part of my Intelligent Systems module. We had to create a program that
could solve the 8-Puzzle using the A* algorithm. The program is able to solve the most complicated 8-Puzzle
configuration in 17 seconds, and is also able to solve 15-Puzzle configurations.
</p>
<p>The project specification required it was written in Java. I am currently rewriting the project in C,
and further improving its efficiency.
</p>
<a href = "https://github.com/DylanPKing/CS4006_AStar_8Puzzle">
<div class = "proj-link">See more</div>
</a>
</div>
<div id = "8puzzle-C-container" class = "project-container-class box personal-project on-grey">
<h2>8-Puzzle Solver (C Edition)</h2>
<p>This is a recreation of my previous course project in the C language. I chose C because it is a much more
limiting language than Java, and I wanted to test my ability with the language.
</p>
<p>Another reason I chose C was because I had no previous experience with using structures in programming,
and thought this project would be a good opportunity to understand them.
</p>
<p>This project is a work-in-progress, so come take a look!</p>
<a href = "https://github.com/DylanPKing/8-Puzzle_in_C">
<div class = "proj-link">See more</div>
</a>
</div>
<div id = "db-container" class = "project-container-class box personal-project on-grey">
<h2>Multiplayer Shooter Database</h2>
<p>This project was part of my Database systems module. Our group had to create a relational database in MySQL
which included multiple tables with meaningful relations. Most of the tables also had to include data from
other tables in the database.
</p>
<p>Our group chose to make a database for a multiplayer first-person shooter, because it was easy to conceptualise
the different tables that could exist in such a database, and to be able to connect these tables to each other.
</p>
<p>We also had to include triggers, stored procedures and functions, indexes, with justifications for all of them.
</p>
<p>The entire project, along with a more detailed report, including an Entity Relationship Diagram and more is
available if you click below!
</p>
<a href = "https://github.com/DylanPKing/CS4416Project">
<div class = "proj-link">See more</div>
</a>
</div>
<div id = "website-container" class = "project-container-class box personal-project on-grey">
<h2>Online Portfolio<br>(This website!)</h2>
<p>As I said <a href = "#web-skill" class = "proj-info-link"><b>above</b></a> this website is my first HTML/CSS project. I learned most of
my knowledge from <a href = "https://www.w3schools.com/" class = "proj-info-link"><b>w3schools</b></a>.
</p>
<p>The cover photo is from the President's Access Scholars Award Ceremony, and all other photos were
taken by me.
</p>
<a href = "https://github.com/DylanPKing/DylanPKing.github.io">
<div class = "proj-link">See more</div>
</a>
</div>
</div>
</div>
</div>
<!-- Contact Me -->
<div id = "contact-container">
<div id = "contact" class = "on-grey">
<h1>Get in Contact!</h1>
<a href = "https://www.facebook.com/DylanPKing567"><i class = "fab fa-facebook favi-link"></i></a>
<a href = "https://www.linkedin.com/in/dylanpking/"><i class = "fab fa-linkedin favi-link"></i></a>
<a href = "mailto:kingdylan11@outlook.com"><i class = "far fa-envelope favi-link"></i></a>
</div>
</div>
<!-- Back to top quick link -->
<div id = "back-to-top-container">
<a href = "#home">
<div id = "button" class = "btt-link">
Back to top
</div>
</a>
</div>
</body>
</html>
<!--
Alternate divs, start right, next one left, next one right, etc...
background image for each div, full width of page
selfie for about
screenshot of code, program running for work,
Social media logos for contact
-->