-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (84 loc) · 2.31 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Moviedar - Movie Calendar</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='main.js' defer></script>
</head>
<body class="background-tint">
<nav>
<a id="add-popup"><strong>...</strong>
<div id="nav-popup" class="bordered shadow">
<a id="watch-movie-button"><strong>Mark Movie as watched</strong></a>
<a id="remove-movie-button"><strong>Remove movie</strong></a>
</div>
</a><strong>Moviedar - Movie Calendar</strong>
<a id="add-movie"><strong>Add Movie</strong></a>
</nav>
<div id="movie-form" class="framed popup shadow">
<form>
<label>Title:<br>
<input type="text" id="title">
</label>
<br>
<label>Director:<br>
<input type="text" id="director">
</label>
<br>
<label>Cast:<br>
<input type="text" id="cast">
</label>
<br>
<label>Date:<br>
<input type="date" id="date">
</label>
<br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</div>
<div id="remove-movie-form" class="framed popup shadow">
<form>
<label>Title:<br>
<input type="text" id="rm-title">
</label>
<input type="submit" value="Submit">
</form>
</div>
<div id="watch-movie-form" class="framed popup shadow">
<form>
<label>Title:<br>
<input type="text" id="watch-title">
</label>
<input type="submit" value="Submit">
</form>
</div>
<main class="bordered">
<header class="btn-group">
<button class="framed button" id="yesterday">Yesterday</button>
<time id="actual-day" class="button framed"></time>
<button class="framed button" id="tomorrow">Tomorrow</button>
</header>
<article id="calendar" class="framed">
<div class="weekdays title">
<abbr title="Monday">Mo</abbr>
<abbr title="Tuesday">Tu</abbr>
<abbr title="Wednesday">We</abbr>
<abbr title="Thursday">Th</abbr>
<abbr title="Friday">Fr</abbr>
<abbr title="Saturday">Sa</abbr>
<abbr title="Sunday">Su</abbr>
</div>
<div class="days">
</div>
</article>
<article class="bordered">
<h1 id="h_movies" class="header bordered"></h1>
<div class="movies"></div>
</article>
</main>
</body>
</html>