feat: add hero images

This commit is contained in:
2026-01-09 18:36:17 -08:00
parent 33c3769b72
commit e30ae1cee9
+10
View File
@@ -15,6 +15,10 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.hero-image {
max-width: 750px;
}
/* Skip to main content for accessibility */ /* Skip to main content for accessibility */
.skip-link { .skip-link {
@@ -751,6 +755,7 @@
<p style="text-align: center; margin-bottom: 2rem;"> <p style="text-align: center; margin-bottom: 2rem;">
A journey through the amazing organizations and projects I've had the privilege to work with! A journey through the amazing organizations and projects I've had the privilege to work with!
</p> </p>
<img class="hero-image" src="https://cdn.nhcarrigan.com/hero/history.png" alt="Naomi Carrigan, founder of NHCarrigan" />
<div class="timeline"> <div class="timeline">
<div class="timeline-item"> <div class="timeline-item">
@@ -880,6 +885,7 @@
<p style="text-align: center; margin-bottom: 2rem;"> <p style="text-align: center; margin-bottom: 2rem;">
Here's what people have shared about working with us: Here's what people have shared about working with us:
</p> </p>
<img class="hero-image" src="https://cdn.nhcarrigan.com/hero/testimonials.png" alt="Naomi Carrigan, founder of NHCarrigan" />
<div class="testimonials-preview"> <div class="testimonials-preview">
<div class="testimonial-card"> <div class="testimonial-card">
@@ -945,6 +951,7 @@
<p style="text-align: center; margin-bottom: 2rem;"> <p style="text-align: center; margin-bottom: 2rem;">
We're proud of the vibrant, inclusive community we've built together! We're proud of the vibrant, inclusive community we've built together!
</p> </p>
<img class="hero-image" src="https://cdn.nhcarrigan.com/hero/community-stats.png" alt="Naomi Carrigan, founder of NHCarrigan" />
<div class="stats-grid"> <div class="stats-grid">
<div class="stat-card"> <div class="stat-card">
@@ -994,6 +1001,7 @@
<p style="text-align: center; margin-bottom: 2rem; font-size: 1.1rem;"> <p style="text-align: center; margin-bottom: 2rem; font-size: 1.1rem;">
Help us continue building inclusive tech communities and providing free, open-source tools for everyone. Help us continue building inclusive tech communities and providing free, open-source tools for everyone.
</p> </p>
<img class="hero-image" src="https://cdn.nhcarrigan.com/hero/donate.png" alt="Naomi Carrigan, founder of NHCarrigan" />
<div class="stats-grid"> <div class="stats-grid">
<div class="stat-card"> <div class="stat-card">
@@ -1056,6 +1064,7 @@
<!-- Join Our Community - Prominent CTA --> <!-- 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"> <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> <h2 id="join-community" style="margin-top: 0;">Join Our Community</h2>
<img class="hero-image" src="https://cdn.nhcarrigan.com/hero/join-community.png" alt="Naomi Carrigan, founder of NHCarrigan" />
<p style="font-size: 1.1rem;"> <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. 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>
@@ -1088,6 +1097,7 @@
<p style="font-size: 1.1rem;"> <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! 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>
<img class="hero-image" src="https://cdn.nhcarrigan.com/hero/goodbye.png" alt="Naomi Carrigan, founder of NHCarrigan" />
<p style="margin-top: 1.5rem;"> <p style="margin-top: 1.5rem;">
<a href="https://chat.nhcarrigan.com" target="_blank" class="cta-button" aria-label="Join our Discord community"> <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 <i class="fab fa-discord" aria-hidden="true"></i> Join Discord