From 808b4c2a34df3e79cb6e00e754bd70992a6852b0 Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 17:21:16 -0800 Subject: [PATCH 01/11] feat: add client timeline --- site/index.html | 243 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 238 insertions(+), 5 deletions(-) diff --git a/site/index.html b/site/index.html index 4ee6d0f..10835bb 100644 --- a/site/index.html +++ b/site/index.html @@ -311,6 +311,133 @@ transition: none !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; + } + } @@ -445,15 +572,124 @@

+ +
+

Client History Timeline

+

+ A journey through the amazing organizations and projects I've had the privilege to work with! +

+ +
+
+
+ Deepgram avatar +
+
+
Developer Experience Engineer
+
Deepgram
+
July 2023 - present
+
+
+ +
+
+ freeCodeCamp avatar +
+
+
Educational Web Developer and Community Manager
+
freeCodeCamp
+
December 2020 - present
+
+
+ +
+
+ NHCarrigan avatar +
+
+
Technomancer
+
NHCarrigan
+
December 2020 - present
+
+
+ +
+
+ Streamcord avatar +
+
+
Community Manager and Infrastructure Engineer
+
Streamcord
+
August 2021 - December 2024
+
+
+ +
+
+ Rythm avatar +
+
+
Senior Integrations Engineer
+
Rythm
+
April 2022 - October 2024
+
+
+ +
+
+ BigBadBeaver TV avatar +
+
+
Twitch Integration Engineer
+
BigBadBeaver TV
+
October 2022 - January 2024
+
+
+ +
+
+ TweetShift avatar +
+
+
Community Manager
+
TweetShift
+
January 2022 - May 2023
+
+
+ +
+
+ 4C avatar +
+
+
Community Manager
+
4C
+
May 2022 - November 2022
+
+
+ +
+
+ Sema avatar +
+
+
Community Manager and Open Source Engineer
+
Sema
+
May 2022 - September 2022
+
+
+
+
+ +

Past Work & Credentials

- Curious about the work we've done and the people we've helped? Here's the proof: + Curious to know more about the work we've done and the people we've helped? Here's the proof:

@@ -471,9 +707,6 @@

The best way to connect: Join our public Discord community and ask your questions there! It's where the magic happens - real-time support, mentorship discussions, and a genuinely awesome group of people.

-

- Prefer long-form discussions? We also have a privately-hosted and indexable forum for deeper conversations. -

Need private support? You can submit a general contact request, or schedule a paid meeting for direct 1-on-1 support.

