182 lines
7.5 KiB
HTML
182 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/png" href="/assets/img/favicon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<meta content="Apexie's Hub" property="og:title" />
|
|
<meta
|
|
content="We want to deliver the best experiences to you and create the best place to find new friends and play with your friends."
|
|
property="og:description" />
|
|
<meta content="https://apexie.eu" property="og:url" />
|
|
<meta content="/assets/img/favicon.png" property="og:image" />
|
|
<meta content="#1A9EF1" data-react-helmet="true" name="theme-color" />
|
|
|
|
<title>Apexie's Hub</title>
|
|
|
|
<link rel="stylesheet" href="/assets/css/style.css">
|
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg bg-dark navbar-dark py-3 fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">
|
|
<img src="assets/img/favicon.png" alt="" width="30" height="30" class="d-inline-block align-text-top">
|
|
Apexie's Hub
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" aria-current="page" href="#"><i class="bi bi-house"></i> Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://github.com/apexiedev"><i class="bi bi-github"></i> GitHub</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://dsc.gg/apexie"><i class="bi bi-discord"></i> Discord</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
|
|
aria-expanded="false">
|
|
<i class="bi bi-braces"></i> Projects
|
|
</a>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
<li><a class="dropdown-item" href="#osustream">osu!restream</a></li>
|
|
<li><a class="dropdown-item" href="#plenus">Plenus</a></li>
|
|
<li>
|
|
<hr class="dropdown-divider">
|
|
</li>
|
|
<li><a class="dropdown-item" href="https://video.arcade.apexie.eu">Video to
|
|
Arcade</a></li>
|
|
<li>
|
|
<a class="dropdown-item" href="https://poggit.pmmp.io/p/KnockbackFFA">Knock</a>
|
|
</li>
|
|
<li><a class="dropdown-item disabled" href="#">Coming soon...</a></li>
|
|
</ul>
|
|
</li>
|
|
<!-- Login button -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
|
|
aria-expanded="false">
|
|
<i class="bi bi-person-circle"></i> Profile
|
|
</a>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
<li><a class="dropdown-item" id="login_button" data-bs-toggle="modal"
|
|
data-bs-target="#loginModal">Login</a></li>
|
|
<li>
|
|
<hr class="dropdown-divider">
|
|
</li>
|
|
<li><a class="dropdown-item disabled" href="#">Coming soon...</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModal" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="loginModalLabel">Login to your Apexie ID</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body" id="loginModalBody">
|
|
<form>
|
|
<div class="mb-3" id="account-username-fill" hidden>
|
|
<label for="username" class="form-label">Username</label>
|
|
<input type="text" class="form-control" id="account-username">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="account-email" class="form-label">Email address</label>
|
|
<input type="email" class="form-control" id="account-email" aria-describedby="emailHelp">
|
|
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="account-password" class="form-label">Password</label>
|
|
<input type="password" class="form-control" id="account-password">
|
|
</div>
|
|
<div class="mb-3" id="account-confirm-password-fill" hidden>
|
|
<label for="account-confirm-password" class="form-label">Confirm Password</label>
|
|
<input type="password" class="form-control" id="account-confirm-password">
|
|
</div>
|
|
</form>
|
|
<div id="verification-alert"></div>
|
|
<ul id="login-list">
|
|
<li>Loading OAuth2 providers...</li>
|
|
</ul>
|
|
</div>
|
|
<div class="modal-footer" id="loginModalFooter">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="fun" tabindex="-1" aria-labelledby="socials" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="funLabel">Start the fun</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="lead">These are the main places where we have fun:</p>
|
|
<!-- Clickable Discord button -->
|
|
<a href="https://dsc.gg/apexie" class="btn btn-dark btn-lg">
|
|
<i class="bi bi-discord"></i>
|
|
Discord
|
|
</a>
|
|
<a href="https://github.com/apexiedev" class="btn btn-dark btn-lg">
|
|
<i class="bi bi-github"></i>
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
|
|
Close
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="gdprconsent" tabindex="-2" aria-labelledby="gdpr" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="expiredLabel">GDPR Consent</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="lead">We use cookies in this website to give you the best experience on our
|
|
site. To find out more, read our
|
|
<a href="https://www.privacypolicygenerator.info/live.php?token=p519PrZBe1HRup8NtyGsCRpByyUSCDM1">privacy
|
|
policy</a> and <a
|
|
href="https://www.cookiepolicygenerator.com/live.php?token=4XCEj5MsPl1JX41C4R5NtaZ2fRotqRGv">cookie
|
|
policy.</a>
|
|
</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<!-- Yes -->
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="gdpr-button">
|
|
Ok
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="main-app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
|
|
</html> |