build prev and add draft handling

This commit is contained in:
2026-03-24 09:50:56 -07:00
parent 422a0e45e8
commit f89f135f9b
280 changed files with 3612 additions and 3571 deletions

View File

@ -791,15 +791,19 @@ footer a:focus-visible {
<h1 class="centered upper" id="lee-cattarin">Lee Cattarin</h1>
<p class="centered">
he/him or ze/hir • Vashon, WA 98070
he/him or ze/hir • Vashon, WA 98070
<br>
<a href="mailto:lee.cattarin@gmail.com?subject=Resume%20inquiry">lee.cattarin@gmail.com</a><a href="/">this very website</a><a href="https://linkedin.com/in/lee-cattarin" target="_blank">linkedin.com/in/lee-cattarin</a>
<a href="mailto:lee.cattarin@gmail.com?subject=Resume%20inquiry">lee.cattarin@gmail.com</a>
<a href="/">this very website</a><a href="https://linkedin.com/in/lee-cattarin" target="_blank">linkedin.com/in/lee-cattarin</a>
</p>
<h2 class="centered upper" id="platforms-engineer">Platforms Engineer</h2>
<p>
Design-oriented platforms/infrastructure engineer with a well-rounded background in algorithms, UI/UX, observabilty, databases, and accessibility. Consistent customer focus with strong communication skills and a passion for sharing knowledge.
Design-oriented platforms/infrastructure engineer with a well-rounded
background in algorithms, UI/UX, observabilty, databases, and accessibility.
Consistent customer focus with strong communication skills and a passion for
sharing knowledge.
</p>
<hr>
@ -807,13 +811,13 @@ footer a:focus-visible {
<h2 class="centered upper" id="toolkit">Toolkit</h2>
<ul>
<li>Git, bash, and the terminal</li>
<li>Containers and Kubernetes</li>
<li>Terraform, Bicep, and infrastructure deployment</li>
<li>GitHub Actions and other pipelines</li>
<li>HTML/CSS, Javascript, and UI/UX design</li>
<li>Languages like Go, C, and Python</li>
<li>Accessiblity knowledge and thoughtful design</li>
<li>Git, bash, and the terminal</li>
<li>Containers and Kubernetes</li>
<li>Terraform, Bicep, and infrastructure deployment</li>
<li>GitHub Actions and other pipelines</li>
<li>HTML/CSS, Javascript, and UI/UX design</li>
<li>Languages like Go, C, and Python</li>
<li>Accessiblity knowledge and thoughtful design</li>
</ul>
<hr>
@ -821,110 +825,131 @@ footer a:focus-visible {
<h2 class="centered upper" id="experience">Experience</h2>
<div class="job">
<div class="two-col job-details">
<h3 id="freelance-web-developer">Freelance Web Developer</h3>
<p class="col2"><time datetime="2026-01">January 2026</time> Present</p>
</div>
<div class="two-col job-details">
<h3 id="freelance-web-developer">Freelance Web Developer</h3>
<p class="col2"><time datetime="2026-01">January 2026</time> Present</p>
</div>
<p>
Creates and maintains websites for clients based off their concepts and ideas.
</p>
<p>
Creates and maintains websites for clients based off their concepts and
ideas.
</p>
<ul>
<li>
<strong>Gryphon's Roost (<a href="https://gryphonsroost.xyz" target="_blank">gryphonsroost.xyz</a>):</strong>
a major redesign and port of Gryphon's Wix site to an Eleventy and TinaCMS blog.
</li>
<li>
<strong>Mari Hsu (<a href="https://marihsu.com" target="_blank">marihsu.com</a>):</strong>
a redesign of Mari's existing site and full port from pure HTML/CSS to Eleventy-based blog.
</li>
<li>
<strong>Spoonfairies (<a href="https://inherentlee.codeberg.page/spoonfairies" target="_blank">inherentlee.codeberg.page/spoonfairies</a>):</strong>
an Eleventy-based website for a just-launching project, built from the ground up.
</li>
<li>
<strong>Beall Greenhouses (<a href="https://beall-greenhouses.com" target="_blank">beall-greenhouses.com</a>):</strong>
a pure HTML/CSS/JS static site built from scratch for the Beall Greenhouses artist studios and markets.
</li>
</ul>
<ul>
<li>
<strong>Gryphon's Roost (<a href="https://gryphonsroost.xyz" target="_blank">gryphonsroost.xyz</a>):</strong>
a major redesign and port of Gryphon's Wix site to an Eleventy and
TinaCMS blog.
</li>
<li>
<strong>Mari Hsu (<a href="https://marihsu.com" target="_blank">marihsu.com</a>):</strong>
a redesign of Mari's existing site and full port from pure HTML/CSS to
Eleventy-based blog.
</li>
<li>
<strong>Spoonfairies (<a href="https://spoonfairies.help" target="_blank">spoonfairies.help</a>):</strong>
an Eleventy-based website for a just-launching project, built from the
ground up.
</li>
<li>
<strong>Beall Greenhouses (<a href="https://beall-greenhouses.com" target="_blank">beall-greenhouses.com</a>):</strong>
a pure HTML/CSS/JS static site built from scratch for the Beall
Greenhouses artist studios and markets.
</li>
</ul>
</div>
<div class="spacer"></div>
<div class="job">
<div class="two-col job-details">
<p><b>Microsoft,</b> Redmond, WA</p>
<p class="col2"><time datetime="2018-08">August 2018</time> <time datetime="2025-07">July 2025</time></p>
</div>
<div class="two-col job-details">
<p><b>Microsoft,</b> Redmond, WA</p>
<p class="col2"><time datetime="2018-08">August 2018</time> <time datetime="2025-07">July 2025</time></p>
</div>
<h3 id="software-development-engineer-i-and-ii">Software Development Engineer I & II</h3>
<h3 id="software-development-engineer-i-and-ii">Software Development Engineer I & II</h3>
<p>
Worked on green- and brown-field projects with customers, solving emerging problems in infrastructure, devOps, and LLM/human interaction. Wrote reports on product feedback to relay to product teams and improved documentation.
</p>
<p>
Worked on green- and brown-field projects with customers, solving emerging
problems in infrastructure, devOps, and LLM/human interaction. Wrote
reports on product feedback to relay to product teams and improved
documentation.
</p>
<ul>
<li>Contributed UI/UX, algorithm, and database design to a new human-in-the-loop approach to LLM form automation, ensuring both that content was effectively reviewed and that auditing was smooth.</li>
<li>Deployed and configured Kubernetes for many scenarios, handling monitoring and observability, scaling, traffic routing, security and policy, Windows container support, and more.</li>
<li>Maintained team working agreements to ensure team unity and consistency. Shaped team processes and documentation to improve clarity and speed up onboarding.</li>
<li>Improved Azure and open source documentation with new, updated, and corrected information.</li>
<li>Coached multiple learning-oriented hackathons to ensure broader community understanding and adoption of Azure services.</li>
<li>Presented to groups of 10100 on backend accessibility and queer/trans education.</li>
</ul>
<ul>
<li>Contributed UI/UX, algorithm, and database design to a new
human-in-the-loop approach to LLM form automation, ensuring both that
content was effectively reviewed and that auditing was smooth.</li>
<li>Deployed and configured Kubernetes for many scenarios, handling
monitoring and observability, scaling, traffic routing, security and
policy, Windows container support, and more.</li>
<li>Maintained team working agreements to ensure team unity and
consistency. Shaped team processes and documentation to improve clarity
and speed up onboarding.</li>
<li>Improved Azure and open source documentation with new, updated, and
corrected information.</li>
<li>Coached multiple learning-oriented hackathons to ensure broader
community understanding and adoption of Azure services.</li>
<li>Presented to groups of 10100 on backend accessibility and queer/trans
education.</li>
</ul>
</div>
<div class="spacer"></div>
<div class="job">
<div class="two-col job-details">
<p><b>Riverside Refuge Studio,</b> Vashon, WA</p>
<p class="col2"><time datetime="2023-10">October 2023</time> Present</p>
</div>
<div class="two-col job-details">
<p><b>Riverside Refuge Studio,</b> Vashon, WA</p>
<p class="col2"><time datetime="2023-10">October 2023</time> Present</p>
</div>
<h3 id="co-owner-and-artist">Co-owner and artist</h3>
<h3 id="co-owner-and-artist">Co-owner and artist</h3>
<p>
Maintains website, storefront, and inventory for a diverse set of artistic goods. Communicates with a range of customers, both digitally and in-person.
</p>
<p>
Maintains website, storefront, and inventory for a diverse set of artistic
goods. Communicates with a range of customers, both digitally and
in-person.
</p>
<ul>
<li>Designs and creates art/crafts in a variety of mediums ranging from visual to functional.</li>
<li>Presents work in art shows in and around Seattle.</li>
<li>Runs booths or studio space at art fairs and markets.</li>
</ul>
<ul>
<li>Designs and creates art/crafts in a variety of mediums ranging from
visual to functional.</li>
<li>Presents work in art shows in and around Seattle.</li>
<li>Runs booths or studio space at art fairs and markets.</li>
</ul>
</div>
<div class="spacer"></div>
<div class="job">
<div class="two-col job-details">
<p><b>Rensselaer Polytechnic Institute,</b> Troy, NY</p>
<p class="col2"><time datetime="2015-09">September 2015</time> <time datetime="2017-12">December 2017</time></p>
</div>
<div class="two-col job-details">
<p><b>Rensselaer Polytechnic Institute,</b> Troy, NY</p>
<p class="col2"><time datetime="2015-09">September 2015</time> <time datetime="2017-12">December 2017</time></p>
</div>
<h3 id="undergraduate-programming-mentor">Undergraduate Programming Mentor</h3>
<h3 id="undergraduate-programming-mentor">Undergraduate Programming Mentor</h3>
<p>
Helped students debug and develop in Python and learn core programming concepts. Created daily quiz material and graded exams.
</p>
<p>
Helped students debug and develop in Python and learn core programming
concepts. Created daily quiz material and graded exams.
</p>
</div>
<div class="spacer"></div>
<div class="job">
<div class="two-col job-details">
<p><b>Microsoft,</b> Redmond, WA</p>
<p class="col2"><time datetime="2017-06">June 2017</time> <time datetime="2017-08">August 2017</time></p>
</div>
<div class="two-col job-details">
<p><b>Microsoft,</b> Redmond, WA</p>
<p class="col2"><time datetime="2017-06">June 2017</time> <time datetime="2017-08">August 2017</time></p>
</div>
<h3 id="software-development-engineering-intern">Software Development Engineering Intern</h3>
<p>
Developed a chatbot add-on for the Azure Android application.
</p>
<h3 id="software-development-engineering-intern">Software Development Engineering Intern</h3>
<p>
Developed a chatbot add-on for the Azure Android application.
</p>
</div>
<hr>
@ -932,56 +957,51 @@ footer a:focus-visible {
<h2 class="centered upper" id="projects">Projects</h2>
<div class="job">
<div class="two-col job-details">
<h3 id="siblinghood-of-the-traveling-greeting-card-siblinghood-quest">Siblinghood of the Traveling Greeting Card (<a href="https://siblinghood.quest" target="_blank">siblinghood.quest</a>)</h3>
<p class="col2"><time datetime="2025-11">November 2025</time> Present</p>
</div>
<div class="two-col job-details">
<h3 id="siblinghood-of-the-traveling-greeting-card-siblinghood-quest">Siblinghood of the Traveling Greeting Card (<a href="https://siblinghood.quest" target="_blank">siblinghood.quest</a>)</h3>
<p class="col2"><time datetime="2025-11">November 2025</time> Present
</p>
</div>
<p>Designs, develops, and maintains website. Manages communication and logistics for a ~40 person global community building project.</p>
<p>Designs, develops, and maintains website. Manages communication and
logistics for a ~40 person global community building project.</p>
</div>
<div class="spacer"></div>
<div class="job">
<div class="two-col job-details">
<h3 id="leecat-art-you-are-here-leecat-art">leecat.art (you are here!) (<a href="/">leecat.art</a>)</h3>
<p class="col2"><time datetime="2022-10">October 2022</time> Present</p>
</div>
<div class="two-col job-details">
<h3 id="leecat-art-you-are-here-leecat-art">leecat.art (you are here!) (<a href="/">leecat.art</a>)</h3>
<p class="col2"><time datetime="2022-10">October 2022</time> Present</p>
</div>
<p>Designs, maintains, and creates all content.</p>
<p>Designs, maintains, and creates all content.</p>
</div>
<div class="spacer"></div>
<div class="job">
<div class="two-col job-details">
<h3 id="11ty-lessons-inherentlee-codeberg-page-lessons">11ty Lessons (<a href="https://inherentlee.codeberg.page/lessons" target="_blank">inherentlee.codeberg.page/lessons</a>)</h3>
<p class="col2"><time datetime="2026-02">February 2026</time></p>
</div>
<div class="two-col job-details">
<h3 id="fedizinefest-fedizinefest-fyi">FediZineFest (<a href="https://fedizinefest.fyi" target="_blank">fedizinefest.fyi</a>)</h3>
<p class="col2"><time datetime="2023-12">December 2023</time> <time datetime="2025-07">July 2025</time></p>
</div>
<p>Designed, developed, and wrote all content for Eleventy-based website that details lessons learned while building with Eleventy.</p>
<p>Created and ran a global event for zine artists on the fediverse
(Mastodon) for two years. Coordinated website, physical material shipping
and logistics, payment, and marketing for a 4050 person project.</p>
</div>
<div class="spacer"></div>
<div class="job">
<div class="two-col job-details">
<h3 id="fedizinefest-fedizinefest-fyi">FediZineFest (<a href="https://fedizinefest.fyi" target="_blank">fedizinefest.fyi</a>)</h3>
<p class="col2"><time datetime="2023-12">December 2023</time> <time datetime="2025-07">July 2025</time></p>
</div>
<div class="two-col job-details">
<h3 id="rescue-trans-rescue-rescue-trans-rescue-quest">Rescue Trans Rescue (<a href="https://rescue-trans-rescue.quest" target="_blank">rescue-trans-rescue.quest</a>)</h3>
<p class="col2"><time datetime="2024">2024</time></p>
</div>
<p>Created and ran a global event for zine artists on the fediverse (Mastodon) for two years. Coordinated website, physical material shipping and logistics, payment, and marketing for a 4050 person project.</p>
</div>
<div class="spacer"></div>
<div class="job">
<div class="two-col job-details">
<h3 id="rescue-trans-rescue-rescue-trans-rescue-quest">Rescue Trans Rescue (<a href="https://rescue-trans-rescue.quest" target="_blank">rescue-trans-rescue.quest</a>)</h3>
<p class="col2"><time datetime="2024">2024</time></p>
</div>
<p>Created a digital art exhibit and sale to raise money for charity. Coordinated ~30 artists to contribute physical and digital work as well as a collaborative sticker sheet. Raised ~2.3k for Trans Rescue.</p>
<p>Created a digital art exhibit and sale to raise money for charity.
Coordinated ~30 artists to contribute physical and digital work as well as
a collaborative sticker sheet. Raised ~2.3k for Trans Rescue.</p>
</div>
<hr>
@ -989,9 +1009,9 @@ footer a:focus-visible {
<h2 class="centered upper" id="education">Education</h2>
<p class="centered">
<b>Bachelor of Science — Computer Science</b>
<br>
Rensselaer Polytechnic Institute, Troy, NY
<b>Bachelor of Science — Computer Science</b>
<br>
Rensselaer Polytechnic Institute, Troy, NY
</p>
</div>
@ -1020,6 +1040,6 @@ footer a:focus-visible {
</footer>
<!-- This page `/resume/` was built on 2026-03-19T22:02:57.896Z -->
<!-- This page `/resume/` was built on 2026-03-24T16:54:11.092Z -->
</body>
</html>