generated from nhcarrigan/template
244 lines
8.4 KiB
HTML
244 lines
8.4 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>
|
|
<!-- Discord - 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>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Naomi</h2>
|
|
<!-- Personal profiles sorted by popularity -->
|
|
<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>
|
|
<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>
|
|
<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: #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: #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: #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: #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: #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: #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>
|
|
<!-- Company profiles sorted by popularity -->
|
|
<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: #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>
|
|
<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: #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: #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>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|