-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
184 lines (139 loc) · 6.67 KB
/
portfolio.html
File metadata and controls
184 lines (139 loc) · 6.67 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
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<head>
<title>treeinsect</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<img id = 'banner' src ='img/banner.png'>
</header>
<aside>
<img id = "asidemain" src ="img/mii/sidemii.png">
<ul id = 'nav'>
<li> <a href = "index.html"> Home </a> </li>
<li> <a href = "portfolio.html"> Portfolio </a> </li>
<li> <a href = "links.html"> Links </a> </li>
</ul>
<p>Welcome to the <b>website</b> of <b>Will Wright</b>!</p>
<p>This page is currently under construction, so for the time being, here are some of my past projects, WIPs, and things I'm involved in!</p>
<img id = "chart" src = "https://ghchart.rshah.org/treeinsect" alt = "A GitHub chart showing my recent commits">
</aside>
<section>
<h3> <u> Portfolio </u></h3>
<div class = "filters">
<ul id = "categories">
<li>
<button class = "filter-btn" data-filter = "all" >
<h3><u>View All</u></h3>
</button>
</li>
<li>
<button class = "filter-btn" data-filter = "hack" >
<h3><u>Hackathon Projects</u></h3>
</button>
</li>
<li>
<button class = "filter-btn" data-filter = "game">
<h3><u>Game Dev</u></h3>
</button>
</li>
<li>
<button class = "filter-btn" data-filter = "3d">
<h3><u>3D Modelling</u></h3>
</button>
</li>
<li>
<button class = "filter-btn" data-filter = "art">
<h3><u>Illustration</u></h3>
</button>
</li>
</ul>
</div>
<div id = "projects">
<div class = "project" data-tags = "hack" href = "https://github.com/sammysahnine/ballmerlyser">
<img style = 'width: 75%;' src = "img/portfolio/ballmer.jpg">
<br>
<p>
<a href = "https://github.com/sammysahnine/ballmerlyser">
<b><u>The Ballmerlyser</u></b>
</a>
<br>
A functioning breathalyser which detects when your blood alcohol level meets the <b>Ballmer Peak,</b> using an alcohol sensor, a microcontroller, and various taped-together breadboards. Made for <b>HackNotts 2024.</b>
</p>
</div>
</a>
<div class = "project" data-tags = "hack">
<img style = 'width: 70%;' src = "img/portfolio/mapperbot.png">
<br>
<p>
<a href = "https://github.com/oli-cs/hacksheffield9">
<b><u>Melody Mapper</u></b>
</a>
<br>
A robot which will draw a picture based on whatever song you play it. Constructed as a series of Python scripts, made for <b>HackSheffield 2024</b>
</p>
</div>
<div class = "project" data-tags = "hack game">
<img style = 'width: 100%;' src = "img/portfolio/fnaf1.png">
<p>
<b><u>Five Nights in A32</u></b>
<br>
A FNAF 1 remake made in <b>Pygame,</b> set in the University of Nottingham's Jubilee Campus. Made for <b>Royal Hackaway 2024.</b>
</p>
</div>
<div class = "project" data-tags = "hack game 3d art">
<img style = 'width: 90%;' src = "img/portfolio/logic1.png">
<p>
<b><u>Logic Poker</u></b>
<br>
Made in <b>Godot</b> with character models made in <b>Blender</b> for <b>HackSussex 2025</b>, Logic Poker is an <i>Inscryption</i>-inspired card game intended to <b>teach formal reasoning/Lean 3.</b>
</p>
</div>
<div class = "project" data-tags = "game 3d art">
<h5> image coming soon!</h6>
<p>
<b><u>Point and Click Personal Website</u></b>
<br>
Get to know me through a <b>raw HTML5 mystery game</b>, complete with graphics <b>modelled and textured by me.</b>
</p>
</div>
<div class = "project" data-tags = "">
<h5> image coming soon!</h6>
<p>
<b><u>Culkulator</u></b>
<br>
A short form which calculates what percentage of Rory Culkin's filmography you've seen. I'm at <b>80%!</b>
</p>
</div>
<div class = "project" data-tags = "art">
<h5> image coming soon!</h6>
<p>
<b><u>The Mortician</u></b>
<br>
A WIP comic about a medical student obsessed with dissection who drops out when confronted with the real thing.
</p>
</div>
<div class = "project" data-tags = "art">
<h5> image coming soon!</h6>
<p>
<b><u>Unearthed</u></b>
<br>
A Level media coursework adapted into a wider story, Unearthed is a fake horror movie about uncovering a small town mystery.
</p>
</div>
<div class = "project">
<p>
... and more to come!!
</p>
</div>
</div>
<table id = "hack" style = "padding: 0px; border-spacing: 2vw;">
<div style = "height: 30px;"></div>
<img id = 'sectionmain' src = 'img/mii/thinkingmii.png' style = "width: 20%; margin-top: -75px; position: relative;">
</section>
<footer>
<p>Hosted on GitHub Pages ^_^</p>
</footer>
<script src="script.js"></script>
</body>
</html>