-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPortfolio.html
222 lines (218 loc) · 11.2 KB
/
Portfolio.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=device-width, initial-scale=1.0">
<title>Joshua Briggs</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">
</head>
<body>
<section class="header">
<nav>
<!-- Displays all the tools used to make the website -->
<a><img src="images/HTML.svg" alt="HTML Logo"></a>
<a><img src="images/CSS.png" alt="CSS Logo"></a>
<div class="nav-links">
<ul>
<!-- Navigational buttons -->
<li><a href="#">PORTFOLIO</a></li>
<li><a href="Contact.html">CONTACT</a></li>
</ul>
</div>
</nav>
<div class="text-box">
<!-- Main title and basic description of the website -->
<h1>Portfolio</h1>
<p>Welcome to my website made in HTML and CSS,<br> this page shows you all my projects I have worked on in the past couple of years.</p>
<!-- The buttons below the text to send you to different links -->
<a href="https://www.linkedin.com/in/joshua-briggs-421507253/" class="hero-btn">Visit my LinkedIn profile</a>
<a href="documents/CV.pdf" class="hero-btn">View my CV</a>
<a href="https://www.youtube.com/@joshua_briggs" class="hero-btn">YouTube</a>
<a href="https://joshua-briggs.itch.io/" class="hero-btn">Itch.io</a>
</div>
</section>
<!-- New section of the website. -->
<section class="portfolio">
<!-- Title and description of this section -->
<h1>Projects</h1>
<p>This is where all the good stuff is at!</p>
<div class="row">
<!-- Subject area with link to the page -->
<a href="Entombed.html">
<div class="portfolio-col2">
<!-- Title -->
<h3>Entombed</h3>
<!-- Description -->
<p>Entombed was initially a solo project building a working PS5 engine from scratch, then we then went and worked on a game as a group, this is a stylized, puzzle thriller all built from scratch!</p>
<!-- Software used (Images) -->
<div class="column-bottom">
<!-- Info displaying date start - finish -->
<h4>2023-2024</h4>
<div class="column-images">
<!-- Software used (Images) -->
<img src="images/PSLogo.png">
<img src="images/VS.png">
<img src="images/C++.png">
<img src="images/jsonlogo.png">
</div>
</div>
</div>
</a>
<!-- Subject area with link to the page -->
<a href="TokyoRCRush.html">
<div class="portfolio-col1">
<!-- Title -->
<h3>Tokyo RC Rush</h3>
<!-- Description -->
<p>This was a game I made for my university development project, I decided to go down an accessibility route with this game, allowing additional advanced customisations to help with player preferences.</p>
<!-- Software used (Images) -->
<div class="column-bottom">
<div class="column-images">
<img src="images/CSharp.png">
<img src="images/VS.png">
<img src="images/Unity.png">
</div>
<!-- Info displaying date start - finish -->
<h4>2023-2024</h4>
</div>
</div>
</a>
<!-- Subject area with link to the page -->
<a href="ConveryorCrazeBurgerBuilder.html">
<div class="portfolio-col2">
<!-- Title -->
<h3>Conveyor Craze Burger Builder</h3>
<!-- Description -->
<p>This was a group project submitted for University, winning the best group game of the year, this game took a little over a month to create and was in collaboration with five other students.</p>
<!-- Software used (Images) -->
<div class="column-bottom">
<!-- Info displaying date start - finish -->
<h4>2023</h4>
<div class="column-images">
<!-- Software used (Images) -->
<img src="images/CSharp.png">
<img src="images/VS.png">
<img src="images/Unity.png">
</div>
</div>
</div>
</a>
<!-- Subject area with link to the page -->
<a href="EternalPossession.html">
<div class="portfolio-col1">
<!-- Title -->
<h3>Eternal Possession</h3>
<!-- Description -->
<p>Eternal Possession is a game I made for a game jam, this is a 2D platformer army manager, the player must use multiple different troops to defeat the enemy.</p>
<!-- Software used (Images) -->
<div class="column-bottom">
<div class="column-images">
<img src="images/CSharp.png">
<img src="images/VS.png">
<img src="images/Aseprite.png">
<img src="images/Unity.png">
</div>
<!-- Info displaying date start - finish -->
<h4>2023</h4>
</div>
</div>
</a>
<!-- Subject area with link to the page -->
<a href="UltraPong.html">
<div class="portfolio-col2">
<!-- Title -->
<h3>Ultra Pong</h3>
<!-- Description -->
<p>Ultra Pong is a game I made for a game jam, this game is based of the classic arcade game of Pong, with a few twists on the play such as power ups, and the game also has added features such as customisable settings and characteristics that build the world the player can see.</p>
<!-- Software used (Images) -->
<div class="column-bottom">
<!-- Info displaying date start - finish -->
<h4>2023</h4>
<div class="column-images">
<!-- Software used (Images) -->
<img src="images/CSharp.png">
<img src="images/VS.png">
<img src="images/Aseprite.png">
<img src="images/Unity.png">
</div>
</div>
</div>
</a>
<!-- Subject area with link to the page -->
<a href="Woodwork.html">
<div class="portfolio-col1">
<!-- Title -->
<h3>Woodwork</h3>
<!-- Description -->
<p>Woodwork is a game about chopping trees down, avoiding each passing branch, collecting points to win a high score to change the map or even the characters. This project in total took me a couple of months, taking a dive into C++ rather then C#. I later submitted this project for my assignment at SHU.</p>
<!-- Software used (Images) -->
<div class="column-bottom">
<div class="column-images">
<img src="images/C++.png">
<img src="images/VS.png">
<img src="images/Aseprite.png">
<img src="images/Unity.png">
</div>
<!-- Info displaying date start - finish -->
<h4>2021-2022</h4>
</div>
</div>
</a>
<!-- Subject area with link to the page -->
<a href="Models.html">
<div class="portfolio-col2">
<!-- Title -->
<h3>Collection of 3D assets</h3>
<!-- Description -->
<p>This collection contains assets I am currently using for an upcoming project. The crate, is a 3Ds Maxes piece whilst the others are all from Blender, I used different softwares to compare and optimise work load.</p>
<div class="column-bottom">
<!-- Info displaying date start - finish -->
<h4>2021-2022</h4>
<!-- Software used (Images) -->
<div class="column-images">
<img src="images/3Ds%20Max.png"</a>
<img src="images/Blender.png"</a>
</div>
</div>
</div>
<!-- Subject area with link to the page -->
<a href="Nivana.html">
<div class="portfolio-col1">
<!-- Title -->
<h3>Nivana</h3>
<!-- Description -->
<p>Nivanna was a small project I worked on in summer over a couple of weeks, after many attempts at game jams, I wanted to take some time and not worry about a deadline. This is a platformer where the player must defeat enemies to progress, using different combat mechanics and beautiful 2D art.</p>
<div class="column-bottom">
<div class="column-images">
<!-- Software used (Images) -->
<img src="images/CSharp.png"</a>
<img src="images/Unity.png"</a>
<img src="images/VS.png"</a>
</div>
<!-- Info displaying date start - finish -->
<h4>2020</h4>
</div>
</div>
<!-- Subject area with link to the page -->
<a href="Pokemon.html">
<div class="portfolio-col2">
<!-- Title -->
<h3>Pokemon</h3>
<!-- Description -->
<p>This was where it all started, this started as a menu screen, taking myself weeks to design the smallest of things, then each week I progressed, making a world out of 2D art, creating randomised battles, collecting and walking with Pokemon. This project was the spark of my game dev career.</p>
<div class="column-bottom">
<!-- Info displaying date start - finish -->
<h4>2018-2019</h4>
<div class="column-images">
<!-- Software used (Images) -->
<img src="images/VS.png"</a>
<img src="images/Unity.png"</a>
<img src="images/CSharp.png"</a>
</div>
</div>
</div>
</div>
</section>
</body>