wrapperr/index.html

140 lines
4.5 KiB
HTML
Raw Normal View History

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Plex Wrapped</title>
<!-- Bootstrap 4 CSS and custom CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/wrapped.css" />
<link rel="shortcut icon" href="assets/img/favicons/favicon.ico" />
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="./index.js"></script>
<script src="./get_stats.js"></script>
<script src="./get_functions.js"></script>
</head>
<body>
<div class="content_landing" id="login_content" style="">
<div class="boks">
<div class="boks3" id="search_input" style="padding: 0 !important;">
<div class="boks2" style="float: none !important; display: block; padding: 0; margin-top: 0em;">
<img src="assets/img/gift.svg" onclick="window.location.href = './';" style="width: 15em; cursor: pointer;">
</div>
<div class="boks2" style="float: none !important; display: block; margin-top: 0em; padding-top: 0;">
<div class="stats_tekst" style="height: auto;">
<p>
Did you get that thing from Spotify and wondered what your Plex statistics looked like?
<br><br>Well, have a look...
</p>
</div>
<br>
<div class="status" id="stats" style="">
<h1>Plex Wrapped</h1>
<div class="search">
<form id='stats_form' class='form' onsubmit='return false' action="" method="post">
<div class='form-group'>
<label for="p_identity" title="The email or username for the Plex account you want to check">Plex email or username</label>
<input type="text" class='form-control' name="p_identity" id="p_identity" autocomplete="off" required/>
</div>
<div class='form-group'>
<input type="submit" class='form-control btn' value="Search" name="p_email" id="p_email" required/>
</div>
</form>
</div>
<img id="loading_icon" src="assets/loading.gif" style="border-radius: 25px; background-color: white; padding: 1em;width: 4em; height: 4em; display:none;">
<div id="results">
</div>
<div id="results_error" style="padding:0.5em; bottom:0; color: #ffbd55 !important;"></div>
</div>
</div>
</div>
<div class="snowflakes" aria-hidden="true" id="snowflakes">
<div class="snowflake">
</div>
<div class="snowflake">
</div>
<div class="snowflake">
</div>
<div class="snowflake">
</div>
<div class="snowflake">
</div>
<div class="snowflake">
</div>
<div class="snowflake">
</div>
<div class="snowflake">
</div>
<div class="snowflake">
</div>
<div class="snowflake">
</div>
</div>
</div>
</div>
<div class="footer" id="footer">
<a style="color: white; font-weight: normal; font-size: 0.75em; text-decoration: none;" href="./">Wrapped</a> |
<a style="color: white; font-weight: normal; font-size: 0.75em; text-decoration: none;" href="./admin">Admin</a> |
<a style="color: white; font-weight: normal; font-size: 0.75em; text-decoration: none;" href="./caching">Caching</a> |
<a style="color: white; font-weight: normal; font-size: 0.75em; text-decoration: none;" href="https://github.com/aunefyren/plex-wrapped" target="_blank">GitHub</a>
</div>
</div>
<div class="content" id="search_results">
</div>
<script type="text/javascript">
var root = "./";
$(document).ready(function() {
});
</script>
</body>
</html>