BROOKO UK NETWORK
Where code meets creativity & adventure
File viewer
index.php
Type
php
Size
3.23 KB
Modified
21 Apr
index.php
3.23 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Join TheGamingDen β a friendly Discord community for gamers, nerds, and friends!">
<title>TheGamingDen β where gamers and nerds unite!</title>
<!-- Favicon / Logo -->
<link rel="icon" type="image/png" href="assets/img/logo.png">
<link rel="apple-touch-icon" href="assets/img/logo.png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<!-- Correct CSS path -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<h1>Hey Nerds π</h1>
<p>Welcome to TheGamingDen β where gamers and nerds unite!</p>
</header>
<main class="container">
<section class="welcome">
<p>
Welcome to TheGamingDen, a friendly Discord community where gamers and nerds from all over come together.
Whether youβre exploring our Minecraft world <strong>TheBrokenRealm (TBR)</strong>, sharing memes, chatting about the latest games,
or just hanging out in VC β this is where you belong.
</p>
<p>
Weβve been around since <strong>May 12, 2021</strong>, and over four awesome years later, our goal is still the same β
to make friends, have fun, and celebrate everything that makes us proudly Nerdy. π§ π
</p>
</section>
<section class="newmember">
<h2>Join the Adventure</h2>
<p class="small-text">β‘ Charge up your Nerd power, rally your squad, and join the adventure in the Den!</p>
<div class="button-group">
<a href="https://discord.gg/wpANx3DuFY" class="button">Become a Nerd</a>
<button class="button" id="invite-btn">Invite a Nerd</button>
</div>
</section>
<div class="post-meta" id="post-meta">
Posted by TGD Network β <span id="current-date"></span>
</div>
</main>
<footer>
<p>© 2025 TheGamingDen Network. All Rights Reserved.</p>
</footer>
<script>
// Set the current date/time dynamically
const now = new Date();
document.getElementById('current-date').textContent = now.toLocaleString();
// Invite button copy functionality
document.getElementById('invite-btn').addEventListener('click', function() {
navigator.clipboard.writeText('https://discord.gg/wpANx3DuFY');
const popup = document.createElement('div');
popup.textContent = 'Invite link copied to clipboard!';
popup.style.position = 'fixed';
popup.style.bottom = '30px';
popup.style.left = '50%';
popup.style.transform = 'translateX(-50%)';
popup.style.background = '#00ff88';
popup.style.color = '#000';
popup.style.padding = '12px 25px';
popup.style.borderRadius = '8px';
popup.style.fontWeight = '700';
popup.style.boxShadow = '0 0 15px rgba(0, 255, 136, 0.6)';
popup.style.zIndex = '1000';
document.body.appendChild(popup);
setTimeout(() => popup.remove(), 2500);
});
</script>
</body>
</html>