ICAS/html/verify.html

125 lines
4.1 KiB
HTML
Raw Normal View History

2023-09-07 12:07:40 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta https-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Setup Bootstrap CSS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!--Setup Override CSS-->
<link rel="stylesheet" href="/style.css">
2023-09-07 12:07:40 +00:00
<!--Site icon and title-->
<link rel="icon" type="image/png" href="/favicon.ico">
2023-09-07 12:07:40 +00:00
<title>IC Anime Society</title>
<!--Script to set [[discordID]]-->
<script>
async function setDiscordID() {
const id = new URLSearchParams(window.location.search).get("id");
if (id == null) {
window.location.replace("/");
} else {
const { username, avatar_url } = await fetch(`/discord?id=${id}`).then((r) => r.json()).catch(console.error);
// const { username, avatar_url } = { username: `User #${id}`, avatar_url: "https://cdn.discordapp.com/embed/avatars/0.png" };
document.getElementById("discordID").value = id;
document.getElementById("discord-username").innerText = username;
document.getElementById("discord-avatar").src = avatar_url;
}
}
</script>
2023-09-07 12:07:40 +00:00
</head>
<body onload="setDiscordID()">
2023-09-07 12:07:40 +00:00
<!-- Navbar -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/">
<img src="/images/logo.png" id="logo">
2023-09-07 12:07:40 +00:00
</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="/">Home</a>
2023-09-07 12:07:40 +00:00
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">About Us<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/about">Who we are</a></li>
<li><a href="/committee">Committee</a></li>
2023-09-07 12:07:40 +00:00
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">What we Do<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/manga">Manga club</a></li>
<li><a href="/library">Manga Library</a></li>
2023-09-07 12:07:40 +00:00
</ul>
</li>
<li>
<a
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">Join
Now!</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Title bar -->
<div class="jumbotron top-item">
<div class="container">
<h1>Automatic Verification</h1>
<p>This page allows you to easily prove Imperial student status</p>
</div>
</div>
<!-- Page Contents -->
<div class="container">
<h1>Verification Form</h1>
<p>When you submit the form below, your Imperial login details are checked using the Union login page and then
discarded, the only data saved is whether the login succeeded and your Imperial shortcode, to be connected
to your Discord account by Nano.</p>
<p>We don't want to ever know your login details as that's a whole GDPR and security nightmare. The code for
this website and the verification system is available on <a
href="https://github.com/supleed2/ICAS">GitHub</a>.</p>
<br><br>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<span class="footer-text">
Join our <a href="http://discord.gg/BgwDD69">Discord</a> server.
Sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>.
</span>
</div>
</footer>
<!--Bootstrap Javascript-->
<!--=======================================================================-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>