316 lines
18 KiB
HTML
316 lines
18 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">
|
|
<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/" target="_blank">
|
|
Linkedin
|
|
</a>
|
|
</span>
|
|
<span class="mobile-only">
|
|
<!-- linkedin logo -->
|
|
<a href="https://www.linkedin.com/in/chloe-herd/" 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">
|
|
<div>
|
|
Professional Experience
|
|
</div>
|
|
<div class="decoration red"></div>
|
|
</div>
|
|
<div class="block experience">
|
|
<div class="content">
|
|
<ul class="spaced">
|
|
<li>
|
|
<strong><em>Full Stack Developer</em> ~</strong> I've spent 5+ years creating complex applications, working across all layers in <strong>Vue.js</strong>, <strong>.NET</strong>, and other supporting technologies.
|
|
</li>
|
|
<li>
|
|
<strong><em>Quality Code</em> ~</strong> I lead technical design for many new features, regularly lead efforts to refactor existing code and <strong>eliminate tech debt</strong>, and monitor others' changes for readability and best practices.
|
|
</li>
|
|
<li>
|
|
<strong><em>Deployment Management</em> ~</strong> I use <strong>Git</strong> and <strong>Azure DevOps</strong> to continuosly deploy changes to several development environments. Also, I coordinate scheduled cross-application production releases using DevOps, <strong>Sitefinity</strong>, and <strong>Octopus Deploy</strong>.
|
|
</li>
|
|
<li>
|
|
<strong><em>Agile Trained</em> ~</strong> I participate in <strong>Agile</strong> ceremonies, and work with the team and management to re-assess and refine those ceremonies to best suit our needs.
|
|
</li>
|
|
<li>
|
|
<strong><em>Dynamic Workspace</em> ~</strong> I communicate closely with business partners to prioritize critical initiatives, provide realistic expectations and estimates for changes, and put development effort towards the most effective causes.
|
|
</li>
|
|
<li>
|
|
<strong><em>Site Reliability</em> ~</strong> I participate in the team's <strong>on-call rotation</strong>, using technologies such as <strong>Dynatrace</strong>, <strong>Solarwinds</strong>, <strong>Prometheus</strong> and <strong>OpsGenie</strong> to monitor production environments, diagnose critical issues, and resolve them with minimized impact during business hours.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section proficiencies">
|
|
<div class="descriptor">
|
|
<div>
|
|
Key Technologies
|
|
</div>
|
|
<div class="decoration green"></div>
|
|
</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">
|
|
<div>
|
|
Work & Education
|
|
</div>
|
|
<div class="decoration blue"></div>
|
|
</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 agile sidebar">
|
|
<div class="title">
|
|
Certified Scrum Master
|
|
</div>
|
|
<div class="content">
|
|
Scrum Alliance ~ 2024
|
|
</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">
|
|
<div>
|
|
Personal Projects
|
|
</div>
|
|
<div class="decoration"></div>
|
|
</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> |