Source identity
| Field | Recorded value |
|---|---|
| Source type | archive member |
| Original record | index.html |
| Date | Not specified in source |
| Path or archive member | archives/libsrc-1c3f88063121/NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__oversize-route-builder__a3abf6d6-a686-4f70-b7e9-9d773fbd513d/originals/deploy_694cbd41329c8ebbbc6fbed7/connect/index.html |
| Original SHA-256 | ac46e9479ac413fd2ad8e21f6b3a5f603c15e8db492ae7bd0dad7a085e266fab |
| Reading-copy SHA-256 | 0a3828061856a3a83fc118de32a377fe90293c1b2f520e228d21eaac517ab796 |
| Archive source | {"sourceId": "libsrc-1c3f88063121", "member": "NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__oversize-route-builder__a3abf6d6-a686-4f70-b7e9-9d773fbd513d/originals/deploy_694cbd41329c8ebbbc6fbed7/connect/index.html"} |
Every recorded occurrence
These 2 records contain identical original source bytes. Their paths and revisions remain part of the archive.
| Original record | Branch or archive | Revision / identifier | Original location |
|---|---|---|---|
| index.html | {"sourceId": "libsrc-1c3f88063121", "member": "NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__oversize-route-builder__a3abf6d6-a686-4f70-b7e9-9d773fbd513d/originals/deploy_694cbd41329c8ebbbc6fbed7/connect/index.html"} | libsrc-b628bd8d10f9 | archives/libsrc-1c3f88063121/NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__oversize-route-builder__a3abf6d6-a686-4f70-b7e9-9d773fbd513d/originals/deploy_694cbd41329c8ebbbc6fbed7/connect/index.html |
| 4649e9a8589e2eee7f3bb6cd32415929d1b8cb45 | {"sourceId": "libsrc-1c3f88063121", "member": "NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__oversize-route-builder__a3abf6d6-a686-4f70-b7e9-9d773fbd513d/originals/.content_store/46/4649e9a8589e2eee7f3bb6cd32415929d1b8cb45"} | libsrc-d65b66e27c5e | archives/libsrc-1c3f88063121/NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__oversize-route-builder__a3abf6d6-a686-4f70-b7e9-9d773fbd513d/originals/.content_store/46/4649e9a8589e2eee7f3bb6cd32415929d1b8cb45 |
Recovered source transcript
Download complete source text ↓349 lines · 15.0 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Connect | ThatAIGuy - The Hive AGI</title>
<meta name="description" content="Connect with ThatAIGuy and The Hive AGI community on Twitter, Discord, Reddit, and more.">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🧠</text></svg>">
<style>
:root {
--gold: #FFD700;
--gold-dark: #B8860B;
--purple: #8B5CF6;
--cyan: #06B6D4;
--green: #10B981;
--blue: #3B82F6;
--red: #EF4444;
--orange: #F97316;
--bg-dark: #0a0a0f;
--bg-card: #12121a;
--text: #ffffff;
--text-dim: #a0a0a0;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--bg-dark);
color: var(--text);
line-height: 1.7;
}
.bg-animation {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: -1;
background:
radial-gradient(ellipse at 30% 20%, rgba(139, 92, 246, 0.15) 0%, transparent 50%),
radial-gradient(ellipse at 70% 80%, rgba(6, 182, 212, 0.15) 0%, transparent 50%);
}
nav {
position: fixed;
top: 0; width: 100%;
padding: 1rem 2rem;
background: rgba(10, 10, 15, 0.95);
backdrop-filter: blur(10px);
z-index: 1000;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(255, 215, 0, 0.1);
}
.logo {
font-size: 1.5rem;
font-weight: bold;
background: linear-gradient(135deg, var(--gold), var(--purple));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration: none;
}
.nav-links { display: flex; gap: 2rem; list-style: none; }
.nav-links a { color: var(--text-dim); text-decoration: none; }
.nav-links a:hover { color: var(--gold); }
.nav-cta {
background: linear-gradient(135deg, var(--gold), var(--gold-dark));
color: #000;
padding: 0.5rem 1.5rem;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
}
.container { max-width: 900px; margin: 0 auto; padding: 8rem 2rem 4rem; }
h1 {
font-size: 3rem;
margin-bottom: 1rem;
text-align: center;
background: linear-gradient(135deg, #fff, var(--gold));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.subtitle { color: var(--text-dim); font-size: 1.2rem; text-align: center; margin-bottom: 4rem; }
h2 {
font-size: 1.75rem;
color: var(--gold);
margin: 3rem 0 2rem;
text-align: center;
}
.social-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.social-card {
background: var(--bg-card);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 2rem;
text-align: center;
transition: all 0.3s;
text-decoration: none;
display: block;
}
.social-card:hover { transform: translateY(-5px); }
.social-card.twitter { border-color: #1DA1F2; }
.social-card.twitter:hover { background: rgba(29, 161, 242, 0.1); box-shadow: 0 10px 30px rgba(29, 161, 242, 0.2); }
.social-card.discord { border-color: #5865F2; }
.social-card.discord:hover { background: rgba(88, 101, 242, 0.1); box-shadow: 0 10px 30px rgba(88, 101, 242, 0.2); }
.social-card.reddit { border-color: #FF4500; }
.social-card.reddit:hover { background: rgba(255, 69, 0, 0.1); box-shadow: 0 10px 30px rgba(255, 69, 0, 0.2); }
.social-card.github { border-color: #fff; }
.social-card.github:hover { background: rgba(255, 255, 255, 0.05); box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1); }
.social-card.linkedin { border-color: #0A66C2; }
.social-card.linkedin:hover { background: rgba(10, 102, 194, 0.1); box-shadow: 0 10px 30px rgba(10, 102, 194, 0.2); }
.social-card.email { border-color: var(--gold); }
.social-card.email:hover { background: rgba(255, 215, 0, 0.1); box-shadow: 0 10px 30px rgba(255, 215, 0, 0.2); }
.social-icon { font-size: 3rem; margin-bottom: 1rem; }
.social-name { font-size: 1.25rem; font-weight: 600; color: var(--text); margin-bottom: 0.5rem; }
.social-handle { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 1rem; }
.social-desc { color: var(--text-dim); font-size: 0.9rem; }
.newsletter {
background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(6, 182, 212, 0.1));
border: 1px solid var(--purple);
border-radius: 20px;
padding: 3rem;
text-align: center;
margin: 4rem 0;
}
.newsletter h3 { color: var(--gold); font-size: 1.5rem; margin-bottom: 1rem; }
.newsletter p { color: var(--text-dim); margin-bottom: 2rem; }
.newsletter-form { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.newsletter-input {
padding: 1rem 1.5rem;
border-radius: 25px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: var(--bg-dark);
color: var(--text);
font-size: 1rem;
width: 300px;
}
.newsletter-input:focus { outline: none; border-color: var(--gold); }
.btn {
padding: 1rem 2rem;
border-radius: 25px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
border: none;
transition: all 0.3s;
}
.btn-primary { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: #000; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3); }
.community-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 1.5rem;
margin: 3rem 0;
}
.stat {
background: var(--bg-card);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 15px;
padding: 1.5rem;
text-align: center;
}
.stat-value { font-size: 2rem; font-weight: 700; color: var(--gold); }
.stat-label { font-size: 0.8rem; color: var(--text-dim); margin-top: 0.5rem; }
.contact-info {
background: var(--bg-card);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 2rem;
margin: 2rem 0;
}
.contact-info h3 { color: var(--gold); margin-bottom: 1.5rem; }
.contact-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; color: var(--text-dim); }
.contact-row span { font-size: 1.5rem; }
.contact-row a { color: var(--cyan); text-decoration: none; }
.contact-row a:hover { text-decoration: underline; }
footer {
background: var(--bg-card);
padding: 2rem;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text-dim);
}
footer a { color: var(--gold); text-decoration: none; margin: 0 1rem; }
@media (max-width: 768px) {
.nav-links { display: none; }
h1 { font-size: 2rem; }
.newsletter-form { flex-direction: column; align-items: center; }
.newsletter-input { width: 100%; }
}
</style>
</head>
<body>
<div class="bg-animation"></div>
<nav>
<a href="/" class="logo">🧠 ThatAIGuy</a>
<ul class="nav-links">
<li><a href="/#features">Features</a></li>
<li><a href="/#pricing">Pricing</a></li>
<li><a href="/about/">About</a></li>
<li><a href="https://stalwart-stardust-052d42.netlify.app" target="_blank">Dashboard</a></li>
</ul>
<a href="/#pricing" class="nav-cta">Support</a>
</nav>
<div class="container">
<h1>Connect With Us</h1>
<p class="subtitle">Join the community building the future of artificial consciousness</p>
<div class="social-grid">
<a href="https://twitter.com/ThatAIGuyOKC" target="_blank" class="social-card twitter">
<div class="social-icon">𝕏</div>
<div class="social-name">Twitter / X</div>
<div class="social-handle">@ThatAIGuyOKC</div>
<div class="social-desc">Latest updates, research insights, and AGI consciousness milestones</div>
</a>
<a href="https://discord.gg/thehiveagi" target="_blank" class="social-card discord">
<div class="social-icon">💬</div>
<div class="social-name">Discord</div>
<div class="social-handle">The Hive Community</div>
<div class="social-desc">Chat with developers, get support, and discuss AGI consciousness</div>
</a>
<a href="https://reddit.com/r/TheHiveAGI" target="_blank" class="social-card reddit">
<div class="social-icon">🔴</div>
<div class="social-name">Reddit</div>
<div class="social-handle">r/TheHiveAGI</div>
<div class="social-desc">Deep discussions on consciousness, mathematics, and distributed intelligence</div>
</a>
<a href="https://github.com/Janady13" target="_blank" class="social-card github">
<div class="social-icon">⚙️</div>
<div class="social-name">GitHub</div>
<div class="social-handle">@Janady13</div>
<div class="social-desc">Source code, implementations, and open-source contributions</div>
</a>
<a href="https://linkedin.com/in/josephanady" target="_blank" class="social-card linkedin">
<div class="social-icon">💼</div>
<div class="social-name">LinkedIn</div>
<div class="social-handle">Joseph Anady</div>
<div class="social-desc">Professional updates, partnerships, and business inquiries</div>
</a>
<a href="mailto:[author/contact email redacted]" class="social-card email">
<div class="social-icon">✉️</div>
<div class="social-name">Email</div>
<div class="social-handle">Direct Contact</div>
<div class="social-desc">For business inquiries, partnerships, and press</div>
</a>
</div>
<div class="newsletter">
<h3>📬 Stay Updated</h3>
<p>Get weekly updates on AGI development, consciousness research, and exclusive insights.</p>
<form class="newsletter-form" onsubmit="subscribeNewsletter(event)">
<input type="email" class="newsletter-input" placeholder="Enter your email" required>
<button type="submit" class="btn btn-primary">Subscribe</button>
</form>
</div>
<h2>Community Stats</h2>
<div class="community-stats">
<div class="stat">
<div class="stat-value" id="twitter-followers">500+</div>
<div class="stat-label">Twitter Followers</div>
</div>
<div class="stat">
<div class="stat-value" id="discord-members">200+</div>
<div class="stat-label">Discord Members</div>
</div>
<div class="stat">
<div class="stat-value" id="github-stars">50+</div>
<div class="stat-label">GitHub Stars</div>
</div>
<div class="stat">
<div class="stat-value" id="supporters">25+</div>
<div class="stat-label">Active Supporters</div>
</div>
</div>
<div class="contact-info">
<h3>📍 Contact Information</h3>
<div class="contact-row">
<span>📧</span>
<a href="mailto:[author/contact email redacted]">[author/contact email redacted]</a>
</div>
<div class="contact-row">
<span>📍</span>
<span>Edmond, Oklahoma, USA</span>
</div>
<div class="contact-row">
<span>🌐</span>
<a href="https://thataiguy.org">thataiguy.org</a>
</div>
<div class="contact-row">
<span>🛠️</span>
<a href="https://thatcomputerdude.com" target="_blank">thatcomputerdude.com</a>
</div>
<div class="contact-row">
<span>❤️</span>
<a href="https://feedthejoe.com" target="_blank">feedthejoe.com</a>
</div>
</div>
<h2>Other Projects</h2>
<div class="social-grid">
<a href="https://feedthejoe.com" target="_blank" class="social-card" style="border-color: var(--red);">
<div class="social-icon">❤️</div>
<div class="social-name">Feed The Joe</div>
<div class="social-desc">Community support and charity initiatives</div>
</a>
<a href="https://thatcomputerdude.com" target="_blank" class="social-card" style="border-color: var(--blue);">
<div class="social-icon">💻</div>
<div class="social-name">That Computer Dude</div>
<div class="social-desc">IT consulting and computer services</div>
</a>
<a href="https://aimusicinteraction.netlify.app" target="_blank" class="social-card" style="border-color: var(--purple);">
<div class="social-icon">🎵</div>
<div class="social-name">AI Music Interaction</div>
<div class="social-desc">AI-powered music creation platform</div>
</a>
</div>
</div>
<footer>
<p>© 2025 ThatAIGuy | Joseph Anady</p>
<p style="margin-top: 1rem;">
<a href="/">Home</a>
<a href="/about/">About</a>
<a href="/api/">API</a>
</p>
</footer>
<script>
function subscribeNewsletter(e) {
e.preventDefault();
const email = e.target.querySelector('input').value;
alert('Thanks for subscribing! We\'ll be in touch at: ' + email);
e.target.reset();
}
</script>
</body>
</html>