/
index.html
executable file
·36 lines (30 loc) · 1.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>The Lord of the Rings Timer</title>
<link href="https://fonts.googleapis.com/css?family=Fanwood+Text|Quattrocento" rel="stylesheet">
<link href="bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="favicon.ico" />
</head>
<body id="page-top">
<!-- Header -->
<header class="masthead d-flex">
<div class="container text-center my-auto title-card">
<section id="results_section">
<h1 id="first_title" class="mb-1">The Lord of the Rings <i>Timer</i></h1>
<p>Set the time, press the button, and find out where you get up to in the greatest movie trilogy of all time. For the time being, this tool assumes you're watching the extended editions, and was lovingly thrown together by <a href="https://mohnjatthews.com">mohnjatthews.com</a>.</p>
<h2>I've got <span class="output"></span> minutes to burn</h2><br>
<input id="user_input" type="range" class="slider" min=1 max=1440><br>
<a onclick="main()" class="go-button">To Isengard!</a>
</section>
</div>
</header>
</body>
<script type="text/javascript" src="movie_data.js"></script>
<script type="text/javascript" src="script.js"></script>
</html>