<!doctype html>
<!--
Markup of the Netflix Stats Generator
@author Marvin Borner
@copyright Marvin Borner 2018
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Varela+Round">
<link rel="stylesheet" href="assets/css/normalize.css">
<link rel="stylesheet" href="assets/css/main.css">
<title>Netflix Personal Stats Generator</title>
</head>
<body>
<input class="CookieInput" type="text" placeholder="Type your cookie...">
<div class="Main">
<div class="GradientBackground">
<div class="Color GreenBlue Active"></div>
<div class="Color OrangePink"></div>
<div class="Color GreenBlue"></div>
</div>
<div class="FavoritesSection">
<div class="SectionHeader">
<h1>Let's check out your most watched series</h1>
</div>
<div class="MostWatchedOverview">
<div class="OverviewText">
<div class="Description">
</div>
</div>
<img class="MostWatchedPoster" src="" alt="">
</div>
</div>
<canvas id="WatchTimeChart"></canvas>
<div id="Heatmap"></div>
<canvas id="MostWatchedChart"></canvas>
</div>
<script src="assets/js/jQuery.js"></script>
<script src="assets/js/chart.js"></script>
<script src="assets/js/moment.js"></script>
<script src="assets/js/d3.js"></script>
<script src="assets/js/heatmap.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>