Skip to content

Instantly share code, notes, and snippets.

@ghostedrecon

ghostedrecon/index.html

Created December 31, 2025 12:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ghostedrecon/3604487233e5259e35347470e5a884cd to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ghostedrecon/3604487233e5259e35347470e5a884cd to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CLAA - Capitol Legacy: American Ascension</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>CLAA - Capitol Legacy: American Ascension</h1>
<a class="discord-button" href="https://discord.gg/zB3PTJGBry" target="_blank">Join Discord</a>
</header>
<main>
<!-- Staff Leadership -->
<section class="section">
<h2>Staff Leadership</h2>
<div class="dropdown">
<button class="dropdown-toggle">CLAA Leadership</button>
<div class="dropdown-content">
<p><strong>Chairperson:</strong> _demogod_, mockgov_enjoyer</p>
<p><strong>Vice Chairperson:</strong> real_donald_trump1</p>
<p><strong>Deputy Chairperson:</strong> it_fan_5, ghostedrecon</p>
<p><strong>Junior Deputy Chairperson:</strong> politicsnerd_., politicalroleplayer_91915</p>
<p><strong>Server Supervisor:</strong> el.lobo.de.caperucita., alummyuwa</p>
<p><strong>FEC Chairperson:</strong> N/A</p>
</div>
</div>
<div class="dropdown">
<button class="dropdown-toggle">Administration Team</button>
<div class="dropdown-content">
<p>oppenheimer_6969, cowboymaga, snive_., _flamyy.</p>
</div>
</div>
<div class="dropdown">
<button class="dropdown-toggle">Moderation Team</button>
<div class="dropdown-content">
<p>hayemhay, the.madame., annadoesntkknow_, kingdavinci45_70, youltrastar1, leftpunch., vppat, bloxguy5433, classical_rick</p>
</div>
</div>
<div class="dropdown">
<button class="dropdown-toggle">Staff Ethics Committee (SEC)</button>
<div class="dropdown-content">
<p><strong>Chairperson:</strong> politcsnerd_.</p>
<p><strong>Vice Chairperson(s):</strong> ghostedrecon, el.lobo.de.caperucita.</p>
<p><strong>Committee Members:</strong> cowboymaga, real_donald_trump1, _demogod_, classical_rick</p>
<p><strong>About SEC:</strong> Oversees CLAA Staff for unwanted behaviour. Only answers to Chairperson and Owner. Can suspend or remove staff, create reports, and kick/ban users showing unwanted behaviour.</p>
<p><strong>Punishments:</strong></p>
<ul>
<li>1 Week Suspension - For reasonable suspension or unwanted behaviour</li>
<li>3 Weeks Suspension +1 Week Staff Training - Racist, extremist, dangerous behaviour</li>
<li>1-2 Months Suspension + 2 Weeks Staff Training - Serious behaviour issues, slurs, danger</li>
<li>Removed from Staff + No Appeal - 3 strikes for staff</li>
<li>Server Wide Ban + No Appeal - 4 strikes or serious danger</li>
</ul>
</div>
</div>
<div class="dropdown">
<button class="dropdown-toggle">Federal Election Commission (FEC)</button>
<div class="dropdown-content">
<p><strong>About FEC:</strong> Independent agency enforcing campaign finance laws and overseeing federal elections.</p>
<p><strong>Members:</strong></p>
<ul>
<li>FEC Chairperson: _demogod_</li>
<li>Co-Chairperson(s): politicalplayer_91915, cowboymaga</li>
<li>Vice Chairperson(s): N/A</li>
<li>Secretary: N/A</li>
<li>Commissioners: el.lobo.de.caperucita., politcsnerd_., real_donald_trump1, it_fan_5</li>
</ul>
</div>
</div>
</section>
<!-- Departments & Hierarchy -->
<section class="section">
<h2>Staff Hierarchy & Divisions</h2>
<div class="dropdown">
<button class="dropdown-toggle">Staff Positions</button>
<div class="dropdown-content">
<p>Chairperson, Vice Chairperson, Deputy Chairperson, Junior Deputy Chairperson, Server Supervisor, Administrators, Moderators, Assemblyman/woman</p>
</div>
</div>
<div class="dropdown">
<button class="dropdown-toggle">Teams / Departments / Managements</button>
<div class="dropdown-content">
<p>Administration Team, Moderators Team, Congressional & Events Management, Federal Election Commission, Judiciary Commission, Governorship Management, U.N. Moderation Department, Advertisement Department, Business System Department, Welcoming Team, Military & Police RP Management, Bots & Technical Advancement Department, Media Management</p>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2026 CLAA. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</body>
</html>
Raw
script.js
const dropdowns = document.querySelectorAll(".dropdown-toggle");
dropdowns.forEach(drop => {
drop.addEventListener("click", () => {
const content = drop.nextElementSibling;
if(content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
});
Raw
style.css
body {
margin: 0;
font-family: Arial, sans-serif;
background: #ffffff;
color: #222;
}
header {
background: #f5f5f5;
padding: 20px;
text-align: center;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
header h1 {
margin: 0;
color: #333;
}
.discord-button {
display: inline-block;
padding: 15px 30px;
background: #5865f2;
color: white;
border-radius: 10px;
text-decoration: none;
font-weight: bold;
transition: transform 0.2s;
margin-top: 10px;
}
.discord-button:hover {
transform: scale(1.05);
}
.section {
padding: 30px 20px;
border-bottom: 1px solid #eee;
}
h2 {
color: #1a73e8;
}
.dropdown {
margin: 10px 0;
}
.dropdown button {
background: #eee;
color: #222;
width: 100%;
text-align: left;
padding: 12px;
border: none;
border-radius: 5px;
cursor: pointer;
outline: none;
transition: background 0.2s;
}
.dropdown button:hover {
background: #ddd;
}
.dropdown-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
background: #f9f9f9;
padding: 0 15px;
border-left: 3px solid #1a73e8;
margin-bottom: 10px;
border-radius: 0 5px 5px 0;
}
.dropdown-content p, .dropdown-content li {
margin: 10px 0;
padding-left: 5px;
}
footer {
background: #f5f5f5;
text-align: center;
padding: 15px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment