-
Notifications
You must be signed in to change notification settings - Fork 2
/
book.html
148 lines (140 loc) · 6.42 KB
/
book.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>Books</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css\materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css\content.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<nav class="blue darken-1" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="index.html" class="brand-logo"><i class="material-icons">thumb_up</i></a>
<ul class="right">
<li><a id="profile-name" class="waves-effect" href="userPage">.</a></li>
<li><a id="logout"class="waves-effect" onclick='logout();'>Logout</a></li>
</ul>
</div>
</nav>
<div class="parallax-container">
<div class="section">
<div class="row">
<div class="section" id="index-banner">
<div class="container">
<br><h3 class="header center white-text">Books</h3>
<div class="row center">
<h5 class="light center-align">Enter the names of books that you like</h5>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="card">
<div class="row center">
<div class="col s9">
<h5 class="blue-text center-align">Book Title</h5>
</div>
<div class="col s3">
<h5 class="blue-text center-align">Rating</h5>
</div>
</div>
<div class="card-content black-text">
<form action="insertPage" id="content-form" method="post">
<div class="row">
<div class="input-field col s9">
<input type="text" class="grey lighten-5" name="con-field-1" id="con-field-1" size=255 required/>
</div>
<div class="input-field col s3">
<p class="range-field">
<input type="range" name='rating-1' id="rating-1" min="0" max="5" style="padding-top: 5px" required/>
</p>
</div>
</div>
<div class="row">
<div class="input-field col s9">
<input type="text" class="grey lighten-5" name="con-field-2" id="con-field-2" size=255 required/>
</div>
<div class="input-field col s3">
<p class="range-field">
<input type="range" name='rating-2' id="rating-2" min="0" max="5" required style="padding-top: 5px"/>
</p>
</div>
</div>
<div class="row">
<div class="input-field col s9">
<input type="text" class="grey lighten-5" name="con-field-3" id="con-field-3" size=255 required/>
</div>
<div class="input-field col s3">
<p class="range-field">
<input type="range" name='rating-3' id="rating-3" min="0" max="5" style="padding-top: 5px" required/>
</p>
</div>
</div>
<div class="row">
<a class="btn red waves-effect left tooltipped" data-position="bottom" data-delay="1000" data-tooltip="Add new field" id="add-field" style="margin-left: 10px"><i class="material-icons white-text">add</i></a>
<input type="submit" class="btn right waves-effect waves-blue tooltipped" data-position="bottom" data-delay="700" data-tooltip="Submit when the fields are filled" value="Submit"/>
</div>
<input type="text" name="cType" value="book" hidden/>
</form>
</div>
</div>
<br>
<div class="card">
<div class="card-content z-depth-4">
<div class="row" style="padding: 15px">
<p class="center-align black-text" style="font-size: 18px">Already gave your preferences? Want to re-evaluate your recommendations?</p>
</div>
<form action="recoPage" method="post">
<input type="text" name="cType" value="book" hidden/>
<div class="row center">
<input type="submit" class="btn waves-effect waves-blue" value="Click Here!"/>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="parallax"><img src="rsc/yearth.jpg"/></div>
<div class="section">
<div class="container">
<form action="searchPage" method="get" onsubmit="open_popup(this)">
<div class="row white-text">
<div class="input-field col s8 offset-s1">
<i class="material-icons prefix white-text">search</i>
<input type="text" name="query" id="search-field" required/>
<label for="search-field" class="white-text">If you are not sure about what the title is, then search here</label>
</div>
<input type="text" name="cType" value="book" hidden/>
<div class="input-field col s2">
<input type="submit" class="btn waves-effect waves-red right blue" value="Search"/>
</div>
</div>
</form>
</div>
</div>
</div>
<footer class="page-footer red darken-1">
<div class="container">
<div class="row">
<div class="col l6 s12 offset-l8">
<p class="white-text">Recommendation system</p>
<p class="grey-text text-lighten-4">Helps you find things that you'll love.</p>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made by <a class="red-text text-lighten-3" href="#!">Jawahar and Shikhar</a>
</div>
<a class="hidden" id="cType">book</a>
</div>
</footer>
<script src="js/jquery-2.2.2.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init_content.js"></script>
<!-- <script src="js/logout.js"></script> -->
</body>
</html>