generated from nhcarrigan/template
955 lines
34 KiB
HTML
955 lines
34 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>NHCarrigan - Software Engineering & Community Management</title>
|
|
<meta name="description" content="Building inclusive tech communities and ethical software solutions. Software engineering, community management, and mentorship services.">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body {
|
|
width: 100%;
|
|
overflow-x: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Skip to main content for accessibility */
|
|
.skip-link {
|
|
position: absolute;
|
|
top: -40px;
|
|
left: 0;
|
|
background: #5865F2;
|
|
color: white;
|
|
padding: 8px;
|
|
text-decoration: none;
|
|
z-index: 100;
|
|
}
|
|
.skip-link:focus {
|
|
top: 0;
|
|
}
|
|
|
|
main {
|
|
max-width: 1200px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 2rem 1rem;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.card {
|
|
background: #ffffff;
|
|
border: 2px solid #e0e0e0;
|
|
border-radius: 16px;
|
|
padding: 2rem;
|
|
margin: 2rem 0;
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.card-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
padding-bottom: 1rem;
|
|
border-bottom: 2px solid #f0f0f0;
|
|
}
|
|
|
|
.card-header img {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.avatar-card .card-header img {
|
|
width: 100px;
|
|
height: 100px;
|
|
border-radius: 50%;
|
|
border: 3px solid #f0f0f0;
|
|
}
|
|
|
|
.logo-card .card-header img {
|
|
width: 120px;
|
|
height: auto;
|
|
}
|
|
|
|
.cta-button {
|
|
background: #5865F2;
|
|
color: white;
|
|
padding: 1rem 2rem;
|
|
text-decoration: none;
|
|
border-radius: 8px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
font-size: 1.1rem;
|
|
margin: 0.5rem 0.5rem 0.5rem 0;
|
|
transition: background 0.3s ease, transform 0.2s ease;
|
|
border: 2px solid transparent;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.cta-button:hover,
|
|
.cta-button:focus {
|
|
background: #4752C4;
|
|
color: white;
|
|
transform: scale(1.05);
|
|
outline: 3px solid rgba(88, 101, 242, 0.3);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.cta-button:active {
|
|
transform: scale(0.98);
|
|
}
|
|
|
|
.cta-button-secondary {
|
|
background: #333;
|
|
color: white;
|
|
}
|
|
|
|
.cta-button-secondary:hover,
|
|
.cta-button-secondary:focus {
|
|
background: #222;
|
|
outline-color: rgba(51, 51, 51, 0.3);
|
|
}
|
|
|
|
.cta-button-donate {
|
|
background: #10b981;
|
|
color: white;
|
|
}
|
|
|
|
.cta-button-donate:hover,
|
|
.cta-button-donate:focus {
|
|
background: #059669;
|
|
outline-color: rgba(16, 185, 129, 0.3);
|
|
}
|
|
|
|
.cta-button i {
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.hero-cta {
|
|
text-align: center;
|
|
margin: 2rem 0;
|
|
padding: 2rem;
|
|
background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%);
|
|
border-radius: 16px;
|
|
color: white;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.hero-cta h2 {
|
|
margin-top: 0;
|
|
color: white;
|
|
}
|
|
|
|
.hero-cta .cta-button {
|
|
background: white;
|
|
color: #5865F2;
|
|
font-size: 1.2rem;
|
|
padding: 1.2rem 2.5rem;
|
|
}
|
|
|
|
.hero-cta .cta-button:hover,
|
|
.hero-cta .cta-button:focus {
|
|
background: #f0f0f0;
|
|
outline-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.stats-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 1.5rem;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.stat-card {
|
|
text-align: center;
|
|
padding: 1.5rem;
|
|
background: white;
|
|
border-radius: 12px;
|
|
border: 2px solid #e0e0e0;
|
|
}
|
|
|
|
.stat-number {
|
|
font-size: 2.5rem;
|
|
font-weight: bold;
|
|
color: #5865F2;
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
.stat-label {
|
|
color: #666;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
color: #1a1a1a;
|
|
}
|
|
|
|
a {
|
|
color: #5865F2;
|
|
text-decoration: underline;
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
a:hover,
|
|
a:focus {
|
|
color: #4752C4;
|
|
outline: 2px solid #5865F2;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
ul {
|
|
padding-left: 1.5rem;
|
|
}
|
|
|
|
li {
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
section {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Focus styles for keyboard navigation */
|
|
*:focus {
|
|
outline: 2px solid #5865F2;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
*:focus:not(:focus-visible) {
|
|
outline: none;
|
|
}
|
|
|
|
*:focus-visible {
|
|
outline: 2px solid #5865F2;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
button:focus-visible,
|
|
a:focus-visible {
|
|
outline: 3px solid rgba(88, 101, 242, 0.5);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/* Responsive design */
|
|
@media (max-width: 768px) {
|
|
main {
|
|
padding: 1rem 0.5rem;
|
|
}
|
|
|
|
.card {
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
.card-header {
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
.stats-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.cta-button {
|
|
display: block;
|
|
margin: 0.5rem 0;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
/* Animation for fade-in */
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.fade-in {
|
|
animation: fadeIn 0.6s ease-out;
|
|
}
|
|
|
|
/* High contrast mode support */
|
|
@media (prefers-contrast: high) {
|
|
.card {
|
|
border-width: 3px;
|
|
}
|
|
|
|
.cta-button {
|
|
border-width: 3px;
|
|
}
|
|
}
|
|
|
|
/* Reduced motion support */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
* {
|
|
animation: none !important;
|
|
transition: none !important;
|
|
}
|
|
}
|
|
|
|
/* Dark mode styles */
|
|
html.is-dark .card {
|
|
background: #1e1e1e;
|
|
border-color: #404040;
|
|
color: var(--foreground);
|
|
}
|
|
|
|
html.is-dark .stat-card {
|
|
background: #1e1e1e;
|
|
border-color: #404040;
|
|
color: var(--foreground);
|
|
}
|
|
|
|
html.is-dark .timeline-content {
|
|
background: #1e1e1e;
|
|
border-color: #404040;
|
|
color: var(--foreground);
|
|
}
|
|
|
|
html.is-dark .timeline-avatar {
|
|
background: #1e1e1e;
|
|
border-color: #404040;
|
|
}
|
|
|
|
html.is-dark .card-header {
|
|
border-bottom-color: #404040;
|
|
}
|
|
|
|
html.is-dark h1,
|
|
html.is-dark h2,
|
|
html.is-dark h3 {
|
|
color: var(--foreground);
|
|
}
|
|
|
|
html.is-dark .stat-label {
|
|
color: var(--foreground);
|
|
}
|
|
|
|
html.is-dark .timeline-role {
|
|
color: var(--foreground);
|
|
}
|
|
|
|
html.is-dark .timeline-dates {
|
|
color: var(--foreground);
|
|
}
|
|
|
|
html.is-dark .avatar-card .card-header img {
|
|
border-color: #404040;
|
|
}
|
|
|
|
/* Override inline background styles in dark mode */
|
|
html.is-dark .card[style*="background: #f8f9fa"],
|
|
html.is-dark .card[style*="background:#f8f9fa"] {
|
|
background: #1e1e1e !important;
|
|
}
|
|
|
|
html.is-dark .card[style*="background: #f0f0f0"],
|
|
html.is-dark .card[style*="background:#f0f0f0"] {
|
|
background: #1e1e1e !important;
|
|
}
|
|
|
|
/* Timeline styles */
|
|
.timeline {
|
|
position: relative;
|
|
padding: 2rem 0;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.timeline::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 3px;
|
|
background: linear-gradient(to bottom, #5865F2, #4752C4);
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.timeline-item {
|
|
position: relative;
|
|
margin: 2rem 0;
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.timeline-item:nth-child(odd) {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.timeline-item:nth-child(even) {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.timeline-content {
|
|
background: white;
|
|
border: 2px solid #e0e0e0;
|
|
border-radius: 12px;
|
|
padding: 1.5rem;
|
|
width: calc(50% - 3rem);
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
position: relative;
|
|
}
|
|
|
|
.timeline-content:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
|
|
border-color: #5865F2;
|
|
}
|
|
|
|
.timeline-item:nth-child(odd) .timeline-content {
|
|
margin-right: auto;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.timeline-item:nth-child(even) .timeline-content {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.timeline-avatar {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 50%;
|
|
border: 4px solid white;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
|
background: white;
|
|
z-index: 2;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.timeline-avatar img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.timeline-role {
|
|
font-weight: bold;
|
|
font-size: 1.1rem;
|
|
color: #1a1a1a;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.timeline-company {
|
|
font-size: 1rem;
|
|
color: #5865F2;
|
|
font-weight: 600;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.timeline-dates {
|
|
font-size: 0.9rem;
|
|
color: #666;
|
|
font-style: italic;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.timeline::before {
|
|
left: 2rem;
|
|
}
|
|
|
|
.timeline-item {
|
|
flex-direction: row !important;
|
|
}
|
|
|
|
.timeline-content {
|
|
width: calc(100% - 6rem);
|
|
margin-left: 4rem !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.timeline-avatar {
|
|
left: 2rem;
|
|
transform: translateX(-50%);
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
}
|
|
|
|
/* Testimonials preview styles */
|
|
.testimonials-preview {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 1.5rem;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.testimonial-card {
|
|
background: white;
|
|
border: 2px solid #e0e0e0;
|
|
border-radius: 12px;
|
|
padding: 1.5rem;
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.testimonial-card:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
|
|
border-color: #5865F2;
|
|
}
|
|
|
|
.testimonial-text {
|
|
flex-grow: 1;
|
|
font-style: italic;
|
|
color: #333;
|
|
margin-bottom: 1rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.testimonial-author {
|
|
font-weight: bold;
|
|
color: #1a1a1a;
|
|
margin-top: auto;
|
|
padding-top: 1rem;
|
|
border-top: 1px solid #f0f0f0;
|
|
}
|
|
|
|
.testimonial-role {
|
|
font-size: 0.9rem;
|
|
color: #666;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
html.is-dark .testimonial-card {
|
|
background: #1e1e1e;
|
|
border-color: #404040;
|
|
}
|
|
|
|
html.is-dark .testimonial-text {
|
|
color: var(--foreground);
|
|
}
|
|
|
|
html.is-dark .testimonial-author {
|
|
color: var(--foreground);
|
|
border-top-color: #404040;
|
|
}
|
|
|
|
html.is-dark .testimonial-role {
|
|
color: var(--foreground);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.testimonials-preview {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<a href="#main-content" class="skip-link">Skip to main content</a>
|
|
|
|
<main id="main-content">
|
|
<!-- Title -->
|
|
<h1 style="text-align: center; margin-bottom: 1rem;">NHCarrigan</h1>
|
|
|
|
<!-- Splash Image -->
|
|
<section style="text-align: center; margin-bottom: 2rem;" aria-label="Hero image">
|
|
<img
|
|
src="https://cdn.nhcarrigan.com/splash.png"
|
|
alt="A woman in glasses and a blazer relaxes in an office, barefoot with feet on a desk. She holds a steaming mug, with a cityscape visible through the window."
|
|
style="max-width: 100%; height: auto; border-radius: 12px;"
|
|
/>
|
|
</section>
|
|
|
|
<!-- Brief Intro -->
|
|
<section style="text-align: center; margin-bottom: 2rem; max-width: 800px; margin-left: auto; margin-right: auto;" class="fade-in">
|
|
<p style="font-size: 1.2rem; line-height: 1.6;">
|
|
Building inclusive tech communities, one line of code at a time. We're passionate about creating ethical software solutions and fostering welcoming online spaces where everyone can thrive.
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Hero CTA - Early conversion opportunity -->
|
|
<section class="hero-cta fade-in" role="region" aria-label="Join our community">
|
|
<h2>Ready to Join an Amazing Community?</h2>
|
|
<p style="font-size: 1.1rem; margin-bottom: 1.5rem;">
|
|
Connect with developers, get mentorship, and be part of an inclusive tech community. No application needed - just click and join!
|
|
</p>
|
|
<a href="https://chat.nhcarrigan.com" target="_blank" class="cta-button" aria-label="Join our Discord community">
|
|
<i class="fab fa-discord" aria-hidden="true"></i> Join Discord Community
|
|
</a>
|
|
<a href="https://donate.nhcarrigan.com" target="_blank" class="cta-button cta-button-donate" aria-label="Support NHCarrigan with a donation" rel="noopener noreferrer">
|
|
<i class="fas fa-heart" aria-hidden="true"></i> Support Us
|
|
</a>
|
|
</section>
|
|
|
|
<!-- Personal Card with Avatar -->
|
|
<section class="card avatar-card fade-in" role="region" aria-labelledby="about-naomi">
|
|
<div class="card-header">
|
|
<img
|
|
src="https://cdn.nhcarrigan.com/profile.png"
|
|
alt="Naomi Carrigan, founder of NHCarrigan"
|
|
width="100"
|
|
height="100"
|
|
/>
|
|
<div>
|
|
<h2 id="about-naomi" style="margin: 0;">Hey there! <i class="fas fa-hand" aria-hidden="true"></i></h2>
|
|
<p style="margin: 0.5rem 0 0 0; font-size: 1.1rem;">
|
|
I'm <strong>Naomi</strong>, the founder of NHCarrigan
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<p style="font-size: 1.1rem;">
|
|
I'm a transfem software engineer, community manager, and (failed) VTuber who's passionate about building inclusive tech communities and breaking down barriers in the industry.
|
|
</p>
|
|
<p>
|
|
I spend my days building Discord bots, mentoring new developers, and creating tools that make online communities more welcoming and accessible. When I'm not coding, you'll find me working on games, obsessing over sustainability in tech, or trying to figure out why my VTuber dreams didn't pan out (spoiler: it's probably the lack of streaming consistency <i class="fas fa-laugh" aria-hidden="true"></i>).
|
|
</p>
|
|
<p>
|
|
I believe technology should uplift and empower everyone - especially those who've been historically excluded from tech spaces. That's why I focus on ethical, community-driven projects that actually make a difference.
|
|
</p>
|
|
</section>
|
|
|
|
<!-- More Personal Stuff -->
|
|
<section class="fade-in" role="region" aria-labelledby="get-to-know">
|
|
<h2 id="get-to-know">Get to Know Me</h2>
|
|
<p>
|
|
Curious about who I am beyond the code? Here's where you can learn more:
|
|
</p>
|
|
<ul>
|
|
<li><strong><a href="https://bsky.app/profile/naomi.lgbt" target="_blank" rel="noopener noreferrer">My Bluesky</a></strong> - My random personal thoughts, ramblings, and updates about my life.</li>
|
|
<li><strong><a href="https://blog.nhcarrigan.com" target="_blank" rel="noopener noreferrer">My Blog</a></strong> - Personal updates, random musings, and insights into my decision-making process</li>
|
|
<li><strong><a href="https://linkedin.com/in/naomi-lgbt" target="_blank" rel="noopener noreferrer">LinkedIn</a></strong> - Professional networking and career history</li>
|
|
<li><strong><a href="https://steamcommunity.com/id/naomi-lgbt" target="_blank" rel="noopener noreferrer">My Steam</a></strong> - My gaming life and achievements</li>
|
|
</ul>
|
|
<p style="text-align: center; margin-top: 1.5rem;">
|
|
<a href="https://chat.nhcarrigan.com" target="_blank" class="cta-button" aria-label="Chat with Naomi on Discord">
|
|
<i class="fab fa-discord" aria-hidden="true"></i> Come Chat on Discord
|
|
</a>
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Company Card with Logo -->
|
|
<section class="card logo-card fade-in" role="region" aria-labelledby="about-company">
|
|
<div class="card-header">
|
|
<img
|
|
src="https://cdn.nhcarrigan.com/logo.png"
|
|
alt="NHCarrigan company logo"
|
|
width="120"
|
|
height="auto"
|
|
/>
|
|
<div>
|
|
<h2 id="about-company" style="margin: 0;">About NHCarrigan</h2>
|
|
<p style="margin: 0.5rem 0 0 0; font-size: 1.1rem;">
|
|
Software Engineering & Community Management Consulting
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<p>
|
|
NHCarrigan specializes in creating tools and infrastructure that help you manage your online spaces, cultivate safe and inclusive environments, and foster healthy engagement. We bridge the gap between your technology and your users, improve your technology, and can even help run your online communities.
|
|
</p>
|
|
<p>
|
|
<strong>Our services include:</strong>
|
|
</p>
|
|
<ul>
|
|
<li><strong>Discord Bot Development</strong> - Custom bots to enhance server functionality, automation, and community engagement</li>
|
|
<li><strong>Web Development</strong> - Websites and web applications, from simple sites to complex applications</li>
|
|
<li><strong>Community Management</strong> - Strategic consulting for growing and maintaining thriving online communities</li>
|
|
<li><strong>Mentorship Programs</strong> - Supporting new developers, especially those from marginalized communities</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Company Stuff -->
|
|
<section class="fade-in" role="region" aria-labelledby="mission">
|
|
<h2 id="mission">Our Mission</h2>
|
|
<p>
|
|
We're committed to building inclusive, ethical, and sustainable technology solutions. Our core values include:
|
|
</p>
|
|
<ul>
|
|
<li><strong>Inclusivity</strong> - Actively working to dismantle barriers and promote diversity in tech</li>
|
|
<li><strong>Sustainability</strong> - Minimizing our carbon footprint and using eco-friendly technologies</li>
|
|
<li><strong>Ethical Responsibility</strong> - Ensuring our technologies respect user privacy and contribute positively to society</li>
|
|
<li><strong>Community-Driven Innovation</strong> - Technology as a tool to uplift, empower, and serve communities</li>
|
|
</ul>
|
|
<p>
|
|
Learn more about our <a href="https://docs.nhcarrigan.com/about/mission/" target="_blank" rel="noopener noreferrer">mission statement</a> and our <a href="https://docs.nhcarrigan.com/about/sustainability/" target="_blank" rel="noopener noreferrer">commitment to environmental sustainability</a>.
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Client Timeline -->
|
|
<section class="card fade-in" role="region" aria-labelledby="client-timeline">
|
|
<h2 id="client-timeline" style="margin-top: 0; text-align: center;">Client History Timeline</h2>
|
|
<p style="text-align: center; margin-bottom: 2rem;">
|
|
A journey through the amazing organizations and projects I've had the privilege to work with!
|
|
</p>
|
|
|
|
<div class="timeline">
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/deepgram.png" alt="Deepgram avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Developer Experience Engineer</div>
|
|
<div class="timeline-company">Deepgram</div>
|
|
<div class="timeline-dates">July 2023 - present</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/freecodecamp.png" alt="freeCodeCamp avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Educational Web Developer and Community Manager</div>
|
|
<div class="timeline-company">freeCodeCamp</div>
|
|
<div class="timeline-dates">December 2020 - present</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/nhcarrigan.png" alt="NHCarrigan avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Technomancer</div>
|
|
<div class="timeline-company">NHCarrigan</div>
|
|
<div class="timeline-dates">December 2020 - present</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/streamcord.png" alt="Streamcord avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Community Manager and Infrastructure Engineer</div>
|
|
<div class="timeline-company">Streamcord</div>
|
|
<div class="timeline-dates">August 2021 - December 2024</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/rythm.png" alt="Rythm avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Senior Integrations Engineer</div>
|
|
<div class="timeline-company">Rythm</div>
|
|
<div class="timeline-dates">April 2022 - October 2024</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/bigbadbeaver.png" alt="BigBadBeaver TV avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Twitch Integration Engineer</div>
|
|
<div class="timeline-company">BigBadBeaver TV</div>
|
|
<div class="timeline-dates">October 2022 - January 2024</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/tweetshift.png" alt="TweetShift avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Community Manager</div>
|
|
<div class="timeline-company">TweetShift</div>
|
|
<div class="timeline-dates">January 2022 - May 2023</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/4c.png" alt="4C avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Community Manager</div>
|
|
<div class="timeline-company">4C</div>
|
|
<div class="timeline-dates">May 2022 - November 2022</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item">
|
|
<div class="timeline-avatar">
|
|
<img src="https://cdn.nhcarrigan.com/avatars/jobs/sema.png" alt="Sema avatar" />
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="timeline-role">Community Manager and Open Source Engineer</div>
|
|
<div class="timeline-company">Sema</div>
|
|
<div class="timeline-dates">May 2022 - September 2022</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Past Work & Credentials -->
|
|
<section class="fade-in" role="region" aria-labelledby="past-work">
|
|
<h2 id="past-work">Past Work & Credentials</h2>
|
|
<p>
|
|
Curious to know more about the work we've done and the people we've helped? Here's the proof:
|
|
</p>
|
|
<ul>
|
|
<li><a href="https://resume.nhcarrigan.com" target="_blank" rel="noopener noreferrer">Founder's resume</a> - Explore past organizations we've worked with</li>
|
|
<li><a href="https://testimonials.nhcarrigan.com" target="_blank" rel="noopener noreferrer">Client testimonials</a> - Direct feedback from people we've worked with</li>
|
|
<li><a href="https://git.nhcarrigan.com" target="_blank" rel="noopener noreferrer">Open source code</a> - Check out our repositories</li>
|
|
<li><a href="https://docs.nhcarrigan.com" target="_blank" rel="noopener noreferrer">Our Documentation</a> - Everything about our projects, policies, and how we operate</li>
|
|
</ul>
|
|
<p>
|
|
Interested in working together? <a href="https://forms.nhcarrigan.com/form/XRlQjeu8CbMrTA-v0IPOxlUPEPitLKXTWg70UUCIORA" target="_blank" rel="noopener noreferrer">Submit a commission inquiry</a> and let's chat!
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Client Feedback Preview -->
|
|
<section class="card fade-in" role="region" aria-labelledby="client-feedback">
|
|
<h2 id="client-feedback" style="margin-top: 0; text-align: center;">What Clients Say</h2>
|
|
<p style="text-align: center; margin-bottom: 2rem;">
|
|
Here's what people have shared about working with us:
|
|
</p>
|
|
|
|
<div class="testimonials-preview">
|
|
<div class="testimonial-card">
|
|
<div class="testimonial-text">
|
|
"You could ask her for help solving anything and she'd whip up a whole plan in her head in 30 seconds."
|
|
</div>
|
|
</div>
|
|
|
|
<div class="testimonial-card">
|
|
<div class="testimonial-text">
|
|
"Everything she delivered was secure, scalable, and polished to perfection."
|
|
</div>
|
|
</div>
|
|
|
|
<div class="testimonial-card">
|
|
<div class="testimonial-text">
|
|
"The system 'just works', you don't have to think about how or why which is always a great quality in an internal tool."
|
|
</div>
|
|
</div>
|
|
|
|
<div class="testimonial-card">
|
|
<div class="testimonial-text">
|
|
"Her ability to learn absolutely anything... allows her to find a problem, tackle it quickly, and resolve it - even if she didn't have prior knowledge of the issue."
|
|
</div>
|
|
</div>
|
|
|
|
<div class="testimonial-card">
|
|
<div class="testimonial-text">
|
|
"There is no one else that could even remotely match her level of talent."
|
|
</div>
|
|
</div>
|
|
|
|
<div class="testimonial-card">
|
|
<div class="testimonial-text">
|
|
"She was the glue that held so many parts of our operation together."
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p style="text-align: center; margin-top: 2rem;">
|
|
<a href="https://testimonials.nhcarrigan.com" target="_blank" class="cta-button" aria-label="View all client testimonials" rel="noopener noreferrer">
|
|
<i class="fas fa-quote-left" aria-hidden="true"></i> Read All Testimonials
|
|
</a>
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Join Our Community - Prominent CTA -->
|
|
<section class="card fade-in" style="background: #f8f9fa; border-color: #5865F2; border-width: 3px;" role="region" aria-labelledby="join-community">
|
|
<h2 id="join-community" style="margin-top: 0;">Join Our Community</h2>
|
|
<p style="font-size: 1.1rem;">
|
|
As part of our mission to help new developers break into the industry and tear down barriers that keep marginalized identities from succeeding, we offer public mentorship, encouragement, and guidance.
|
|
</p>
|
|
<p>
|
|
<strong><i class="fas fa-bullseye" aria-hidden="true"></i> The best way to connect:</strong> Join our public <a href="https://chat.nhcarrigan.com" target="_blank" rel="noopener noreferrer" style="font-weight: bold;">Discord community</a> and ask your questions there! It's where the magic happens - real-time support, mentorship discussions, and a genuinely awesome group of people.
|
|
</p>
|
|
<p>
|
|
Need private support? You can <a href="https://forms.nhcarrigan.com/form/HyqoJ9Th5QDiOn_GPLNIRhe1a5ON7mDQf-O_ukM6R4g" target="_blank" rel="noopener noreferrer">submit a general contact request</a>, or <a href="https://forms.nhcarrigan.com/form/uUKZiJSDm6847iDOlpZkD5QF7cAjoTbTm0F4T0EdW0I" target="_blank" rel="noopener noreferrer">schedule a paid meeting</a> for direct 1-on-1 support.
|
|
</p>
|
|
<p style="text-align: center; margin-top: 1.5rem;">
|
|
<a href="https://chat.nhcarrigan.com" target="_blank" class="cta-button" aria-label="Join our Discord community now">
|
|
<i class="fab fa-discord" aria-hidden="true"></i> Join Discord Community
|
|
</a>
|
|
</p>
|
|
</section>
|
|
|
|
<section class="fade-in" role="region" aria-labelledby="resources">
|
|
<h2 id="resources">Resources & Documentation</h2>
|
|
<p>
|
|
We believe in transparency and sharing knowledge. Our comprehensive documentation includes:
|
|
</p>
|
|
<ul>
|
|
<li><a href="https://docs.nhcarrigan.com/community/coc" target="_blank" rel="noopener noreferrer">Code of Conduct</a> and <a href="https://docs.nhcarrigan.com/community/guide/" target="_blank" rel="noopener noreferrer">Community Guidelines</a> - Templates to help shape your own community</li>
|
|
<li><a href="https://docs.nhcarrigan.com/legal/license/" target="_blank" rel="noopener noreferrer">Software License</a>, <a href="https://docs.nhcarrigan.com/legal/terms/" target="_blank" rel="noopener noreferrer">Terms of Service</a>, and <a href="https://docs.nhcarrigan.com/legal/privacy/" target="_blank" rel="noopener noreferrer">Privacy Policy</a> - Documentation templates for your products</li>
|
|
<li><a href="https://blog.nhcarrigan.com" target="_blank" rel="noopener noreferrer">Blog</a> - Content and resources to help you level up your game!</li>
|
|
<li><a href="https://hikari.nhcarrigan.com/announcements" target="_blank" rel="noopener noreferrer">Announcements</a> - Project updates and community news</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="fade-in" role="region" aria-labelledby="get-involved">
|
|
<h2 id="get-involved">Get Involved</h2>
|
|
<p>
|
|
As we continue to grow, we may begin considering hiring additional talent. However, we're not quite there yet. If you're interested in our mission and wish to help, we accept <a href="https://forms.nhcarrigan.com/form/PEpB3gA79gxP8wmfEf4zou96opkpUTjssTcaeYjhoi8" target="_blank" rel="noopener noreferrer">applications for our volunteer team</a> and would love to have you join us!
|
|
</p>
|
|
<p>
|
|
Or, if you just want to be part of the community and see what we're all about, <a href="https://chat.nhcarrigan.com" target="_blank" rel="noopener noreferrer">join us on Discord</a> - no application needed! <i class="fas fa-star" aria-hidden="true"></i>
|
|
</p>
|
|
<p style="text-align: center; margin-top: 1.5rem;">
|
|
<a href="https://donate.nhcarrigan.com" target="_blank" class="cta-button cta-button-donate" aria-label="Support NHCarrigan with a donation" rel="noopener noreferrer">
|
|
<i class="fas fa-heart" aria-hidden="true"></i> Support Our Mission
|
|
</a>
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Final CTA -->
|
|
<section class="card fade-in" style="text-align: center; background: #f0f0f0;" role="region" aria-labelledby="thanks">
|
|
<h2 id="thanks" style="margin-top: 0;">Thanks for Visiting! <i class="fas fa-heart" aria-hidden="true"></i></h2>
|
|
<p style="font-size: 1.1rem;">
|
|
We look forward to seeing you in our communities, and we're eager to begin working with you! Whether you're looking for mentorship, need help with a project, or just want to connect with like-minded people, come say hi!
|
|
</p>
|
|
<p style="margin-top: 1.5rem;">
|
|
<a href="https://chat.nhcarrigan.com" target="_blank" class="cta-button" aria-label="Join our Discord community">
|
|
<i class="fab fa-discord" aria-hidden="true"></i> Join Discord
|
|
</a>
|
|
<a href="https://bsky.app/profile/naomi.lgbt" target="_blank" class="cta-button cta-button-secondary" aria-label="Connect with Naomi on Bluesky" rel="noopener noreferrer">
|
|
<i class="fab fa-bluesky" aria-hidden="true"></i> Connect on Bluesky
|
|
</a>
|
|
<a href="https://donate.nhcarrigan.com" target="_blank" class="cta-button cta-button-donate" aria-label="Support NHCarrigan with a donation" rel="noopener noreferrer">
|
|
<i class="fas fa-heart" aria-hidden="true"></i> Donate
|
|
</a>
|
|
</p>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
<script src="https://cdn.nhcarrigan.com/headers/index.js"></script>
|
|
</html>
|