2020-12-19 16:10:59 +00:00
|
|
|
<!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" />
|
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<title>Plex Wrapped</title>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
|
|
|
<!-- Bootstrap 4 CSS and custom CSS -->
|
2020-12-23 13:17:10 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="assets/css/wrapped.css" />
|
2020-12-19 16:10:59 +00:00
|
|
|
<link rel="shortcut icon" href="assets/img/favicons/favicon.ico" />
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
|
2020-12-22 16:41:46 +00:00
|
|
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<div class="boks">
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<div class="boks3" id="search_input" style="padding: 0 !important;">
|
|
|
|
<div class="boks2" style="float: none !important; display: inline-block;">
|
|
|
|
<div class="stats_tekst" style="height: auto;">
|
|
|
|
<h2>Your year on Plex</h2>
|
|
|
|
<p>
|
|
|
|
Did you get that thing from Spotify and wondered what your Plex statistics were?
|
|
|
|
<br><br>Well, have a look...
|
|
|
|
</p>
|
|
|
|
</div>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<br>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<div class="status" id="stats" style="width:auto;">
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<div class="search">
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<form id='stats_form' class='form' onsubmit='return false' action="" method="post">
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<div class='form-group'>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<label for="p_email" title="The email for the Plex account you want to check"><h4>Plex Email</h4></label>
|
|
|
|
<input type="email" class='form_input' name="p_email" id="p_email" required/>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<button type='submit' style='border: none; background: none; cursor: pointer; padding: 0;'>
|
|
|
|
<div id='search_get'>SEARCH</div>
|
|
|
|
</button>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
</div>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
</form>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
</div>
|
2020-12-22 16:27:30 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<img id="loading_icon" src="assets/loading.gif" style="padding: 1em;width: 2em; height: 2em; display:none;">
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<div id="results">
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
</div>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
<div id="results_error" style="padding:0.5em; bottom:0; color: #eb4034;"></div>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
</div>
|
2020-12-19 16:10:59 +00:00
|
|
|
|
2020-12-23 13:17:10 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
2020-12-19 16:10:59 +00:00
|
|
|
</div>
|
|
|
|
<div class="content" id="search_results">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
|
|
|
$.getScript("index.js", function(){
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|