-- 2.52.0 From 72cc46129ec31d4a8c2348dba841db6e2a785a1c Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 17:24:28 -0800 Subject: [PATCH 02/11] fix: cards should respect dark mode --- site/index.html | 61 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) diff --git a/site/index.html b/site/index.html index 10835bb..cd7412b 100644 --- a/site/index.html +++ b/site/index.html @@ -312,6 +312,67 @@ } } + /* 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; -- 2.52.0 From 072ccc0034710759b9a8dd54eaa0ad8a5ac937a6 Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 17:35:15 -0800 Subject: [PATCH 03/11] feat: add testimonials section --- site/index.html | 124 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 124 insertions(+) diff --git a/site/index.html b/site/index.html index cd7412b..7150a64 100644 --- a/site/index.html +++ b/site/index.html @@ -499,6 +499,78 @@ 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; + } + } @@ -759,6 +831,58 @@

+ +
+

What Clients Say

+

+ Here's what people have shared about working with us: +

+ +
+
+
+ "You could ask her for help solving anything and she'd whip up a whole plan in her head in 30 seconds." +
+
+ +
+
+ "Everything she delivered was secure, scalable, and polished to perfection." +
+
+ +
+
+ "The system 'just works', you don't have to think about how or why which is always a great quality in an internal tool." +
+
+ +
+
+ "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." +
+
+ +
+
+ "There is no one else that could even remotely match her level of talent." +
+
+ +
+
+ "She was the glue that held so many parts of our operation together." +
+
+
+ +

+ + Read All Testimonials + +

+
+

Join Our Community

-- 2.52.0 From d8634fb21309e7485d6a5219620ce525656fb0c6 Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 17:47:37 -0800 Subject: [PATCH 04/11] feat: community stats card --- site/index.html | 64 ++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 53 insertions(+), 11 deletions(-) diff --git a/site/index.html b/site/index.html index 7150a64..128abcd 100644 --- a/site/index.html +++ b/site/index.html @@ -812,6 +812,9 @@ + + See full resume +
@@ -877,12 +880,25 @@

- + Read All Testimonials

+
+

Resources & Documentation

+

+ We believe in transparency and sharing knowledge. Our comprehensive documentation includes: +

+ +
+

Join Our Community

@@ -902,17 +918,43 @@

-
-

Resources & Documentation

-

- We believe in transparency and sharing knowledge. Our comprehensive documentation includes: + +

+

Our Community by the Numbers

+

+ We're proud of the vibrant, inclusive community we've built together! +

+ +
+
+
400+
+
Discord Members
+
+ +
+
500+
+
Daily Discord Messages
+
+ +
+
1,100+
+
Bluesky Followers
+
+ +
+
800+
+
LinkedIn Connections
+
+
+ +

+ + Connect with Us on Discord + + + View All Social Accounts +

-
-- 2.52.0 From 3c2f86f36200df67cbde181edbe5eb308d602adf Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 17:52:59 -0800 Subject: [PATCH 05/11] feat: add faq --- site/index.html | 72 ++++++++++++++++++++++++++++++++++++------------- 1 file changed, 53 insertions(+), 19 deletions(-) diff --git a/site/index.html b/site/index.html index 128abcd..625a910 100644 --- a/site/index.html +++ b/site/index.html @@ -610,6 +610,10 @@
+
+

Need to know more about us before joining? That's okay! Let us properly introduce ourselves...

+
+
@@ -899,25 +903,6 @@
- -
-

Join Our Community

-

- 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. -

-

- The best way to connect: Join our public Discord community and ask your questions there! It's where the magic happens - real-time support, mentorship discussions, and a genuinely awesome group of people. -

-

- Need private support? You can submit a general contact request, or schedule a paid meeting for direct 1-on-1 support. -

-

- - Join Discord Community - -

-
-

Our Community by the Numbers

@@ -957,6 +942,55 @@

+ +
+

Frequently Asked Questions

+ +

What is NHCarrigan?

+

+ NHCarrigan is a technology company dedicated to building inclusive, ethical, and sustainable software solutions. We create Discord bots, web applications, APIs, and development tools that serve communities while prioritizing user privacy, environmental sustainability, and accessibility. +

+ +

What products and services do you offer?

+

+ We offer a diverse ecosystem of products including AI-powered Discord bots (like Hikari for product management and Becca Lyria for interactive RPG experiences), web dashboards, APIs, documentation platforms, and various community tools. Our products are organized into three main categories: Community Tools & Integrations, Websites & APIs, and Apps & Games. +

+ +

How do I get started with your products?

+

+ Most of our Discord bots can be installed directly from the Discord app directory or by visiting our web dashboard at hikari.nhcarrigan.com. For detailed documentation and setup instructions for any specific product, visit our documentation site. +

+ +

What makes NHCarrigan different?

+

+ We're committed to ethical technology development with a focus on inclusivity, sustainability, and community-driven innovation. We actively work to break down barriers in tech, support marginalized voices, and ensure our technologies respect user privacy while contributing positively to society. Our projects are open-source and community-centric. +

+ +

How can I get support or contribute?

+

+ You can join our Discord community for support and to connect with other users. We welcome contributions from developers of all backgrounds - check out our contributing guidelines and community code of conduct to get started. We also offer mentorship programs for new developers. +

+
+ + +
+

Join Our Community

+

+ 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. +

+

+ The best way to connect: Join our public Discord community and ask your questions there! It's where the magic happens - real-time support, mentorship discussions, and a genuinely awesome group of people. +

+

+ Need private support? You can submit a general contact request, or schedule a paid meeting for direct 1-on-1 support. +

+

+ + Join Discord Community + +

+
+

Get Involved

-- 2.52.0 From 2487deb76ee0b4945ac9129c35a32028f7f75089 Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 17:56:26 -0800 Subject: [PATCH 06/11] feat: some styling stuff --- site/index.html | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/site/index.html b/site/index.html index 625a910..2b1a9fd 100644 --- a/site/index.html +++ b/site/index.html @@ -38,6 +38,10 @@ padding: 2rem 1rem; box-sizing: border-box; } + + ul { + list-style-type: none; + } .card { background: #ffffff; @@ -654,11 +658,6 @@

  • LinkedIn - Professional networking and career history
  • My Steam - My gaming life and achievements
    • -

    - - Come Chat on Discord - -

    @@ -999,11 +998,6 @@

    Or, if you just want to be part of the community and see what we're all about, join us on Discord - no application needed!

    -

    - - Support Our Mission - -

    -- 2.52.0 From 160711ed93d8593d47d2bda6cc573f7a29a08cfc Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 18:08:50 -0800 Subject: [PATCH 07/11] feat: donation hero cta --- site/index.html | 81 ++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 76 insertions(+), 5 deletions(-) diff --git a/site/index.html b/site/index.html index 2b1a9fd..7746afa 100644 --- a/site/index.html +++ b/site/index.html @@ -140,12 +140,18 @@ .cta-button i { margin-right: 0.5rem; } + + .hero-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1rem; + } .hero-cta { text-align: center; margin: 2rem 0; padding: 2rem; - background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%); + background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%) !important; border-radius: 16px; color: white; box-sizing: border-box; @@ -280,6 +286,13 @@ text-align: center; } } + + @media (max-width: 720px) { + .hero-grid { + grid-template-columns: 1fr; + gap: 0; + } + } /* Animation for fade-in */ @keyframes fadeIn { @@ -570,6 +583,19 @@ color: var(--foreground); } + /* Donation CTA card dark mode support */ + html.is-dark .card[style*="background: linear-gradient(135deg, #10b981"], + html.is-dark .card[style*="background:linear-gradient(135deg, #10b981"] { + background: linear-gradient(135deg, #059669 0%, #047857 100%) !important; + border-color: #059669 !important; + } + + html.is-dark .card[style*="background: linear-gradient(135deg, #10b981"] .stat-card, + html.is-dark .card[style*="background:linear-gradient(135deg, #10b981"] .stat-card { + background: rgba(30, 30, 30, 0.95) !important; + border-color: #404040; + } + @media (max-width: 768px) { .testimonials-preview { grid-template-columns: 1fr; @@ -600,8 +626,9 @@

    +
    -
    +

    Ready to Join an Amazing Community?

    Connect with developers, get mentorship, and be part of an inclusive tech community. No application needed - just click and join! @@ -609,11 +636,20 @@ Join Discord Community - - Support Us -

    + +
    +

    Support Our Mission

    +

    + Help us continue building inclusive tech communities. Your support keeps our 50+ products running and enables countless pro-bono services. +

    + + Donate Now + +
    +
    +

    Need to know more about us before joining? That's okay! Let us properly introduce ourselves...

    @@ -941,6 +977,41 @@

    + +
    +

    Support Our Mission

    +

    + Help us continue building inclusive tech communities and providing free, open-source tools for everyone. +

    + +
    +
    +
    $250-$500
    +
    Monthly Operating Costs
    +
    + +
    +
    50+
    +
    Products Offered
    +
    + +
    +
    Countless
    +
    Pro-Bono Services
    +
    +
    + +

    + Your support helps us maintain our infrastructure, develop new features, and continue offering free services to communities worldwide. +

    + +

    + + Donate Now + +

    +
    +

    Frequently Asked Questions

    -- 2.52.0 From 33c3769b727e610358ec064e7e9bb9fdb5259346 Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 18:30:31 -0800 Subject: [PATCH 08/11] feat: impact section to break up cards --- site/index.html | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/site/index.html b/site/index.html index 7746afa..5b72b45 100644 --- a/site/index.html +++ b/site/index.html @@ -56,7 +56,7 @@ max-width: 100%; } - .card:hover { + .card:hover, .stat-card:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); } @@ -190,6 +190,7 @@ background: white; border-radius: 12px; border: 2px solid #e0e0e0; + transition: transform 0.3s ease, box-shadow 0.3s ease; } .stat-number { @@ -977,6 +978,16 @@

    +
    +

    Growing Responsibly, Together

    +

    + As our community continues to grow, so does our responsibility to maintain the infrastructure, tools, and services that make it all possible. Every new member, every question answered, and every project launched requires resources - servers, development time, and ongoing maintenance. +

    +

    + We're committed to keeping our core services free and accessible while being transparent about what it takes to sustain them. Your support directly enables us to continue offering mentorship, maintaining our open-source projects, and building new tools that serve communities worldwide. +

    +
    +

    Support Our Mission

    -- 2.52.0 From e30ae1cee9f84753afa0320e7dd7d975a8aa1c8e Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 18:36:17 -0800 Subject: [PATCH 09/11] feat: add hero images --- site/index.html | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/site/index.html b/site/index.html index 5b72b45..89ae278 100644 --- a/site/index.html +++ b/site/index.html @@ -15,6 +15,10 @@ margin: 0; padding: 0; } + + .hero-image { + max-width: 750px; + } /* Skip to main content for accessibility */ .skip-link { @@ -751,6 +755,7 @@

    A journey through the amazing organizations and projects I've had the privilege to work with!

    + Naomi Carrigan, founder of NHCarrigan
    @@ -880,6 +885,7 @@

    Here's what people have shared about working with us:

    + Naomi Carrigan, founder of NHCarrigan
    @@ -945,6 +951,7 @@

    We're proud of the vibrant, inclusive community we've built together!

    + Naomi Carrigan, founder of NHCarrigan
    @@ -994,6 +1001,7 @@

    Help us continue building inclusive tech communities and providing free, open-source tools for everyone.

    + Naomi Carrigan, founder of NHCarrigan
    @@ -1056,6 +1064,7 @@

    Join Our Community

    + Naomi Carrigan, founder of NHCarrigan

    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.

    @@ -1088,6 +1097,7 @@

    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!

    + Naomi Carrigan, founder of NHCarrigan

    Join Discord -- 2.52.0 From 6f6c2556a69795eeb31f2130f283ca5a41db6523 Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 18:48:36 -0800 Subject: [PATCH 10/11] chore: cleanup and such --- site/index.html | 693 +++++++++++++++++++++++------------------------- 1 file changed, 337 insertions(+), 356 deletions(-) diff --git a/site/index.html b/site/index.html index 89ae278..08ade52 100644 --- a/site/index.html +++ b/site/index.html @@ -4,7 +4,13 @@ NHCarrigan - Software Engineering & Community Management + @@ -612,10 +574,11 @@

    - -

    NHCarrigan

    + +

    Naomi Carrigan

    -
    -

    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. @@ -632,7 +594,6 @@

    -

    Ready to Join an Amazing Community?

    @@ -643,7 +604,6 @@

    -

    Support Our Mission

    @@ -659,7 +619,9 @@

    Need to know more about us before joining? That's okay! Let us properly introduce ourselves...

    - +
    -

    Get to Know Me

    @@ -701,7 +662,9 @@

    - +
    -

    Our Mission

    @@ -749,7 +711,9 @@

    - +

    Client History Timeline

    @@ -862,7 +826,9 @@

    - +

    Past Work & Credentials

    @@ -879,7 +845,9 @@

    - +

    What Clients Say

    @@ -932,6 +900,9 @@

    +

    Resources & Documentation

    @@ -945,7 +916,9 @@

    - +

    Our Community by the Numbers

    @@ -985,6 +958,9 @@

    +

    Growing Responsibly, Together

    @@ -995,7 +971,6 @@

    -

    Support Our Mission

    @@ -1031,7 +1006,9 @@

    - +

    Frequently Asked Questions

    @@ -1057,11 +1034,13 @@

    How can I get support or contribute?

    - You can join our Discord community for support and to connect with other users. We welcome contributions from developers of all backgrounds - check out our contributing guidelines and community code of conduct to get started. We also offer mentorship programs for new developers. + You can join our Discord community for support and to connect with other users. We welcome contributions from developers of all backgrounds - check out our contributing guidelines and community code of conduct to get started. We also offer mentorship programs for new developers.

    - +

    Join Our Community

    Naomi Carrigan, founder of NHCarrigan @@ -1091,7 +1070,9 @@

    - +

    Thanks for Visiting!

    -- 2.52.0 From 08d3781a7c695b61d3b86035689d636ca47520bf Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Fri, 9 Jan 2026 19:02:06 -0800 Subject: [PATCH 11/11] feat: make timeline avatars grow --- site/index.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/site/index.html b/site/index.html index 08ade52..0666802 100644 --- a/site/index.html +++ b/site/index.html @@ -364,6 +364,13 @@ align-items: center; justify-content: center; overflow: hidden; + transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease; + } + + .timeline-avatar:hover { + width: 120px; + height: 120px; + transform: translateX(-50%) scale(1); } .timeline-avatar img { @@ -560,6 +567,11 @@ width: 60px; height: 60px; } + + .timeline-avatar:hover { + width: 150px; + height: 150px; + } } @media (max-width: 720px) { -- 2.52.0