Reworked sections

This commit is contained in:
walcutt 2025-05-05 22:36:31 -04:00
parent 9321728409
commit 93b9de415b
2 changed files with 54 additions and 20 deletions

View File

@ -90,12 +90,20 @@ a {
margin: 0.5em;
}
.section .block.sidebar {
margin-left: 2em;
border-left: 1px solid var(--text-color);
padding-left: 1em;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 1em;
}
.section .block .title {
text-align: right;
font-style: italic;
font-weight: bold;
padding-right: 0.5em;
border-right: 1px solid var(--text-color);
}
ul {
@ -162,6 +170,10 @@ ul {
justify-content: space-evenly;
align-items: center;
}
.section .block.block.sidebar {
display: block;
}
}
@media print {

View File

@ -116,14 +116,11 @@
</div>
</div>
<div class="body">
<div class="section work-experience">
<div class="section professional-experience">
<div class="descriptor">
Work Experience
Professional Experience
</div>
<div class="block safelite">
<div class="title">
<span class="years">2023 - Present</span> ~ Full-Stack Engineer, Safelite
</div>
<div class="block experience">
<div class="content">
<ul>
<li>
@ -142,19 +139,9 @@
</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
Key Technologies
</div>
<div class="block languages">
<div class="item">
@ -191,6 +178,41 @@
</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>.
My hosting stack is built on a <a href="https://www.vultr.com/" target="_blank">Vultr</a> VPS, <a href="https://caddyserver.com/" target="_blank">Caddy</a> reverse proxies,
a <a href="https://tailscale.com/" target="_blank">Tailscale</a> mesh VPN, <em>many</em> <a href="https://www.docker.com/" target="_blank">Docker</a> containers, and a
<a href="https://www.raspberrypi.com/" target="_blank">Raspberry Pi 5</a> in my living room.
</div>
</div>
</div>
</div>
</div>
</body>