291 lines
16 KiB
HTML
291 lines
16 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">
|
|
Columbus, OH
|
|
</span>
|
|
</div>
|
|
<div class="method">
|
|
<span class="mobile-hide">
|
|
<a href="mailto:chloe@chloeherd.codes">
|
|
chloe@chloeherd.codes
|
|
</a>
|
|
</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="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 class="method">
|
|
<span class="mobile-hide">
|
|
<a href="https://git.chloeherd.codes" target="_blank">
|
|
Git
|
|
</a>
|
|
</span>
|
|
<span class="mobile-only">
|
|
<a href="https://git.chloeherd.codes" target="_blank">
|
|
<!-- Chloenet logo -->
|
|
<svg
|
|
class="icon"
|
|
viewBox="0 0 512 512"
|
|
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">
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color);stroke-width:1;stroke-dasharray:none;-inkscape-stroke:hairline;paint-order:normal"
|
|
id="path4"
|
|
d="m 323.88224,323.88225 a 96,96 0 0 1 -135.76451,0 96,96 0 0 1 0,-135.7645 96,96 0 0 1 135.7645,0" />
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color);stroke-width:1;stroke-dasharray:none;-inkscape-stroke:hairline;paint-order:normal"
|
|
d="M 256.059,352 C 256.0295,439.35294 256,440 256,440"
|
|
id="path5" />
|
|
<circle
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color);stroke-width:1;stroke-dasharray:none;-inkscape-stroke:hairline;paint-order:normal"
|
|
id="path7"
|
|
cx="256"
|
|
cy="456"
|
|
r="16" />
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color);stroke-width:1;stroke-dasharray:none;-inkscape-stroke:hairline;paint-order:normal"
|
|
d="M 188.12,188.12 125.25,125.25"
|
|
id="path8" />
|
|
<circle
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color);stroke-width:1;stroke-dasharray:none;-inkscape-stroke:hairline;paint-order:normal"
|
|
id="path9"
|
|
cx="114"
|
|
cy="114"
|
|
r="16" />
|
|
<path
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color);stroke-width:1;stroke-dasharray:none;-inkscape-stroke:hairline;paint-order:normal"
|
|
d="m 130,162 32,-32"
|
|
id="path10" />
|
|
<circle
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color);stroke-width:1;stroke-dasharray:none;-inkscape-stroke:hairline;paint-order:normal"
|
|
id="path11"
|
|
cx="334.54999"
|
|
cy="199.55"
|
|
r="16" />
|
|
<circle
|
|
style="vector-effect:non-scaling-stroke;fill:none;stroke:var(--text-color);stroke-width:1;stroke-dasharray:none;-inkscape-stroke:hairline;paint-order:normal"
|
|
id="path11-1"
|
|
cx="334.29401"
|
|
cy="312"
|
|
r="16" />
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="body">
|
|
<div class="section professional-experience">
|
|
<div class="descriptor">
|
|
Professional Experience
|
|
</div>
|
|
<div class="block experience">
|
|
<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 proficiencies">
|
|
<div class="descriptor">
|
|
Key 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 class="section work-history">
|
|
<div class="descriptor">
|
|
Work & Education
|
|
</div>
|
|
<div class="block safelite sidebar">
|
|
<div class="title">
|
|
Safelite Group, Inc.
|
|
</div>
|
|
<div class="content 2-column">
|
|
Full-stack Developer ~ 2023 - Present
|
|
</div>
|
|
</div>
|
|
<div class="block uva sidebar">
|
|
<div class="title">
|
|
University of Virginia
|
|
</div>
|
|
<div class="content uva">
|
|
B.S. Computer Science ~ 2020
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section projects print-hide">
|
|
<div class="descriptor">
|
|
Personal Projects
|
|
</div>
|
|
<div class="block intro">
|
|
<div class="content">
|
|
I love to tinker with a number of small, self-hosted side projects, including this site! I manage them via
|
|
<a href="https://about.gitea.com/" target="_blank">Gitea</a> at <a href="https://git.chloeherd.codes/" target="_blank">git.chloeherd.codes</a>.
|
|
</div>
|
|
<div class="content">
|
|
My hosting stack is built on:
|
|
<ul>
|
|
<li>A <a href="https://www.vultr.com/" target="_blank">Vultr</a> VPS</li>
|
|
<li><a href="https://caddyserver.com/" target="_blank">Caddy</a> reverse proxies</li>
|
|
<li>A <a href="https://tailscale.com/" target="_blank">Tailscale</a> mesh VPN</li>
|
|
<li><em>Many</em> <a href="https://www.docker.com/" target="_blank">Docker</a> containers</li>
|
|
<li>A <a href="https://www.raspberrypi.com/" target="_blank">Raspberry Pi 5</a> in my living room</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |