generated from nhcarrigan/template
hikari
cd3645dbc4
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 51s
Add Peerlist, Hashnode (personal + self-hosted), DEV Community, Sessionize, Luma, Meetup, blog.nhcarrigan.com, and dev.to to the socials page. Reorder both Naomi and NHCarrigan sections into consistent category groupings: microblogging, writing, professional, visual, support, events, and code/streaming/community.
408 lines
15 KiB
HTML
408 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Socials</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="Our social media profiles and links." />
|
|
<script
|
|
src="https://cdn.nhcarrigan.com/headers/index.js"
|
|
async
|
|
defer
|
|
></script>
|
|
<style>
|
|
.badge {
|
|
width: 80%;
|
|
margin: auto;
|
|
border-radius: 5550px;
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.url {
|
|
display: grid;
|
|
grid-template-columns: 100px auto;
|
|
align-items: center;
|
|
color: unset;
|
|
text-decoration: none;
|
|
}
|
|
|
|
i {
|
|
font-size: 3rem;
|
|
}
|
|
|
|
.name {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.text {
|
|
text-align: center;
|
|
}
|
|
|
|
section h2 {
|
|
text-align: center;
|
|
margin-top: 2rem;
|
|
margin-bottom: 1rem;
|
|
font-size: 1.8rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Socials</h1>
|
|
<p>Our social media profiles and links.</p>
|
|
<section>
|
|
<!-- Community tools - featured first -->
|
|
<div class="badge" style="color: #ffffff; background: #5865f2">
|
|
<a href="https://chat.nhcarrigan.com" class="url">
|
|
<i class="fab fa-discord"></i>
|
|
<div class="text">
|
|
<p class="name">Discord Server</p>
|
|
<p class="description">
|
|
Our community hub for discussion and collaboration.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #609926">
|
|
<a href="https://git.nhcarrigan.com/naomi" class="url">
|
|
<i class="fab fa-git-alt"></i>
|
|
<div class="text">
|
|
<p class="name">Gitea Instance</p>
|
|
<p class="description">
|
|
Our self-hosted Git repository instance.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #f97316">
|
|
<a href="https://support.nhcarrigan.com" class="url">
|
|
<i class="fas fa-comments"></i>
|
|
<div class="text">
|
|
<p class="name">Forum</p>
|
|
<p class="description">
|
|
Our dedicated discussion board for support and community help.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Naomi</h2>
|
|
<p style="text-align: center; font-size: 0.9rem; margin-bottom: 1rem;">
|
|
The accounts listed in this section are personal. Any content posted
|
|
there represents my own views only and does not reflect the opinions,
|
|
positions, or values of NHCarrigan, its clients, staff, or partners.
|
|
</p>
|
|
<!-- Microblogging / social posting -->
|
|
<div class="badge" style="color: #ffffff; background: #00a8ff">
|
|
<a href="https://bsky.app/profile/naomi.lgbt" class="url">
|
|
<i class="fas fa-cloud"></i>
|
|
<div class="text">
|
|
<p class="name">Bluesky</p>
|
|
<p class="description">
|
|
Follow us on Bluesky for updates and thoughts.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #000000">
|
|
<a href="https://x.com/NaomiLGBT" class="url">
|
|
<i class="fab fa-x-twitter"></i>
|
|
<div class="text">
|
|
<p class="name">X (Twitter)</p>
|
|
<p class="description">Follow us for hot takes and thoughts.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #000000">
|
|
<a href="https://www.threads.com/@naomi.lgbt" class="url">
|
|
<i class="fab fa-threads"></i>
|
|
<div class="text">
|
|
<p class="name">Threads</p>
|
|
<p class="description">Follow us on Meta's Threads platform.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #0a66c2">
|
|
<a href="https://www.linkedin.com/in/naomi-lgbt/" class="url">
|
|
<i class="fab fa-linkedin"></i>
|
|
<div class="text">
|
|
<p class="name">LinkedIn</p>
|
|
<p class="description">Connect professionally on LinkedIn.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #ff4500">
|
|
<a href="https://www.reddit.com/user/naomi-lgbt/" class="url">
|
|
<i class="fab fa-reddit"></i>
|
|
<div class="text">
|
|
<p class="name">Reddit</p>
|
|
<p class="description">Follow our Reddit profile and posts.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #1877f2">
|
|
<a href="https://www.facebook.com/naomi.h.carrigan" class="url">
|
|
<i class="fab fa-facebook"></i>
|
|
<div class="text">
|
|
<p class="name">Facebook</p>
|
|
<p class="description">Connect with us on Facebook.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- Writing / dev community -->
|
|
<div class="badge" style="color: #ffffff; background: #2962ff">
|
|
<a href="https://hashnode.com/@naomilgbt" class="url">
|
|
<i class="fab fa-hashnode"></i>
|
|
<div class="text">
|
|
<p class="name">Hashnode</p>
|
|
<p class="description">
|
|
Read our technical articles and tutorials.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #0a0a0a">
|
|
<a href="https://dev.to/naomi_lgbt" class="url">
|
|
<i class="fab fa-dev"></i>
|
|
<div class="text">
|
|
<p class="name">DEV Community</p>
|
|
<p class="description">
|
|
Follow our articles on the DEV community.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- Professional network -->
|
|
<div class="badge" style="color: #ffffff; background: #00aa45">
|
|
<a href="https://peerlist.io/naomi_lgbt" class="url">
|
|
<i class="fas fa-id-badge"></i>
|
|
<div class="text">
|
|
<p class="name">Peerlist</p>
|
|
<p class="description">
|
|
Connect with us on the professional network for builders.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- Visual -->
|
|
<div class="badge" style="color: #ffffff; background: #e4405f">
|
|
<a href="https://www.instagram.com/naomi.lgbt/" class="url">
|
|
<i class="fab fa-instagram"></i>
|
|
<div class="text">
|
|
<p class="name">Instagram</p>
|
|
<p class="description">See our photos and visual content.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- Events / speaking -->
|
|
<div class="badge" style="color: #ffffff; background: #1ab394">
|
|
<a href="https://sessionize.com/naomi-carrigan/" class="url">
|
|
<i class="fas fa-microphone"></i>
|
|
<div class="text">
|
|
<p class="name">Sessionize</p>
|
|
<p class="description">
|
|
View our speaker profile and conference talks.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #ed4845">
|
|
<a href="https://luma.com/user/NaomiLGBT" class="url">
|
|
<i class="fas fa-calendar-days"></i>
|
|
<div class="text">
|
|
<p class="name">Luma</p>
|
|
<p class="description">
|
|
RSVP to our events and follow our activities.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #ed1c40">
|
|
<a href="https://www.meetup.com/members/437962584/" class="url">
|
|
<i class="fab fa-meetup"></i>
|
|
<div class="text">
|
|
<p class="name">Meetup</p>
|
|
<p class="description">
|
|
Find us at meetups and community events.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- Streaming / code / gaming / community -->
|
|
<div class="badge" style="color: #ffffff; background: #9146ff">
|
|
<a href="https://www.twitch.tv/naomilgbt" class="url">
|
|
<i class="fab fa-twitch"></i>
|
|
<div class="text">
|
|
<p class="name">Twitch</p>
|
|
<p class="description">
|
|
Watch our live streams and gaming content.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #181717">
|
|
<a href="https://github.com/naomi-lgbt" class="url">
|
|
<i class="fab fa-github"></i>
|
|
<div class="text">
|
|
<p class="name">GitHub</p>
|
|
<p class="description">
|
|
Follow our open source projects and contributions.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #171a21">
|
|
<a href="https://steamcommunity.com/id/naomi-lgbt/" class="url">
|
|
<i class="fab fa-steam"></i>
|
|
<div class="text">
|
|
<p class="name">Steam</p>
|
|
<p class="description">Add us on Steam for gaming together.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #0a0a23">
|
|
<a href="https://forum.freecodecamp.org/u/nhcarrigan/" class="url">
|
|
<i class="fab fa-free-code-camp"></i>
|
|
<div class="text">
|
|
<p class="name">freeCodeCamp Forum</p>
|
|
<p class="description">
|
|
Connect with us on the freeCodeCamp community.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>NHCarrigan</h2>
|
|
<!-- Microblogging / social posting -->
|
|
<div class="badge" style="color: #ffffff; background: #00a8ff">
|
|
<a href="https://bsky.app/profile/nhcarrigan.com" class="url">
|
|
<i class="fas fa-cloud"></i>
|
|
<div class="text">
|
|
<p class="name">Bluesky</p>
|
|
<p class="description">Our company Bluesky profile.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #000000">
|
|
<a href="https://x.com/nhcarrigan1" class="url">
|
|
<i class="fab fa-x-twitter"></i>
|
|
<div class="text">
|
|
<p class="name">X (Twitter)</p>
|
|
<p class="description">Follow us for updates and thoughts.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #0a66c2">
|
|
<a href="https://www.linkedin.com/company/nhcarrigan/" class="url">
|
|
<i class="fab fa-linkedin"></i>
|
|
<div class="text">
|
|
<p class="name">LinkedIn</p>
|
|
<p class="description">Follow our company page on LinkedIn.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #6364ff">
|
|
<a href="https://mastodon.social/@naomi_lgbt" class="url">
|
|
<i class="fab fa-mastodon"></i>
|
|
<div class="text">
|
|
<p class="name">Mastodon</p>
|
|
<p class="description">Connect with us on the fediverse.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #ff4500">
|
|
<a href="https://www.reddit.com/r/nhcarrigan/" class="url">
|
|
<i class="fab fa-reddit"></i>
|
|
<div class="text">
|
|
<p class="name">Reddit</p>
|
|
<p class="description">Join our official subreddit community.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #1877f2">
|
|
<a href="https://www.facebook.com/nhcarrigan" class="url">
|
|
<i class="fab fa-facebook"></i>
|
|
<div class="text">
|
|
<p class="name">Facebook</p>
|
|
<p class="description">Follow our company page on Facebook.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- Writing / blog -->
|
|
<div class="badge" style="color: #ffffff; background: #ec4899">
|
|
<a href="https://blog.nhcarrigan.com" class="url">
|
|
<i class="fas fa-blog"></i>
|
|
<div class="text">
|
|
<p class="name">Blog</p>
|
|
<p class="description">
|
|
Read our latest blog posts and articles.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #2962ff">
|
|
<a href="https://hashnode.nhcarrigan.com" class="url">
|
|
<i class="fab fa-hashnode"></i>
|
|
<div class="text">
|
|
<p class="name">Hashnode (Self-Hosted)</p>
|
|
<p class="description">
|
|
Read our self-hosted blog mirror on Hashnode.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- Support / funding -->
|
|
<div class="badge" style="color: #ffffff; background: #ff5e5b">
|
|
<a href="https://ko-fi.com/nhcarrigan" class="url">
|
|
<i class="fab fa-ko-fi"></i>
|
|
<div class="text">
|
|
<p class="name">Ko-fi</p>
|
|
<p class="description">Support our work with a coffee.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #f96854">
|
|
<a href="https://www.patreon.com/cw/nhcarrigan" class="url">
|
|
<i class="fab fa-patreon"></i>
|
|
<div class="text">
|
|
<p class="name">Patreon</p>
|
|
<p class="description">Support us and access exclusive content.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Contact Policy</h2>
|
|
<div class="badge" style="color: #ffffff; background: #6366f1">
|
|
<a href="https://docs.nhcarrigan.com/about/contact" class="url">
|
|
<i class="fas fa-file-alt"></i>
|
|
<div class="text">
|
|
<p class="name">Full Contact Policy</p>
|
|
<p class="description">
|
|
View our complete contact policy and guidelines.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="badge" style="color: #ffffff; background: #8b5cf6">
|
|
<a href="https://cdn.nhcarrigan.com/socials.txt" class="url">
|
|
<i class="fas fa-key"></i>
|
|
<div class="text">
|
|
<p class="name">GPG Signed Social Media List</p>
|
|
<p class="description">
|
|
View our complete GPG signed list of social media accounts.
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|