-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
176 lines (169 loc) · 6.75 KB
/
Copy pathindex.html
File metadata and controls
176 lines (169 loc) · 6.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Red Hellier - An Introduction</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles/style.css" />
<link rel="stylesheet" href="styles/colour_style.css" />
<link rel="stylesheet" href="styles/default_red.css" />
</head>
<body>
<!-- HEADER SECTION, NAVIGATION BAR-->
<header id="header">
<div class="sidebar">
<h1>RED</h1>
</div>
<nav class="desktop">
<a
class="tab tab-page"
id="about"
active-tab="true"
href="./index.html"
>
<p>ABOUT ME</p>
</a>
<a class="tab tab-page" id="work" active-tab="false" href="./work.html">
<p>MY WORK</p>
</a>
<a
class="tab tab-page"
id="faves"
active-tab="false"
href="./faves.html"
>
<p>MY FAVES</p>
</a>
</nav>
<div class="mobile dropdown">
<button class="dropdown-button" onclick="displayDropdown()">
ABOUT ME     v
</button>
<div id="dropdown-window" class="dropdown-list">
<a href="./work.html">MY WORK</a>
<a href="./faves.html">MY FAVES</a>
</div>
</div>
</header>
<!-- MAIN SECTION, Scrollbar and Content-->
<main>
<div class="sidebar" id="scrollbar">
<div id="scroller">
<p id="scrollerText"></p>
</div>
</div>
<!-- MAIN page content-->
<!-- ABOUT ME page content-->
<div class="content" id="about">
<figure class="figure" title="About Me">
<img src="images/ProfilePicture.jpg" alt="Red Hellier Profile Picture"/>
<div class="figure-text">
<h1 class="title-text">About Me</h1>
<p>
I am an aspiring software developer with a passion for learning
more. You could say I love software and self development.
</p>
<p>
What I'm looking forward to most about this path I'm on is making
exiting and innovative projects with other people. I have always
loved sharing ideas with friends and colleagues and coming
together to find solutions to problems.
</p>
<p>
Starting in September 2024 I attended the Founders and Coders
coding meetups. This experience has helped me gain a lot of
confidence in my coding skills as well as excitement to use them.
I have met all sorts of people with very different backgrounds and
it's been fantastic getting to chat and compare work with them.
</p>
<p>
With the ever changing nature of this industry it can be easy to
worry about pursuing this path now, but I find that it only gives
me more drive to push on.
</p>
</div>
</figure>
<figure class="figure right" title="Developer">
<img src="images/compsci.jpg" alt="Red Programming"/>
<div class="figure-text">
<h1 class="title-text">The Developer in Me</h1>
<p>
I studied Computer Science at The Univeristy of Sheffield from
2017 - 2020
</p>
<p>Some key modules of my degree include:</p>
<ul>
<li>
Data Driven Computing > We learnt how to build a machine
learning algorithm and used large data sets to improve our
algorithm
</li>
<li>
The Software Hut > In a team of 5, we used Ruby on Rails to
build and deply a web app
</li>
<li>
Human-Machine Interaction and Robotics > We programmed the ev3
Lego Mindstorm Robots to search an area to find a light source,
using seach patterns, object avoidance, and beaconing behaviours
</li>
</ul>
<p>
I have recently developed an in-browser game called SNAC-MAN using
HTML,CSS and Javascript. I used canvas graphics to draw the game
and a grid based collision system. The ghosts all move based on a
basic algorithm that looks ahead to see which direction (up, down,
left, right) is closst to their target square.
</p>
</div>
</figure>
<figure class="figure" title="Creative">
<img src="images/creative.jpg" alt="Red at The Tate Gallery"/>
<div class="figure-text">
<h1 class="title-text">The Creative in Me</h1>
<p>
My desire to become a software developer began as a desire to
become a game developer. Coming up with new ideas and then trying
to build them and test them is an addictive process for me.
</p>
<p>
SNAC-MAN was a very fun challenge as I had to pick which aspects
of each game (PAC-MAN and Snake) to use. For example, should the
snake be able to go back on itself? You can in PAC-MAN, but you
fundamentally can't in snake.Which mechanic would make it more fun
is the question. I decided to go with the snake approach as this
adds a layer of tactical give and take. The longer you are, the
harder it is to move around the maze freely, so you could
sacrifice some of your length to regain some breathing room.
</p>
<p>
Decisions like this are what make game development so interesting
and this extends to all software development. The constant process
of choosing what features to develop and how to tweak them on a
micro level to fit their purpose best.
</p>
<p>
Another passion of mine is film making. I have made two short
films, one solo endeavour and the other a two person project. I am
also currently working on shooting a music video with a friend of
mine. Crafting narratives is such a joy and being able to work
with friends to make them come to lifeis an amazing privilage. I
plan to make many more in future.
</p>
</div>
</figure>
</div>
</main>
<!-- FOOTER SECTION, Accessabilty Options-->
<footer id="footer">
<div class="sidebar">
<h1>-</h1>
<h1>-</h1>
<h1>-</h1>
</div>
<div class="footer-content">
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>