-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathCurriculumVitae (old).html
More file actions
595 lines (583 loc) · 26.5 KB
/
CurriculumVitae (old).html
File metadata and controls
595 lines (583 loc) · 26.5 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
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
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Joseph Ruff - Curriculum Vitae</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<style>
ul.inline-list li {
display:inline;
padding-left:0;
padding-right:7.33px;
}
ul.nested {
margin-bottom:0;
}
ul.inline-list {
padding-left:16px;
padding-right:16px;
}
section.post p.text-block {
padding-left:16px;
padding-right:16px;
}
div.contents {
padding-left:16px;
padding-right:16px;
}
@media only screen and (max-width: 980px) {
ul.nested {
display: none;
}
ul.inline-list {
padding-left:7.33px;
padding-right:7.33px;
}
section.post p.text-block {
padding-left:7.33px;
padding-right:7.33px;
}
div.contents {
padding-left:7.33px;
padding-right:7.33px;
}
}
</style>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="https://josephruff.github.io" class="logo">Joseph Ruff</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="https://josephruff.github.io">Portfolio</a></li>
<li class="active"><a href="CurriculumVitae.html">Curriculum Vitae</a></li>
</ul>
<ul class="icons">
<li><a href="Curriculum Vitae Joseph David Ruff.pdf" class="icon solid fa-download"><span class="label">Download CV</span></a></li>
<li><a href="https://www.linkedin.com/in/joseph-ruff-a99062393" class="icon brands fa-linkedin"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/JosephRuff" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<h1>Curriculum Vitae</h1>
</header>
<hr>
<section>
<h2>
Contents
</h2>
<div class="contents">
<ul class="alt">
<li>
<a href="#education">Education</a>
<ul class="alt nested">
<li>
<a href="#lboro2014">Loughborough University - (2014 - 2017)</a>
</li>
<li>
<a href="#ata2007">Ashcroft Technology Academy - (2007 - 2014)</a>
</li>
</ul>
</li>
<li>
<a href="#skills">Technical Skills</a>
</li>
<li>
<a href="#work">Work Experience</a>
<ul class="alt nested">
<li>
<a href="#uclh2020">Medical Physics and Bio-engineering, UCLH - (Current)</a>
</li>
<li>
<a href="#3dam2020">3DAM LTD - (Ongoing)</a>
</li>
<li>
<a href="#rmh2020">Physics, Royal Marsden Hospital - (Jun 2020 - Aug 2020)</a>
</li>
<li>
<a href="#uclh2018">Medical Physics and Bio-engineering, UCLH - (Sep 2018 - Oct 2019)</a>
<ul class="alt nested">
<li>
<a href="#fullstack2018">Full Stack Development</a>
</li>
<li>
<a href="#scientific2018">Scientific Computing</a>
</li>
<li>
<a href="#data2018">Data Science / Engineering</a>
</li>
</ul>
</li>
<li>
<a href="#roscoe2016">Ian Roscoe Garden Services LTD - (Jun 2016 - Aug 2016)</a>
</li>
<li>
<a href="#mermaid">Mermaid theatre - (Nov 2013)</a>
</li>
<li>
<a href="#uclh2013">Medical Physics and Bio-engineering, UCLH - (2013)</a>
</li>
<li>
<a href="#uclh2011">Medical Physics and Bio-engineering, UCLH - (2011)</a>
</li>
</ul>
</li>
<li>
<a href="#projects">Projects</a>
<ul class="alt nested">
<li>
<a href="#hcaproject">HCA Healthcare call bell response audit</a>
</li>
<li>
<a href="#radioprotectproject">Radiation Protection Project</a>
</li>
<li>
<a href="#fyp">My final year project</a>
</li>
<li>
<a href="#alevelproject">A level project</a>
</li>
</ul>
</li>
<li>
<a href="#info">Additional Information</a>
</li>
<li>
<a href="#links">Links & Contact Info</a>
</li>
</ul>
</div>
</section>
<hr>
<section>
<a id="education"></a>
<h2>
Education
</h2>
<a id="lboro2014"></a>
<header>
<h3>
Loughborough University
</h3>
<p>
Computer Science BSc; Second Class Honours, Upper Division
<span style="float: right;"><b>2014 - 2017</b></span>
</p>
</header>
<ul class="inline-list">
<li><b>Part A (First Year):</b></li>
<li>Essential Skills for Computing</li>
<li>Introduction to Algorithms</li>
<li>Logic and Functional Programming</li>
<li>Programming for the WWW</li>
<li>Server Side Programming</li>
<li>Computer Systems</li>
<li>Databases</li>
<li>Mathematics for Computer Science</li>
<li>Object Oriented Programming and Algorithms</li>
</ul>
<ul class="inline-list">
<li><b>Part B (Second Year):</b></li>
<li>Requirements Engineering</li>
<li>Formal Languages and Theory of Computation</li>
<li>AI Methods</li>
<li>Computer Graphics</li>
<li>Formal Specification</li>
<li>Mobile Application Development</li>
<li>Professional Issues in Computing</li>
<li>Operating Systems Networks and the Internet 1 & 2</li>
<li>Team Projects</li>
<li>Professional Training Preparation</li>
</ul>
<ul class="inline-list">
<li><b>Part C (Third Year):</b></li>
<li>Robotics</li>
<li>Enterprise Resource Planning Systems</li>
<li>Algorithm Analysis</li>
<li>Human-Computer Interaction</li>
<li>Data Mining</li>
<li>Cryptography and Network Security</li>
<li>Computer Vision</li>
<li>Computer Animation</li>
<li>Computer Science Project</li>
<li>Software Project Management</li>
</ul>
<a id="ata2007"></a>
<header>
<h3>
Ashcroft Technology Academy
</h3>
<p>
GCSE & A level
<span style="float: right;"><b>2007 - 2014</b></span>
</p>
</header>
<ul class="inline-list">
<li><b>A2:</b></li>
<li>Mathematics, B</li>
<li>Physics, C</li>
<li>Computer Science, B</li>
</ul>
<ul class="inline-list">
<li><b>AS:</b></li>
<li>Biology, D</li>
</ul>
<ul class="inline-list">
<li><b>BTEC:</b></li>
<li>level 2 Engineering, Distinction</li>
<li>OCR ICT, Merit</li>
</ul>
<ul class="inline-list">
<li><b>GCSE:</b></li>
<li>Maths Applications, A*</li>
<li>Mathematical Methods, A*</li>
<li>Science, A</li>
<li>Additional Science, A*</li>
<li>English Language, B</li>
<li>English Literature, B</li>
<li>Citizenship (1/2), A</li>
<li>R.S (1/2), A</li>
<li>Geography, B</li>
<li>Music, C</li>
</ul>
</section>
<hr>
<section>
<a id="skills"></a>
<header>
<h2>
Technical Skills
</h2>
<p>
Familiar with:
</p>
</header>
<ul class="inline-list">
<li><b>Programming Languages:</b></li>
<li>C</li>
<li>C++</li>
<li>Java</li>
<li>Haskell</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript (JQuery, React)</li>
<li>PHP</li>
<li>Matlab</li>
<li>Visual Basic.net</li>
<li>Python (Numpy, SciPy, Matplotlib, Selenium, TensorFlow)</li>
<li>R (Tidyverse, ggplot)</li>
<li>SQL</li>
</ul>
<ul class="inline-list">
<li><b>Source Control Systems:</b></li>
<li>TortoiseHg (Mercurial)</li>
<li>Git</li>
</ul>
<ul class="inline-list">
<li><b>ERP Systems:</b></li>
<li>SAP</li>
</ul>
<ul class="inline-list">
<li><b>Data Mining Software:</b></li>
<li>WEKA</li>
<li>R Studio</li>
<li>TensorFlow</li>
</ul>
<ul class="inline-list">
<li><b>CAD Systems:</b></li>
<li>PRO Desktop</li>
<li>2D Design</li>
</ul>
<ul class="inline-list">
<li><b>Operating Systems:</b></li>
<li>Windows (XP to Windows 10)</li>
<li>Mac OS</li>
<li>Linux (Ubuntu, Raspbian)</li>
</ul>
<ul class="inline-list">
<li><b>General Software:</b></li>
<li>Microsoft Office (Word, Excel, PowerPoint etc.)</li>
</ul>
<ul class="inline-list">
<li><b>Miscellanious:</b></li>
<li>Docker</li>
<li>BackupPC</li>
<li>Nagios</li>
<li>Google Colaboratory</li>
</ul>
</section>
<hr>
<section>
<a id="work"></a>
<h2>
Work Experience
</h2>
<a id="uclh2020"></a>
<header>
<h3>
Medical Physics and Bio-engineering, UCLH
</h3>
<p>
Part-time Software Developer
<span style="float: right;"><b>Current</b></span>
</p>
</header>
<p class="text-block">
<b>Python / VTK Medical Imaging: </b>While searching for full time work I’ve volunteered to work on a medical imaging project at UCLH. The task is to visualise the difference between two 3D surface scans. The 3D surfaces are represented as a set of vertices (3D points in space) which are triangulated into cells. The software I have developed finds the centre of each cell on one scan and then finds the distance to the closest point to this on the second scan. This distance is then mapped to a colour table and the cell is coloured accordingly. The purpose of this software is to visualise differences, in this case breast growth, between the two scans. The project has been written in Python and uses VTK (Visualisation ToolKit) for display and interaction.
</p>
<a id="3dam2020"></a>
<header>
<h3>
3DAM LTD
</h3>
<p>
Website Designer / Builder
<span style="float: right;"><b>Ongoing</b></span>
</p>
</header>
<p class="text-block">
<b>Wix Website Builder: </b>Assisting in the design and creation of an ecommerce website for a small business, during the COVID19 lockdown. Website is being built using the Wix website builder, and includes usage of the Wix Stores, Wix Bookings and Wix Blog plugins. This has tested my ability to listen to client requirements, and translate them into a functional product, while working within the limitations of the Wix website building tool.
</p>
<a id="rmh2020"></a>
<header>
<h3>
Physics, Royal Marsden Hospital
</h3>
<p>
Part-time Back-end / Server Engineer
<span style="float: right;"><b>Jun 2020 - Aug 2020</b></span>
</p>
</header>
<p class="text-block">
<b>Back-End: </b>Work at Royal Marsden Hospital involves assisting the physics department by completing small projects during the increased workload of the COVID-19 Pandemic.
</p>
<p class="text-block">
<b>Nagios: </b>In one project I set up a Raspberry Pi with Nagios server monitoring software. The system was then tested to see if it was working as intended.
</p>
<p class="text-block">
<b>BackupPC / Docker: </b>In another project I set up a new Ubuntu server with a ZFS file system, with a RAIDZ2 (RAID 6) Zpool. I then installed and configured BackupPC using Docker. After it was set up and working, I had to queue the various different backups for it to complete by entering server details, the files to exclude, as well as a backup schedule, and then tested to see if it was working as intended.
</p>
<a id="uclh2018"></a>
<header>
<h3>
Medical Physics and Bio-engineering, UCLH
</h3>
<p>
Junior Clinical Scientist: Bioinformatics (Physical Sciences)
<span style="float: right;"><b>Sep 2018 - Oct 2019</b></span>
</p>
</header>
<a id="fullstack2018"></a>
<p class="text-block">
<b>Full Stack Development: </b>Involved working on small development projects for the department. One example was a tool developed with PHP and MySQL, that was designed to allow users to track different types of expenses across different budgets. These small scale projects exposed me to multiple programming languages during my time there, and involved translating user requirements into working projects.
</p>
<a id="scientific2018"></a>
<p class="text-block">
<b>Scientific Computing: </b>Being based in a physics department resulted in many projects having a scientific basis. One such project involved assisting the hospital's radiation protection team, by creating a tool to help visualise radiation intensity in a given floor plan, via a “heat map” type overlay. This involved working with other members of the department who had other areas of expertise and educational backgrounds, gave me experience of working as part of a multidisciplinary team.
</p>
<a id="data2018"></a>
<p class="text-block">
<b>Data Science / Engineering: </b>Work at UCLH involved some rotations out of my base department. One rotation was at HCA Healthcare UK, working with the informatics team. Work involved using R with packages like Tidyverse and ggplot to extract information from HCA’s patient data, and then to produce reports on my findings, as well as working on and improving their existing ETL pipelines. One of these projects was to look into how quickly nurses respond to calls on the different floors, and on different shifts. Another involved finding duplicate patient records within the database, and identifying which departments were submitting the duplicates.
</p>
<a id="roscoe2016"></a>
<header>
<h3>
Ian Roscoe Garden Services LTD
</h3>
<p>
Summer job
<span style="float: right;"><b>Jun 2016 - Aug 2016</b></span>
</p>
</header>
<p class="text-block">
<b>Gardener: </b>Worked as a gardener for a company based in Richmond. This involved assisting one of the company owners and helping her perform her various day to day jobs for clients. Performed physically tiring tasks outside in varying weather conditions. Had to learn to perform tasks quickly and efficiently to maximise the number of clients seen in a day.
</p>
<a id="mermaid"></a>
<header>
<h3>
Mermaid theatre
</h3>
<p>
International Magic Convention Gala Show
<span style="float: right;"><b>Nov 2013</b></span>
</p>
</header>
<p class="text-block">
<b>Stagehand: </b>Worked backstage at international magic show. Had to learn various stage cues and instructions at short notice, and carry them out as part of a small team. Carried out important tasks effectively with a team whilst under pressure. Was able to work quickly to carry out tasks that needed to be finished within a time limit.
</p>
<a id="uclh2013"></a>
<header>
<h3>
Medical Physics and Bio-engineering, UCLH
</h3>
<p>
Year 12 Work Experience
<span style="float: right;"><b>2013</b></span>
</p>
</header>
<p class="text-block">
<b>Raspberry Pi & Python: </b>Was tasked with setting up a Raspberry Pi, and producing a python program to display a timetable. This involved me learning to code Python, as well as use a Raspberry Pi computer. Prior to this task being set I had only programmed in Visual Basic.net. Demonstrated ability to work with unfamiliar hardware and software, as well as learn a new programming language.
</p>
<a id="uclh2011"></a>
<header>
<h3>
Medical Physics and Bio-engineering, UCLH
</h3>
<p>
Year 10 Work Experience
<span style="float: right;"><b>2011</b></span>
</p>
</header>
<p class="text-block">
<b>Cranioplasty plates: </b>Took part in a full demonstration of how cranioplasty plates were made. Included use of bespoke CAD software as well as various workshop machines and tools. Demonstrated ability to use skills and knowledge learned in engineering class, outside of the school environment. Followed strict health and safety rules.
</p>
<p class="text-block">
<b>Repairing Keyboards: </b>The bulk of my time spent at UCLH was spent repairing hospital keyboards. These keyboards were designed to be covered by a flat silicon surface to allow them to be easily cleaned. Repair process involved testing to see which part of the keyboard was broken, disassembling the keyboard, setting the broken components aside and reassembling the working parts into full keyboards. Demonstrated ability to quickly learn and perform a task.
</p>
</section>
<hr>
<section>
<a id="projects"></a>
<h2>
Projects
</h2>
<a id="hcaproject"></a>
<h3>
HCA Healthcare call bell response audit:
</h3>
<p class="text-block">
London bridge hospital, which is run by HCA Healthcare UK, has a call bell system in place for patients to request assistance from staff. The aim of the call bells is to reduce the chance of an accident that may be caused by a patient trying to stand up and get something by themselves.
</p>
<p class="text-block">
For this project I was given a csv file containing data on a month's worth of call bells (over 8000 entries), and was tasked with seeing what information I could extract. The csv contained columns for: the area of the hospital, the room, the time of the call, the date of the call, and the response time.
</p>
<p class="text-block">
Using R Studio, with Tidyverse and ggplot, I produced a report containing several plots. This included: a set of ecdf plots, indicating the performance against KPI (response time of <120 seconds), for each individual floor of the hospital; a box plot indicating the response time distribution by shift; a box plot and bar plot indicating call volume against response time; the distribution of calls over 5 mins, for every floor as well as the hospital as a whole; and a table of summary statistics for every floor and the hospital as a whole, including mean, median and range of the call durations, as well as the busiest hours of each floor (which hour has the highest call volume). Demonstrated ability to find and visualise relevant and useful information, as well as learn an unfamiliar programming language for the purposes of statistical computing.
</p>
<p class="text-block">
Used Git version control system to manage updates and changes.
</p>
<a id="radioprotectproject"></a>
<h3>
Radiation Protection Project:
</h3>
<p class="text-block">
At UCLH I assisted in the development of a radiation protection project that assisted physicists in determining the appropriate level of radiation shielding in the various walls and doors of a scanner room. Typically these equations are done by hand and the physicist must use a 2D floor plan and knowledge of where the radiation sources are within the room to calculate the necessary level of shielding in each door and wall, to prevent unnecessary exposure. Where these calculations become complex is when you factor in that the intensity and location of a source of radiation will change, in addition to the various doors being opened and closed, throughout the scanning process.
</p>
<p class="text-block">
This project aimed to assist in this process by allowing the user to generate a digital 2D floor plan, set the various levels of shielding within each wall and door of the room, and then place radiation sources of varying intensities, at different locations within the room. The program would then generate an overlay, displaying the level of radiation intensity at each point in the room by applying a colour gradient to it. This produced a heatmap showing the levels of radiation in all the rooms at all points.
</p>
<p class="text-block">
This was written in Java, and demonstrated my ability to work within a multidisciplinary environment.
</p>
<p class="text-block">
Used Git version control system to manage updates and changes.
</p>
<a id="fyp"></a>
<h3>
My final year project:
</h3>
<p class="text-block">
Tasked with writing a program to visualise Conway’s Game of Life and other Cellular Automata. Designed for usage at departmental recruitment events. Program had to be visually appealing and enable users to better understand cellular automata.
</p>
<p class="text-block">
Finished program was written in Java to facilitate usage across multiple operating systems. Program features allowed the user to pause, play, adjust speed, and manually go back and forward through each individual generation in the simulation. Other features allowed the user to visualise the changes that occurred in between generations and keep track of the number of living and dead cells. Simulations could be saved and loaded and the rules to Conway's Game of Life were not hard coded and could be changed in order to simulate other lifelike cellular automata. Demonstrated ability to learn an unfamiliar programming language, as well as program a functional animation engine.
</p>
<p class="text-block">
Used TortoiseHg source control system to manage updates and changes.
</p>
<a id="alevelproject"></a>
<h3>
A level project:
</h3>
<p class="text-block">
Was a continuation of my year 12 work experience at UCLH. The task was to complete a timetable coded in python and run on a Raspberry Pi computer. Program appointment information from a text file and then displayed them on screen in order of time. I made use of the pygame library to display text onto a screen and read from and write to a text file to get and store appointment information.
</p>
<p class="text-block">
Required me to learn an, at the time, unfamiliar programming language and hardware.
</p>
</section>
<hr>
<section>
<a id="info"></a>
<h2>
Additional Information
</h2>
<p class="text-block">
<b>Personal Profile and Skills: </b>Both throughout my time in education and at work I have proven I work well in a team and on my own. I have always been good at using computers, both for completing work and playing games at home and with my friends. I enjoy playing games on both tabletop as well as the computer, I frequently organise whole days with my friends dedicated to playing board games. I've been playing classical guitar since primary school, and also enjoy listening to music. In recent years I have had the opportunity to enjoy travel to places such as Costa Rica, Azerbaijan, Kazakhstan, and Uzbekistan.
</p>
<ul class="inline-list">
<li><b>Interests:</b></li>
<li>Classical Guitar</li>
<li>Tabletop Gaming</li>
<li>Computer Gaming</li>
<li>Programming</li>
</ul>
<p class="text-block">
<b>References: </b>Available upon request.
</p>
</section>
<hr>
<section>
<a id="links"></a>
<h2>
Links & Contact Info
</h2>
<h3>
Github:
</h3>
<p class="text-block">
<a href="https://github.com/JosephRuff">github.com/JosephRuff</a>
</p>
<h3>
LinkedIn:
</h3>
<p class="text-block">
<a href="https://www.linkedin.com/in/joseph-ruff-a99062393">linkedin.com/in/joseph-ruff-a99062393</a>
</p>
<h3>
Contact Information:
</h3>
<p class="text-block">
For full contact information, please download the pdf version of my CV.
</p>
<p class="text-block">
<a href="Curriculum Vitae Joseph David Ruff.pdf" class="button icon solid fa-download">pdf Download</a>
</p>
</section>
</section>
</div>
<!-- Footer -->
<footer id="footer">
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© Joseph Ruff</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>