-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
299 lines (280 loc) · 12.8 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
297
298
299
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<script src="https://kit.fontawesome.com/682e6d036f.js" crossorigin="anonymous"></script>
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet'>
<link rel="stylesheet" href="./index.css">
<title>Agi's Portfolio</title>
<link rel="shortcut icon" type="image/jpg" href="./public/circle_logo.png"/>
<!-- social tags -->
<meta property="og:site_name" content="Agi L Tanner"/>
<meta property="og:title" content="Agi's Portfolio"/>
<meta property="og:image" content="./public/meta_image.png">
<meta property="og:description" content="Most recent work, about me and contact information."/>
<meta property="og:url" content="https://www.agiltanner.com/">
</head>
<body>
<div class="nav-bar">
<div class="nav-bar-content">
<a href="https://github.com/agiletkiewicz" target="_blank">
<span class="icon is-large fas fa-4x icon-margin">
<i class="fab fa-github-square"></i>
</span>
</a>
<a href="https://www.linkedin.com/in/agi-letkiewicz/" target="_blank">
<span class="icon is-large fas fa-4x icon-margin">
<i class="fab fa-linkedin"></i>
</span>
</a>
<a href="https://medium.com/@altanner" target="_blank">
<span class="icon is-large fas fa-4x icon-margin">
<i class="fab fa-medium"></i>
</span>
</a>
</div>
</div>
<section>
<div class="hero-background" style="height: 3000px">
<div class="hero-heading">
<h1 class="hero-title">
Hey there! I'm Agi.
<br/>
Let's get to know eachother
<div class="downArrow bounce" id="hero-bounce">
<i class="fas fa-angle-double-down"></i>
</div>
</h1>
<img src="./public/ALT_updated.png" alt="Logo" class="hero-logo">
<div class="hero-border-box"></div>
<div style="height: 1900px"></div>
</div>
<div class="hero-about">
<image src='./public/headshot.png' class="portrait-image"/>
<div id="about-text">
<h2 id="about-heading">
Software engineer with 10 years business experience
</h2>
<p>
I am a full stack web developer with a track record of making significant and self-directed contributions in dynamic environments. Leveraging a decade of business experience from Fortune 100 to startup, I offer a user-centric and highly collaborative approach, being proactively involved through all phases of the development lifecycle. I love to work on products that are end user facing and I thrive in an environment where I can work closely with product and design to achieve business results.
</p>
<p>
I am currently flexing my leadership muscle by volunteering as Head of U Admissions for the youth mentorship program of Out in Tech, the world’s leading nonprofit for LGBTQ+ techies.
</p>
<div class="experience">
See more and contact me:
<a href="https://www.linkedin.com/in/agi-letkiewicz/" target="_blank">
<span class="icon is-large fas fa-4x icon-margin">
<i class="fab fa-linkedin"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="technical" style="height: 300px">
<h2>
<strong>Technical Skills</strong>
</h2>
<hr class="rounded">
<p><strong>Expert in JavaScript and its ecosystem</strong> for frontend and backend development. Also have professional experience in SQL, GCP, AWS, logging, alerting and Jest testing.
</div>
</div>
<div class="falling-shapes">
<span class="icon is-large fas fa-3x icon-margin" id="icon-1">
<i class="fab fa-js fa-lg"></i>
</span>
<span class="icon fas fa-3x icon-margin" id="icon-2">
<i class="fab fa-aws"></i>
</span>
<span class="icon is-large fas fa-3x icon-margin" id="icon-3">
<i class="fab fa-vuejs fa-lg"></i>
</span>
<span class="icon is-large fas fa-3x icon-margin" id="icon-4">
<i class="fab fa-node fa-lg"></i>
</span>
<span class="icon is-large fas fa-3x icon-margin" id="icon-5">
<i class="fab fa-css3-alt fa-lg"></i>
</span>
<span class="icon is-large fas fa-3x icon-margin" id="icon-6">
<i class="fab fa-react"></i>
</span>
<span class="icon is-large fas fa-3x icon-margin" id="icon-7">
<i class="fab fa-html5"></i>
</span>
<span class="icon is-large fas fa-3x icon-margin" id="icon-8">
<i class="fab fa-google"></i>
</span>
</div>
</section>
<section class="testimonials" style="height: 5000px">
<div class="testimonials-container">
<h2 class="">Testimonials</h2>
<hr class="rounded">
<h3><strong>What people I have worked with have to say...</strong></h3>
<div class="quotes-container">
<div class="quote quote-1">
<div>
<p>
<i>"Agi delicately balances data/tech/analytic thinking with human-focused, compassionate thinking. She can project from data just as easily as she can work from the "experience" back to the numbers. Agi is a delight to work with - powerful, fun, focused, driven, and empathetic. I wish we were still working on the same projects together."</i>
<br/><br/>
<img src="./public/gavin.png" class="testimonial-icon"/>
<br/>
<strong>Gavin Farrington</strong><br/><small>Manager, Product Operations at Cambly Inc.</small>
<br/>
</p>
</div>
</div>
<div class="quote quote-2">
<div>
<p>
<i>"Agi is a talented engineer with an analytical mindset. She breaks down the challenge in front of her, does the necessary research to ensure that her solution is optimal, and goes about implementation in a thoughtful, diligent way. I worked with Agi on a number of projects and she was always extremely reliable. She's also a pleasure to work with on a personal level and I would love to again!"</i>
<br/><br/>
<img src="./public/james.png" class="testimonial-icon"/>
<br/>
<strong>James Ellis</strong><br/><small>Senior Data Platform Engineer at Bowery Farming</small>
<br/>
</p>
</div>
</div>
<div class="quote quote-3">
<div>
<p>
<i>"Working with Agi is an absolute joy. Beyond being a highly skilled engineer, she is deeply empathetic, collaborative and kind. I look forward to opportunities to work with her again."</i>
<br/><br/>
<img src="./public/kate.png" class="testimonial-icon"/>
<br/>
<strong>Kate MacDermott</strong><br/><small>Director of Product at Grow Progress</small>
<br/>
</p>
</div>
</div>
<div class="quote quote-4">
<div>
<p>
<i>"Agi has an inspiring and genuine interest in learning and care for others. When I met her, she was organizing a series of study groups that didn't exist before for the online cohort at Flatiron. Not only did her work directly support the other people in the cohort - which was really cool to watch happen - but impacted the way Flatiron works with their online students and curriculum, leading to lasting change. She can code, too!"</i>
<br/><br/>
<img src="./public/alec.png" class="testimonial-icon"/>
<br/>
<strong>Alec DuBois</strong><br/><small>Software Engineer</small>
<br/>
</p>
</div>
</div>
<div class="quote quote-5">
<div>
<p>
<i>"Heads up! Agi is an asset to have on your team.
In fact, have you ever met someone that you just feel compelled to start a business with? She's the type of person I think of.<br/><br/>
Things you should know: She is a natural at strategic thinking, an incredible communicator, adaptable, and I really admire her ability to think about the future of a project or business with consideration of sustainability and the impact of people in mind through the entire process. She has this superpower to execute complex problems while also keeping a considerate eye on the big picture."</i>
<br/><br/>
<img src="./public/stacey.png" class="testimonial-icon"/>
<br/>
<strong>Stacey Mae Smith</strong><br/><small>Owner at Lilo Homes and Lilo Life</small>
<br/>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="projects">
<h2>Featured Projects</h2>
<hr class="rounded">
<div class="projects-subtitle">
See more:
<a href="https://github.com/agiletkiewicz" target="_blank">
<span class="icon is-large fas fa-4x icon-margin">
<i class="fab fa-github-square"></i>
</span>
</a>
</div>
<div class="tile parent">
<div class="tile child">
<article class="box">
<img src ="./public/lilohomes.gif" class="project-image"/>
</article>
</div>
<div class="tile child text">
<article class="box">
<p class="title">Lilo Homes</p>
<p class="subtitle">A marketing website for rental properties in Upstate New York.</p>
<p><strong>Requirements</strong><br/>A marketing website with a CMS and mobile responsible design, following client's brand book.</p>
<p><strong>Technology</strong><br/>Next.js for static generation using Airtable as a lightweight CMS. Tailwind CSS for styling, customized for client's branding.</p>
<div class="content">
<p>
<span class="icon-text">
<span class="icon">
<i class="far fa-star"></i>
</span>
<span>Features</span>
</span>
<ul>
<li>CMS controlled by client</li>
<li>SEO</li>
<li>Mobile responsive design</li>
<li>Image carousel</li>
</ul>
<br/>
<div class="button-container">
<a href="https://www.lilohomes.com">
<button class="button is-info is-focused button-margin">Visit</button>
</a>
<a href="https://github.com/agiletkiewicz/lilo-homes">
<button class="button"><i class="fab fa-github"></i></button>
</a>
</div>
</p>
</div>
</article>
</div>
</div>
<div class="tile parent">
<div class="tile child">
<article class="box">
<img src ="./public/my-minimony-gif.gif" class="project-image"/>
</article>
</div>
<div class="tile child text">
<article class="box">
<p class="title">My Minimony</p>
<p class="subtitle">A React app for saving and sharing ideas for tiny weddings.</p>
<div class="content">
<p>
<span class="icon-text">
<span class="icon">
<i class="far fa-star"></i>
</span>
<span>Features</span>
</span>
<ul>
<li>Image upload</li>
<li>Secure login</li>
<li>Search</li>
<li>Return to scroll position</li>
</ul>
<br/>
<div class="button-container">
<a href="https://github.com/agiletkiewicz/my-minimony-frontend">
<button class="button"><i class="fab fa-github"></i></button>
</a>
</div>
</p>
</div>
</article>
</div>
</div>
</section>
<footer class="footer">
<div>
<p>
<strong>Handcrafted by me.</strong>
</p>
</div>
</footer>
</body>
<script type="application/javascript" src="src/index.js" charset="UTF-8"></script>
</html>