85 lines
2.9 KiB
HTML
85 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Mod Desk :: Merz-hater Club Friendbook</title>
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Chakra+Petch:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link rel="stylesheet" href="admin.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="scanlines" aria-hidden="true"></div>
|
|
|
|
<header class="hero">
|
|
<div class="hero__glitchbox">
|
|
<h1 class="glitch" data-text="MOD DESK">MOD DESK</h1>
|
|
</div>
|
|
<p class="hero__tagline">approve or deny incoming friend book pages (◡‿◡)</p>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<!-- ===================== LOGIN GATE ===================== -->
|
|
<section id="password-gate" class="panel window admin-window" aria-label="Admin login">
|
|
<div class="window__bar">
|
|
<span class="dot dot--blue"></span>
|
|
<span class="dot dot--pink"></span>
|
|
<span class="dot dot--white"></span>
|
|
<span class="window__title">login required</span>
|
|
</div>
|
|
<form id="password-form" class="window__body form">
|
|
<div class="field">
|
|
<label for="admin-password">Admin Password</label>
|
|
<input type="password" id="admin-password" name="password" autocomplete="current-password" required autofocus />
|
|
</div>
|
|
<p id="password-error" class="form-error" role="alert" hidden></p>
|
|
<button type="submit" class="btn-submit"><span>ENTER</span></button>
|
|
</form>
|
|
</section>
|
|
|
|
<!-- ===================== ADMIN VIEW ===================== -->
|
|
<section id="admin-main" hidden>
|
|
|
|
<div class="admin-toolbar">
|
|
<button type="button" id="logout-btn" class="btn-admin btn-admin--deny">LOG OUT</button>
|
|
</div>
|
|
|
|
<section class="panel window admin-window">
|
|
<div class="window__bar">
|
|
<span class="dot dot--blue"></span>
|
|
<span class="dot dot--pink"></span>
|
|
<span class="dot dot--white"></span>
|
|
<span class="window__title">pending review</span>
|
|
</div>
|
|
<div class="window__body">
|
|
<p id="pending-status" class="gallery-status">loading...</p>
|
|
<div id="pending-grid" class="gallery-grid"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel window admin-window">
|
|
<div class="window__bar">
|
|
<span class="dot dot--blue"></span>
|
|
<span class="dot dot--pink"></span>
|
|
<span class="dot dot--white"></span>
|
|
<span class="window__title">already approved</span>
|
|
</div>
|
|
<div class="window__body">
|
|
<p id="approved-status" class="gallery-status">loading...</p>
|
|
<div id="approved-grid" class="gallery-grid"></div>
|
|
</div>
|
|
</section>
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<script src="admin.js"></script>
|
|
</body>
|
|
</html>
|