-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (180 loc) · 9.14 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Ellen Lloyd | Home</title>
<link href="style.css" rel="stylesheet">
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
<meta charset="utf-8">
<meta property="og:title" content="Ellen Lloyd | Home" />
<meta property="og:description" content="Software developer." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://ellenlloyd.ca" />
<meta property="og:image" content="https://ellenlloyd.ca/images/og_small.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<div class="profile-image">
<img class="headshot" src="images/headshot.png">
</div>
<div class="profile-content">
<h1>Ellen Lloyd <span class="sem-ver-me">v1.1.0</span></h1>
<h2>
<strong>NEW RELEASE: </strong><br>
<span class="release-tagline">
internship experience now included!
</span>
<h2>
<div class="profile-resume">
<div class="preview-resume-button">
<a href="https://docs.google.com/document/d/1tvx6Yg_y-5MJtPV9rdPsqQo-1Y4n6yPBhSudJ7E97CM/pub">
<div class="button-main">Preview Resume</div>
<div class="button-aside">[google docs]</div>
</a>
</div>
<div class="download-resume-button" >
<a href="files/Ellen-Lloyd-Resume-NewGrad-2024-09.pdf">
<div class="button-main">DOWNLOAD</div>
<div class="button-aside">[pdf]</div>
</a>
</div>
</div>
</div>
</header>
<div class="content">
<section class="about-me">
<h3>About Me</h3>
<div class="about-text">
<p>
Confident speaker, skilled writer, and passionate teacher: I love to solve challenging problems and to learn about almost anything. After a switch to computer science three years ago, I have completed three very successful internships in software development. I am <strong>currently searching</strong> for entry level or new grad jobs in software development with May or June 2025 start date.
</p>
<p>
Those who know and work with me can vouch: I am known for <strong>avid learning</strong>, <strong>quality code</strong>, and <strong>peer support</strong>.
</p>
<p>
<strong>AVID LEARNING</strong>: You don't spend as much time in school as I have unless you really love discovering new knowledge. That's why, when I made the self-discovery to pivot my career path, I didn't hesitate to return to school to study computer science even after completing two degrees before. I love where I am; and this time—this degree—I love where I'm going, too.
</p>
<p>
<strong>QUALITY CODE</strong>: When I learn new skills I strive to learn them thoroughly and well with a keen eye to understanding best practice. That's why after taking my first computer science course at UBC, I was trusted enough to be appointed lead grader for all student code assessment in a course covering the same material the next term.
</p>
<p>
<strong>PEER SUPPORT</strong>: Success is not zero sum, and I love to learn by teaching. That's why, after seeing classmates nervous about practicing code interview skills, I created and taught an original workshop to break down barriers. <em>Oh No, Leetcode!</em> was a huge success, drawing over double the in-person attendance anticipated by the department that hosted it.
</p>
<p>
I aspire to design, write and maintain code for innovative software projects that improve lives. Are you hiring at a company that fits? <a href="https://ca.linkedin.com/in/lloydellen" class="text-link">I'd love to hear from you.</a></p>
</p>
<p><strong>Languages:</strong></p>
<p>C#, Python, Java, Racket, PHP, Golang, JavaScript, TypeScript, HTML, CSS, SQL</p>
<p>English, French</p>
</div>
</section>
<div class="project-sections">
<section class="projects major-projects">
<h3>Larger Projects</h3>
<article class="project" id="project1">
<a href="https://ellenlloyd.ca/nonlistening" class="project-link">
<h1>Master's Thesis Work</h1>
<img class="project-img" src="images/non-listening-model.png">
<p>
A new qualitative theory for understanding non-listening interactions. Click here for an illustrated summary of the main ideas.
</p>
<p>
<strong>Tools:</strong>
qualitative analysis,
Grounded Theory,
in-depth interviews
</p>
</a>
</article>
<article class="project" id="project2">
<a href="https://ellenlloyd.ca/racket-sudoku/" class="project-link">
<h1>Smooth Sudoku</h1>
<img class="project-img" src="images/racket-sudoku.png">
<p>
Playable, feature-rich sudoku GUI designed in a pure-functional paradigm.
</p>
<p>
<strong>Tools:</strong>
Racket ISL+,
<a href="http://htdp.org/" class="text-link">2htdp</a>,
test-driven development,
systematic program design
</p>
</a>
</article>
<article class="project" id="project3">
<a href="https://www.nexusmods.com/stardewvalley/users/88107803?tab=user+files" class="project-link">
<h1>Stardew Valley Mods</h1>
<img class="project-img" src="images/UVIndex_1.png">
<p>
Custom C# mods adding UI enhancements (Fish Preview, Show Item Quality) and new interactive features (UV Index, Angry Grandpa) to Stardew Valley video game.
</p>
<p>
<strong>Tools:</strong>
Git,
GitHub,
C#,
<a href="https://smapi.io/" class="text-link">Stardew Modding API</a>,
<a href="https://harmony.pardeike.net/articles/intro.html" class="text-link">Harmony library</a>
</p>
</a>
</article>
</section>
<section class="projects mini-projects">
<h3>Mini Projects</h3>
<article class="project" id="mini1">
<a href="http://mymodus.tech/" class="project-link">
<h1>Modus</h1>
<img class="project-img" src="images/modus-black.png">
<p>
Ideation and product design for a team project at nwHacks 2022.
</p>
</a>
</article>
<article class="project" id="mini2">
<a href="https://ellenlloyd.ca/quarto/" class="project-link">
<h1>Quarto!</h1>
<img class="project-img" src="images/quarto.png">
<p>
Hotseat JavaScript web client for playing Quarto!
</p>
</a>
</article>
<article class="project" id="mini3">
<a href="https://ellenlloyd.ca/div-art/" class="project-link">
<h1><div> art</h1>
<img class="project-img" src="images/divart.png">
<p>
Abstract art generator using JavaScript DOM manipulation.
</p>
</a>
</article>
<article class="project" id="mini4">
<a href="https://ellenlloyd.ca/mondrian/" class="project-link">
<h1>Mondrian Stretch</h1>
<img class="project-img" src="images/mondrian.png">
<p>
Responsive CSS snippet inspired by the art of Piet Mondrian.
</p>
</a>
</article>
</section>
</div> <!--End project-sections-->
</div> <!--End content-->
<footer>
<p><a class="footerlink email">ellen [dot] ruth [dot] lloyd [at] gmail [dot] com</a></p>
<p><a class="footerlink" href="https://github.com/Jonqora">GitHub</a></p>
<p><a class="footerlink" href="https://ca.linkedin.com/in/lloydellen">LinkedIn</a></p>
<p>site design © 2022 Ellen Lloyd</p>
</footer>
<script>
let emailElement = document.getElementsByClassName('email')[0];
let hiddenEmail = emailElement.innerHTML;
let actualEmail = hiddenEmail.replace(/\W*\[dot\]\W*/g, '.').replace(/\W*\[at\]\W*/g, '@');
emailElement.innerHTML = 'Email';
emailElement.setAttribute('href', 'mailto:' + actualEmail);
</script>
<script src="scripts/sem-ver-me.js" type=""></script>
</body>
</html>