-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (133 loc) · 5.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Add FontAwesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>elliott</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header Section -->
<div id="dhead" class="container">
<div class="row">
<div id="dpic">
<img src="/assets/me.jpg" class="ppic" alt="Me">
</div>
<div id="ddesc">
<h1 id="typed-text"></h1>
<h2>developer | day dreamer</h2>
<div id="dico">
<!-- Twitter Icon -->
<a href="https://twitter.com/elliottbarness" target="_blank">
<img src="/assets/twitter.svg" class="iico" alt="Twitter" width="30" height="30">
</a>
<!-- GitHub Icon -->
<a href="https://github.com/elliottbarnes" target="_blank">
<img src="/assets/github.svg" class="iico" alt="GitHub" width="30" height="30">
</a>
<!-- Email Icon with ROT13 Protection -->
<a href="#">
<img src="/assets/email.svg" class="iico" id="iemail" title="Click to reveal email">
</a>
<div id="demail"></div> <!-- Email will be revealed here -->
</div>
</div>
</div>
</div>
<hr>
<div id="history" class="container">
<!-- Career Entries -->
<div class="entry row">
<div class="timespan">
2021 -
</div>
<div class="ico">
<div class="entry-dot"></div>
<img src="/assets/verafin.jpeg" alt="Verafin Logo">
</div>
<div class="desc">
started my career with <a href="https://verafin.com/">Verafin</a>, focusing on AI-driven solutions for fraud and anti-money laundering
</div>
</div>
<div class="entry row">
<div class="timespan">
2019 - 2021
</div>
<div class="ico">
<div class="entry-dot"></div>
<img src="/assets/hackfrostnl.png" alt="hack frost logo">
</div>
<div class="desc">
co-founded Memorial University's community-wide hackathon <a href="https://hackfrostnl.ca/" target=_blank> Hack Frost NL </a>
</div>
</div>
<div class="entry row">
<div class="timespan">
2018 - 2021
</div>
<div class="ico">
<div class="entry-dot"></div>
<img src="/assets/muncs.svg" alt="CS Society Logo">
</div>
<div class="desc">
joined the <a href="https://muncompsci.ca/" target=_blank/>MUN Computer Science Society</a> as our social representative to assist with digital marketing & communication
</div>
</div>
<div class="entry row">
<div class="timespan">
2016 - 2021
</div>
<div class="ico">
<div class="entry-dot"></div>
<img src="/assets/mun.svg" alt="MUN Logo">
</div>
<div class="desc">
bsc at the Memorial University of Newfoundland & Labradour with a major in computer science and a minor in math - this is where I first got into deep learning, attending <a href="https://www.cs.mun.ca/~dchurchill/" target="_blank">David Churchill's</a> class and twitch streams
</div>
</div>
<div class="entry row">
<div class="timespan">
2012 - 2016
</div>
<div class="ico">
<div class="entry-dot"></div>
<img src="/assets/gonzaga.jpg" alt="Gonzaga Logo">
</div>
<div class="desc">
graduated highschool (hons.) before retiring from rugby
</div>
</div>
<!-- Add more entries as needed -->
</div>
<!-- Projects Section -->
<div id="projects" class="container">
<h2>projects</h2>
<div class="project">
<div class="pico_start"><img src="https://media.springernature.com/lw685/springer-static/image/art%3A10.1038%2Fs41598-022-11173-0/MediaObjects/41598_2022_11173_Fig7_HTML.png" alt="emotion detection cnn"></div>
<div class="pdesc">
<a href="https://github.com/elliottbarnes/emotion-detection-cnn">emotion detection cnn</a> – simple sequential model to determine real-time user emotion
</div>
</div>
<div class="pico"><img src="https://jalammar.github.io/images/stable-diffusion/Stable-diffusion-text-info-to-image-generator.png" alt="text to image"></div>
<div class="pdesc">
<a href="https://github.com/elliottbarnes/text_to_image_w_stable_diffusion">text to image</a> – open-source image generator using stable diffusion
</div>
<div class="pico"><img src="https://satirist.org/pix/starcraft/blog/2021-06-30-steamhammer-joon-2.jpg" alt="starcraft cheese bot"></div>
<div class="pdesc">
<a href="https://github.com/elliottbarnes/cheese-bot">starcraft bot</a> – starcraft: broodwar photon cheese bot
</div>
<!-- More projects as needed -->
</div>
<!-- Footer Section -->
<footer>
<div class="container">
<p>© 2024 Elliott Barnes. All rights reserved.</p>
</div>
</footer>
<!-- External JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>