feat: modularise and expand job information, set up testing (#9)

Closes #6
Closes #7
Closes #8

Reviewed-on: https://codeberg.org/nhcarrigan/portfolio/pulls/9
Co-authored-by: Naomi <commits@nhcarrigan.com>
Co-committed-by: Naomi <commits@nhcarrigan.com>
This commit is contained in:
2024-05-19 05:17:17 +00:00
committed by Naomi Carrigan
parent 41cbd482c4
commit b909f4666c
38 changed files with 2100 additions and 861 deletions
+13 -344
View File
@@ -8,349 +8,18 @@
vibrant digital spaces can drive engagement and growth.
</p>
<hr />
<h2>Contact</h2>
<div class="socials">
<a
href="https://codeberg.org/naomi-lgbt"
target="_blank"
rel="noopener noreferrer"
aria-label="Codeberg"
><fa-icon alt="Codeberg Logo" [icon]="codeberg"></fa-icon
></a>
<a
href="https://chat.naomi.lgbt"
target="_blank"
rel="noopener noreferrer"
aria-label="Discord"
><fa-icon alt="Discord Logo" [icon]="discord"></fa-icon
></a>
<a
href="https://matrix.to/#/#naomi:matrix.org"
target="_blank"
rel="noopener noreferrer"
aria-label="Matrix"
><fa-icon alt="Element Logo" [icon]="matrix"></fa-icon
></a>
<a
href="https://join.slack.com/t/naomi-lgbt/signup"
target="_blank"
rel="noopener noreferrer"
aria-label="Slack"
><fa-icon alt="Slack Logo" [icon]="slack"></fa-icon
></a>
<a
href="https://reddit.com/r/nhcarrigan"
target="_blank"
rel="noopener noreferrer"
aria-label="Reddit"
><fa-icon alt="Reddit Logo" [icon]="reddit"></fa-icon
></a>
<a
href="https://blog.nhcarrigan.com"
target="_blank"
rel="noopener noreferrer"
aria-label="Hashnode Blog"
><fa-icon alt="Hashnode Logo" [icon]="blog"></fa-icon
></a>
<a
href="https://linkedin.com/in/naomi-lgbt"
target="_blank"
rel="noopener noreferrer"
aria-label="LinkedIn"
><fa-icon alt="LinkedIn Logo" [icon]="linkedIn"></fa-icon
></a>
<a
href="https://resume.nhcarrigan.com"
target="_blank"
rel="noopener noreferrer"
aria-label="Peerlist Resume"
><fa-icon alt="Peerlist Logo" [icon]="peerlist"></fa-icon
></a>
<a
href="https://www.polywork.com/nhcarrigan"
target="_blank"
rel="noopener noreferrer"
aria-label="Polywork"
><fa-icon alt="Polywork Logo" [icon]="polywork"></fa-icon
></a>
</div>
<section>
<h2>Contact</h2>
<app-social *ngFor="let social of socials" [social]="social" />
</section>
<hr />
<h2>Featured Clients</h2>
<div class="logo-container">
<a href="https://freecodecamp.org" target="_blank" rel="noopener noreferrer">
<img
class="logo"
src="../../assets/img/fcc_primary_large.svg"
alt="freeCodeCamp"
height="50px"
/>
</a>
<a href="https://rythm.fm" target="_blank" rel="noopener noreferrer">
<img
class="logo"
src="../../assets/img/rythm.svg"
alt="Rythm"
height="50px"
/>
</a>
<a href="https://deepgram.com" target="_blank" rel="noopener noreferrer">
<img
class="logo"
src="../../assets/img/deepgram.svg"
alt="Deepgram AI"
height="50px"
/>
</a>
</div>
<section>
<h2>Featured Clients</h2>
<div class="logo-container">
<app-logo *ngFor="let logo of logos" [logo]="logo" />
</div>
</section>
<hr />
<h2>All Work</h2>
<div class="legend">
<p class="current">Current</p>
<p class="former">Former</p>
<p class="volunteer">Volunteer</p>
</div>
<div class="timeline">
<div class="container left hypothetical">
<div class="info">
<h2>
<a
href="https://docs.nhcarrigan.com/#/hire"
target="_blank"
rel="noopener noreferrer"
>Consultant</a
>
</h2>
<p class="date">Today</p>
<p class="company">Your Company!</p>
</div>
</div>
<div class="container right current volunteer">
<div class="info">
<h2>
<a
href="https://art4palestine.org/"
target="_blank"
rel="noopener noreferrer"
>Development Lead</a
>
</h2>
<p class="date">November 2023</p>
<p class="company">Art 4 Palestine</p>
</div>
</div>
<div class="container left current volunteer">
<div class="info">
<h2>
<a
href="https://discord.gg/kYpjgEB"
target="_blank"
rel="noopener noreferrer"
>Community Moderator</a
>
</h2>
<p class="date">September 2023</p>
<p class="company">AngelRose</p>
</div>
</div>
<div class="container right current">
<div class="info">
<h2>
<a href="https://deepgram.com" target="_blank" rel="noopener noreferrer"
>Community Bot Engineer</a
>
</h2>
<p class="date">July 2023</p>
<p class="company">Deepgram</p>
</div>
</div>
<div class="container left former">
<div class="info">
<h2>
<a
href="https://linktr.ee/bigbadbeaver"
target="_blank"
rel="noopener noreferrer"
>Twitch Integration Engineer</a
>
</h2>
<p class="date">October 2022</p>
<p class="company">BigBadBeaver Productions</p>
</div>
</div>
<div class="container right former">
<div class="info">
<h2>
<a
href="https://www.semasoftware.com/"
target="_blank"
rel="noopener noreferrer"
>Community Manager and Open-Source Engineer</a
>
</h2>
<p class="date">May 2023</p>
<p class="company">Sema Software</p>
</div>
</div>
<div class="container left former">
<div class="info">
<h2>
<a
href="https://discord.gg/kYpjgEB"
target="_blank"
rel="noopener noreferrer"
>Community Manager</a
>
</h2>
<p class="date">May 2023</p>
<p class="company">4C</p>
</div>
</div>
<div class="container right current">
<div class="info">
<h2>
<a href="https://rythm.fm/" target="_blank" rel="noopener noreferrer"
>Senior Integrations Engineer</a
>
</h2>
<p class="date">April 2022</p>
<p class="company">Rythm</p>
</div>
</div>
<div class="container left former">
<div class="info">
<h2>
<a
href="https://tweetshift.com/"
target="_blank"
rel="noopener noreferrer"
>Community Manager</a
>
</h2>
<p class="date">January 2022</p>
<p class="company">TweetShift</p>
</div>
</div>
<div class="container right current">
<div class="info">
<h2>
<a
href="https://streamcord.io/"
target="_blank"
rel="noopener noreferrer"
>Community Manager and Infrastructure Engineer</a
>
</h2>
<p class="date">August 2021</p>
<p class="company">Streamcord</p>
</div>
</div>
<div class="container left former volunteer">
<div class="info">
<h2>
<a
href="https://play.battlesnake.com/"
target="_blank"
rel="noopener noreferrer"
>Community Moderator</a
>
</h2>
<p class="date">June 2021</p>
<p class="company">Battlesnake</p>
</div>
</div>
<div class="container right current volunteer">
<div class="info">
<h2>
<a
href="https://discord.gg/infinite"
target="_blank"
rel="noopener noreferrer"
>Discord Administrator and Platform Engineering Manager</a
>
</h2>
<p class="date">June 2021</p>
<p class="company">Caylus Crew</p>
</div>
</div>
<div class="container left former volunteer">
<div class="info">
<h2>
<a
href="http://discord.gg/U3jQVYNbJt"
target="_blank"
rel="noopener noreferrer"
>Integrations Engineer</a
>
</h2>
<p class="date">April 2021</p>
<p class="company">Xcentric Collective</p>
</div>
</div>
<div class="container right current volunteer">
<div class="info">
<h2>
<a
href="https://hacktoberfest.com"
target="_blank"
rel="noopener noreferrer"
>Hacktoberfest Community Moderator</a
>
</h2>
<p class="date">April 2021</p>
<p class="company">DigitalOcean</p>
</div>
</div>
<div class="container left former volunteer">
<div class="info">
<h2>
<a
href="https://www.eddiehub.org/"
target="_blank"
rel="noopener noreferrer"
>Discord Administrator</a
>
</h2>
<p class="date">January 2021</p>
<p class="company">EddieHub</p>
</div>
</div>
<div class="container right current volunteer">
<div class="info">
<h2>
<a
href="https://discord.gg/StwJYeq"
target="_blank"
rel="noopener noreferrer"
>Discord Administrator and Lead Integrations Engineer</a
>
</h2>
<p class="date">December 2020</p>
<p class="company">Commit Your Code</p>
</div>
</div>
<div class="container left current volunteer">
<div class="info">
<h2>
<a
href="https://freecodecamp.org"
target="_blank"
rel="noopener noreferrer"
>Educational Developer and Community Manager</a
>
</h2>
<p class="date">December 2020</p>
<p class="company">freeCodeCamp</p>
</div>
</div>
<div class="container right hypothetical">
<div class="info">
<h2>
<a href="https://naomi.lgbt" target="_blank" rel="noopener noreferrer"
>Began Development Journey</a
>
</h2>
<p class="date">April 2020</p>
<p class="company">nhcarrigan</p>
</div>
</div>
</div>
<section>
<app-timeline></app-timeline>
</section>