generated from nhcarrigan/template
feat: add social media page
This commit is contained in:
@@ -0,0 +1,243 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user