/
hobbies.html
56 lines (56 loc) · 2.98 KB
/
hobbies.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
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
<script src="javascript/main.js"></script>
<title>
Hobbies
</title>
</head>
<body>
<header>
<a href="index.html" class="title"> PORTFOLIO </a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="video.html">Video</a></li>
<li class="highlight"><a href="hobbies.html">Hobbies</a></li>
<li><a href="courseWork.html">Course Work</a></li>
<li><a href="animation.html">Animation</a></li>
<li style="margin-top: 20px;"><a href="otherProjects.html">Other Projects</a></li>
</ul>
</nav>
<h3>Change style</h3>
<ul class="colorSwitcher">
<li><input style="background-color: rgba(199, 43, 63,1);" id="switch-style" type="button" value="" onclick="changeToRed()"/></li>
<li><input style="background-color: rgba(31, 181, 71, 1);" id="switch-style" type="button" value="" onclick="changeToGreen()"/></li>
<li><input style="background-color: rgba(34, 95, 135, 1);" id="switch-style" type="button" value="" onclick="changeToBlue()"/></li>
</ul>
</header>
<div class="mainContent">
<h1 style="margin-bottom: 0px;">HOBBIES</h1>
<ul>
<li>
<img style="width:100%;" src="assets/hobbies-px.png">
<h2> Pixel-Art </h2>
</li>
<li>
<img style="width:100%;" src="assets/2022-07-28-23-09-47.1588770.png">
<h2> Game Development </h2>
</li>
</ul>
<h2 style="max-width: 50%;">I have two major hobbies that take up the majority of my free time, these are
<span class="highlightText">pixel-art</span> and
<span class="highlightText">game development</span> (the latter more than the former).
They do have an obvious overlap, however, for the last month or two I've been working mostly in 3D (in collaboration with an artist friend going to Portsmouth Uni).
Doing pixel-art is still fun, so occasionally I'll draw something like the image on the left.
The tools/programs I use are the
<span class="highlightText">Unity Game Engine</span>,
<span class="highlightText">Aesprite</span>,
<span class="highlightText">LabChirp</span> and
<span class="highlightText">Blender</span></h2>
<h2 style="max-width: 50%;">I also play videogames, mainly multiplayer games with friends. Recently I've been playing a lot of Overwatch 2 but in the past it's been Apex Legends, Deep Rock Galactic, Minecraft, etc.</h2>
</div>
</body>
</html>