-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
296 lines (287 loc) · 17 KB
/
index.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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MWB Website</title>
<link rel="stylesheet" href="/stylesheets/homepage.css">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<script src="javascripts/homepage.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="app">
<header>
<!-- Navigation bar -->
<nav class="navbar">
<a href="/" class="logo-link">
<div class="logo" @click="showHomePage">MWB</div>
</a>
<div class="nav-links">
<a href="#" @click="showAboutInfo">About</a>
<a href="#" @click="showProjectInfo">Projects</a>
<a href="#" @click="showContactInfo">Contact</a>
</div>
</nav>
</header>
<!-- Falling Pixel Effect -->
<div class="falling-pixels">
<div class="pixel" id="pixel1"></div>
<div class="pixel" id="pixel2"></div>
<div class="pixel" id="pixel3"></div>
</div>
<!-- Div Holding all content regarding myself -->
<div class="details">
<!-- Homepage div -->
<div class="introduction" v-if="showIntroduction">
<div class="profile-container">
<div class="profile-image">
<img src="/images/Myself.jpg" alt="Profile Image">
</div>
<div class="profile-info">
<h1 class="greeting">Hello, I'm </h1>
<h1 class="title" id="effect-title" v-html="typedTitle">\n</h1>
<h1 class="title" id="no-effect-title">Maxwell Bruce</h1>
<br>
<p>Welcome to my website! Here, you'll find detailed insights into my professional journey,
including an overview of my public projects, experience, community involvement, and
achievements in computer science. Should you wish to connect, please don't hesitate to reach
out through the "Contact Me" button below!</p>
</div>
</div>
<div class="button-container">
<div class="outside-container">
<a href="#" class="pill-button" id="contactButton" @click="showContactInfo">Contact Me</a>
</div>
<div class="outside-container">
<a href="/downloads/Resume.pdf" class="pill-button" download="My_Resume.pdf">Download CV</a>
</div>
</div>
</div>
<!-- Contact information div -->
<div class="contactInformation" v-if="showContactStatus">
<div class="links">
<!-- My Links section -->
<h3>Links:</h3>
<div class="button-container">
<div class="outside-container">
<a href="https://www.linkedin.com/in/maxwell-bruce-b0a0771b1/" target="_blank"
class="pill-button">LinkedIn</a>
</div>
<div class="outside-container">
<a href="https://github.com/MWBruce" target="_blank" class="pill-button">Professional
GitHub</a>
</div>
<div class="outside-container">
<a href="https://github.com/A1766106" target="_blank" class="pill-button">Student GitHub</a>
</div>
</div>
</div>
<!-- My Emails section -->
<div class="emails">
<h3>Email:</h3>
<p>MaxwellWallaceBruce@gmail.com</p>
</div>
</div>
<!-- About information div -->
<div class="aboutInformation" v-if="showAboutStatus">
<!-- My Links section -->
<section class="about-section left-image">
<img src="/images/Myself.jpg" class="about-image">
<div class="about-text">
<h3>Work Experience:</h3>
<ul>
<li>
<strong>Software and Machine Learning Engineer </strong> - SAAB Australia
(11/2023-Present):
<br>
<ul v-if="saabShow">
<li class="moreInformation">Developed and integrated various models using Python and
C++ to analyse and model defence systems.</li>
<li class="moreInformation">Utilised various machine learning algorithms including
and not limited to Generative Adversarial Networks, Diffusion Models,
Convolutional Neural Networks, Transformers and LSTMs.</li>
</ul>
<!-- Buttons to show and hide additional information -->
<div class="about-button-container">
<div class="outside-container smaller-outside-container" v-if="!saabShow">
<a href="#" class="pill-button smaller-pill-button" id="contactButton"
@click="saabShowButton">Show More Information</a>
</div>
<div class="outside-container smaller-outside-container" v-if="saabShow">
<a href="#" class="pill-button smaller-pill-button" id="contactButton"
@click="saabShowButton">Close</a>
</div>
</div>
</li>
<li>
<strong>Machine Learning Researcher</strong> - Australian Institute for Machine Learning
(4/2023-Present):
<br>
<ul v-if="aimlShow">
<li class="moreInformation">Developed machine learning algorithms under Dr Jinan Zuo
allowing me to develop a foundation of machine learning knowledge.</li>
<li class="moreInformation">I am currently writing a paper about an algorithm
developed by me which enhanced a trading models’ ability to generalize to unseen
market environments.</li>
</ul>
<!-- Buttons to show and hide additional information -->
<div class="about-button-container">
<div class="outside-container smaller-outside-container" v-if="!aimlShow">
<a href="#" class="pill-button smaller-pill-button" id="contactButton"
@click="aimlShowButton">Show More Information</a>
</div>
<div class="outside-container smaller-outside-container" v-if="aimlShow">
<a href="#" class="pill-button smaller-pill-button" id="contactButton"
@click="aimlShowButton">Close</a>
</div>
</div>
</li>
<li>
<strong>Accountant</strong> - RJC Evans & Co Pty Ltd (4/2020–4/2023):
<br>
<ul v-if="rjcShow">
<li class="moreInformation">Prepared Income Tax Returns and Financial Statements.
</li>
<li class="moreInformation">Corresponded with Clients.</li>
<li class="moreInformation">Conducted Audits.</li>
</ul>
<!-- Buttons to show and hide additional information -->
<div class="about-button-container">
<div class="outside-container smaller-outside-container" v-if="!rjcShow">
<a href="#" class="pill-button smaller-pill-button" id="contactButton"
@click="rjcShowButton">Show More Information</a>
</div>
<div class="outside-container smaller-outside-container" v-if="rjcShow">
<a href="#" class="pill-button smaller-pill-button" id="contactButton"
@click="rjcShowButton">Close</a>
</div>
</div>
</li>
</ul>
</div>
</section>
<!-- Education section -->
<section class="about-section right-image">
<div class="about-text">
<h3>Education:</h3>
<ul>
<li>University of Adelaide - Bachelor of Computer Science (Honours) – Complete</li>
<li>University of Adelaide – Bachelor of Commerce (Accounting and Corporate
Finance) – Complete</li>
<li>Stanford University and DeepLearning.AI – Machine Learning Specialization Course</li>
<li>DeepLearning.AI – Deep Learning Specialization Course</li>
<li>St Peters College – High School</li>
</ul>
</div>
<img src="/images/Ingenuity.jpeg" class="about-image">
</section>
<!-- Achievements Section -->
<section class="about-section left-image">
<img src="/images/CPC.png" class="about-image">
<div class="about-text">
<h3>Achievements:</h3>
<ul>
<li>Adelaide University - Summer Research Scholarship</li>
<li>Adelaide University - The Software Engineering Award</li>
<li>Adelaide University - Innovative Software Engineering Award</li>
</ul>
</div>
</section>
<!-- Community Involvement Section -->
<section class="about-section right-image">
<div class="about-text">
<h3>Community Involvements:</h3>
<ul>
<li>Treasurer – Competitive Programming Club (Adelaide University)</li>
<li>Co-Founder - AI Camp (A start up introducing AI into education)</li>
<li>Player – Ardrossan Football Club</li>
<li>Member - Adelaide Computer Science Club</li>
</ul>
</div>
<img src="/images/Meeting.png" class="about-image">
</section>
<!-- Interests Section -->
<section class="about-section left-image">
<img src="/images/Football2.jpg" class="about-image">
<div class="about-text">
<h3>Interests:</h3>
<ul>
<li>Competitive Programming</li>
<li>Machine Learning</li>
<li>Financial Markets</li>
<li>Exercise</li>
<li>Football</li>
</ul>
</div>
</section>
</div>
<!-- Projects div -->
<div class="projectInformation" v-if="showProjectStatus">
<ul class="projects-list">
<li class="project">
<div class="project-card">
<img src="/images/portfolioIcon.jpg" alt="Portfolio Website Icon" class="project-image">
<div class="project-details">
<h4 class="project-title">My Portfolio Website</h4>
<p class="project-description">A simple portfolio website showcasing myself.</p>
<a href="https://github.com/MWBruce/PortfolioWebsite" target="_blank"
class="project-link">GitHub Link</a>
<p class="project-language">Language Used: HTML, CSS, JavaScript and Vue</p>
<span class="project-status complete">Complete</span>
</div>
</div>
</li>
<li class="project">
<div class="project-card">
<img src="/images/Zettlr.png" alt="Zettlr Icon" class="project-image">
<div class="project-details">
<h4 class="project-title">Zettlr Open Source Contribution</h4>
<p class="project-description">Fixed the remove references feature for an enhanced user
experience and to assist my own academic paper development.</p>
<a href="https://github.com/Zettlr/Zettlr" target="_blank" class="project-link">GitHub
Link</a>
<p class="project-language">Language Used: TypeScript</p>
<span class="project-status complete">Complete</span>
</div>
</div>
</li>
<li class="project">
<div class="project-card">
<img src="/images/FMP.jpg" alt="FMP Icon" class="project-image">
<div class="project-details">
<h4 class="project-title">Financial Modeling Prep Wrapper</h4>
<p class="project-description">A wrapper around the Financial Modeling Prep API for
researchers or C++ users wishing to make an automated trading bot.</p>
<a href="https://github.com/MWBruce/FinancialModelingPrepWrapper" target="_blank"
class="project-link">GitHub Link</a>
<p class="project-language">Language Used: C++</p>
<span class="project-status complete">Complete</span>
</div>
</div>
</li>
<li class="project">
<div class="project-card">
<img src="/images/JenkinsIcon.png" alt="Jenkins DORA Plugin Icon" class="project-image">
<div class="project-details">
<h4 class="project-title">Jenkins DORA Plugin</h4>
<p class="project-description">A team project creating a plugin for Jenkins that
collects all DORA metrics for development teams through the creation of a pipeline
and integration of SAST tool. (Please note this repository was moved from the
original)</p>
<a href="https://github.com/BarrettBytes/DORAAndSASTMetricJenkinsPlugin" target="_blank"
class="project-link">GitHub Link</a>
<p class="project-language">Language Used: Java, Python, Pipeline DSL, Shell Script,
PromQL and AWS CloudFormation Language</p>
<!--"project-status inprogress"-->
<span class="project-status complete">Complete</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>