This repository was archived by the owner on Aug 3, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
145 lines (128 loc) · 6.33 KB
/
index.html
File metadata and controls
145 lines (128 loc) · 6.33 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
<!DOCTYPE html>
<html lang="en-GB">
<head>
<title>Jacob Brown</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="main_defer.js" defer></script>
</head>
<body>
<header class="main">
<div class="title">
<h1>
<div class="front">
Jacob
</div>
<div class="behind">
<br> Brown
</div>
<br><br><!--<br>-->
</h1>
<!-- <p style="font-size:15px;"> (website under construction - excuse the mess!)</p> -->
</div>
</header>
<nav class="sticky">
<div>
<div href="./contact.html" class="a-fade transition" >Contact</div>
<div href="./about.html" class="a-fade transition" >About Me</div>
<div href="./" class="activeNav a-fade transition">Home</div>
</div>
</nav>
<main>
<div class="centred subtitle">
My Projects:
</div>
<ol class="grid">
<li class="card transition" href="./projects/jcompiler/" style="margin-top:10%;">
<div class="card-top" style="background-color:lightcoral;">
<img class="square iconContainer" style="width: 40%;" src="./files/index/logo-compiler-front.svg" alt="An abstract view of a parse tree, the output of the project.">
</div>
<div class="card-base">
<h2 style="color: lightcoral">jCompiler (Front-End)</h2>
<p class="textwmargin">
lexing and parsing an arbitrary input given a grammar
</p>
</div>
<p class="project-info-text">
2021-2022 · OCaml, Java
<p>
</li>
<li class="card transition" href="./projects/greenmaps/">
<div class="card-top" style="background-color: wheat;">
<img class="square iconContainer" style="width: 50%;" src="./files/index/logo-green-maps.svg" alt="A leaf on a wheat background, the logo of the Green Maps project.">
</div>
<div class="card-base">
<h2 style="color: wheat">Green Maps</h2>
<p class="textwmargin">
reducing vehicle emissions through smarter navigation
</p>
</div>
<p class="project-info-text">
2022 · Dart
<p>
</li>
<li class="card transition" href="./maths-art/" style="margin-top: 20%;">
<div class="card-top" style="background-color: lightblue;">
<img class="square iconContainer" style="width: 30%;" src="./files/index/logo-maths-art.svg" alt="">
</div>
<div class="card-base">
<h2 style="color: lightblue">Maths Art</h2>
<p class="textwmargin">
generating fractals and artistic designs using maths
</p>
</div>
<p class="project-info-text">
2016 onwards · JS, Python
<p>
</li>
<li class="card transition" href="./projects/sentiment/">
<div class="card-base">
<h2 style="color: lightgreen">Sentiment Classifier</h2>
<p class="textwmargin">
exploring various methods to interpret the emotion of reviews
</p>
</div>
<p class="project-info-text">
2021 · Java
<p>
</li>
<li class="card transition" href="https://play.google.com/store/apps/details?id=com.JBLabs.Hexad">
<div class="card-base">
<h2 style="color: #C3B1E1">Hexad</h2>
<p class="textwmargin">
reaching for high scores by constructing hexagons
</p>
</div>
<p class="project-info-text">
2017-2019 · C#, UnityScript
<p>
</li>
<li class="card transition" href="./projects/pandemic/">
<div class="card-base">
<h2 style="color: #F9D1DA">Pandemic Analysis</h2>
<p class="textwmargin">
simulating a pandemic and analysing real Covid data
</p>
</div>
<p class="project-info-text">
2020-2021 · Python
<p>
</li>
<!-- <div class="card">
<button class="collapsible">C#: <b>Hexad</b></button>
<div class="content">
<div class="textwmargin">
Hexad is a mobile game I developed and released from 2018-2019, designed with Unity. The project taught me a lot about the lifecycle of a project, from coming up with the idea, to implementing it, to dealing with the administrative side of releasing an app.
</div>
</div>
</div> -->
</ol>
</main>
<footer></footer>
</body>
<script type="text/javascript" src="./fade.js"></script>
</html>