197 lines
10 KiB
HTML
197 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Chloe Herd</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<link rel="icon" href="/favicon.ico" size="any">
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
|
|
<link rel="stylesheet" href="/assets/chloe.css" type="text/css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<div class="name">
|
|
Chloe Herd
|
|
</div>
|
|
<div class="contact">
|
|
<!-- Swap email & location for mobile view -->
|
|
<div class="method">
|
|
<span class="mobile-hide">
|
|
Columbus, OH
|
|
</span>
|
|
<span class="mobile-only">
|
|
<!-- mail icon -->
|
|
<a href="mailto:chloe@chloeherd.codes">
|
|
<svg
|
|
class="icon"
|
|
viewBox="0 0 48 48"
|
|
version="1.1"
|
|
id="svg1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<g
|
|
id="layer1">
|
|
<rect
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color, #fff);stroke-width:1.03647;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1;-inkscape-stroke:hairline"
|
|
id="rect1"
|
|
width="32"
|
|
height="24"
|
|
x="8"
|
|
y="12" />
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color, #fff);stroke-width:1.03213;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1;-inkscape-stroke:hairline"
|
|
d="M 8,14 24.270353,32 40,14.588557"
|
|
id="path1" />
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div class="method">
|
|
<span class="mobile-hide">
|
|
<a href="mailto:chloe@chloeherd.codes">
|
|
chloe@chloeherd.codes
|
|
</a>
|
|
</span>
|
|
<span class="mobile-only">
|
|
Columbus, OH
|
|
</span>
|
|
</div>
|
|
<div class="method">
|
|
<span class="mobile-hide">
|
|
<a href="https://www.linkedin.com/in/chloe-herd-021b20139/" target="_blank">
|
|
Linkedin
|
|
</a>
|
|
</span>
|
|
<span class="mobile-only">
|
|
<!-- linkedin logo -->
|
|
<a href="https://www.linkedin.com/in/chloe-herd-021b20139/" target="_blank">
|
|
<svg
|
|
class="icon"
|
|
viewBox="0 0 48 48"
|
|
version="1.1"
|
|
id="svg1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<defs
|
|
id="defs1" />
|
|
<g
|
|
id="layer1">
|
|
<circle
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color, #FFF);stroke-width:0.754862;stroke-linecap:square;-inkscape-stroke:hairline"
|
|
id="path1"
|
|
cx="24"
|
|
cy="24"
|
|
r="16" />
|
|
<circle
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color, #fff);stroke-width:0.552653;stroke-linecap:square;-inkscape-stroke:hairline"
|
|
id="path2"
|
|
cx="19.5"
|
|
cy="19.5"
|
|
r="1.5" />
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color, #fff);stroke-width:0.883861;stroke-linecap:square;-inkscape-stroke:hairline"
|
|
d="m 19.5,22 v 8"
|
|
id="path3" />
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color, #fff);stroke-width:0.905961;stroke-linecap:square;-inkscape-stroke:hairline"
|
|
d="M 24,30 V 22"
|
|
id="path5" />
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color, #fff);stroke-width:0.905961;stroke-linecap:square;-inkscape-stroke:hairline"
|
|
d="M 30,30 V 25"
|
|
id="path6" />
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color, #fff);stroke-width:0.897183;stroke-linecap:square;-inkscape-stroke:hairline"
|
|
id="path7"
|
|
d="m 24,25 a 3,3 0 0 1 3,-3 3,3 0 0 1 3,3" />
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="body">
|
|
<div class="section work-experience">
|
|
<div class="descriptor">
|
|
Work Experience
|
|
</div>
|
|
<div class="block safelite">
|
|
<div class="title">
|
|
<span class="years">2023 - Present</span> ~ Full-Stack Engineer, Safelite
|
|
</div>
|
|
<div class="content">
|
|
<ul>
|
|
<li>
|
|
Implemented new designs for a greenfield rewrite of an e-commerce order form, using <strong>Vue.js</strong> and <strong>.NET</strong>.
|
|
</li>
|
|
<li>
|
|
Worked closely with product owners to quickly pivot development based on feedback and product goals.
|
|
</li>
|
|
<li>
|
|
Ran and updated <strong>Azure DevOps</strong> pipelines, facilitating seamless deployment of applications to multiple environments.
|
|
</li>
|
|
<li>
|
|
Worked in tandem with other teams to build an ecosystem of independent but interconnected business applications.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section education">
|
|
<div class="descriptor">
|
|
Education
|
|
</div>
|
|
<div class="block uva">
|
|
<div class="title">
|
|
<span class="years">2020</span> ~ <span class="mobile-hide">B.S. Computer Science,</span> University of Virginia
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section proficiencies">
|
|
<div class="descriptor">
|
|
Technologies
|
|
</div>
|
|
<div class="block languages">
|
|
<div class="item">
|
|
<span>C#</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Javascript</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>HTML5</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>CSS3</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Bash</span>
|
|
</div>
|
|
</div>
|
|
<div class="block frameworks">
|
|
<div class="item">
|
|
<span>Node.js</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Vue.js</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Docker</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Azure DevOps</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>Git</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |