-
Notifications
You must be signed in to change notification settings - Fork 0
/
results.html
170 lines (148 loc) · 6.15 KB
/
results.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
{% extends "bootstrap/base.html" %}
{% block head_meta %}
<title>FILMRecommender</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{% endblock %}
{% block head_css %}
{{super()}}
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
{% endblock %}
{% block head_js %}
{{super()}}
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="all-plugins.js"></script>
<script type="text/javascript" src="plugin-active.js"></script>
{% endblock %}
{% block body %}
{% block navbar %}
<body data-spy="scroll" data-target=".main-navigation" data-offset="150">
<section id="MainContainer">
<header id="Header">
<nav class="main-navigation">
<div class="container clearfix">
<a href="javascript:void(0)" class="menu-trigger hidden-lg-up"><span> </span></a>
<div class="main-menu hidden-md-down">
<ul class="menu-list">
<li><a class="nav-link" href="javascript:void(0)" data-target="#HeroBanner">Home</a></li>
<li><a class="nav-link" href="javascript:void(0)" data-target="#About">About</a></li>
<li><a class="nav-link" href="javascript:void(0)" data-target="#Users">Users</a></li>
</ul>
</div>
</div>
</nav>
</header>
</section>
</body>
{% endblock %}
{% block content %}
<section id="HeroBanner">
<div style="background-image:url(https://zabavnik.club/wp-content/uploads/2018/02/Odinochestvo_1_06021818.jpg);-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;" class="hero-content">
<div style="background-image: url({{ url_for('static', filename='1.jpg') }})">
<h1>Welcome to the FILMRecommender</h1>
<p>Best is for you</p>
</div>
</section>
<!-- Banner ends here -->
<!-- About Us section starts here -->
<section id="About">
<div class="container">
<div style="width:auto; text-align:center" class="about-wrapper">
<h2>About FilmRecommender</h2>
<p>We will help you to choose the most suitable film for to watch. It will be done by:
<li>watching films</li>
<li>rating them</li>
<li>pressing "Predict" button to get some recommendations</li></p>
</div>
</div>
</section>
<section id="Users">
<div class="container">
<div class="block-heading">
<h2>Users</h2>
<p>We recommend you to watch:</p>
</div>
</div>
</section>
<div style="width:60%;margin-top: 40px;padding-bottom: 80px; text-align: center; margin:auto;font-family: 'Poppins', sans-serif;color: black;
font-size: 15px;
font-weight: 400;
line-height: 1.2;">
{{prediction}}
<!-- Main ML Prediction Display Ends Here -->
</div>
<div style="position:absolute;width: 100%;padding-bottom: 20px; height: 40px; bottom:-500px ">
<!-- Main ML Prediction Display Ends Here -->
<form action="/">
<div style="margin:auto; width: 300px;margin-top: 40px;">
<button style="width: 200px;
height: 57px;
border: none;
outline: none;
background: #ffb400;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
color: white;"
type="submit" src="index.html"class="btn btn-primary">Try Again</button>
</div>
</form>
</div>
<!-- Users section ends here -->
<section id="Testimonial">
<div class="testimonial-wrap">
<div class="container">
<div class="block-heading">
<h2>What Clients Say About Us</h2>
</div>
<ul class="testimonial-slider">
<li>"This service helped me a lot. Usually, it takes quite much time <br>to find the film to watch after the school."<br>-Jennie</li>
<li>"Thank you very much. FILMRecommender is the best<br> service in the whole web."<br>-Tom</li>
<li>"I have searched such recommendation service<br> for years. Finally, it is happened."<br>-Kevin</li>
</ul>
</div>
</div>
</section>
{% endblock %}
<!--<div style="position:absolute;width: 100%;height: 940px;background-image:url(http://images6.fanpop.com/image/photos/39600000/Tokyo-Ghoul-tokyo-ghoul-39622256-1920-1080.jpg) ">
<div style=" margin:auto; margin-top:300px;width: 70%;text-align: center;">
<h2 style="font-family: 'Poppins', sans-serif;color: #FFFFFF;
font-size: 72px;
font-weight: 400;
line-height: 1.2;">Recommendation System</h2>
<p style="color: #FFFFFF;
font-size: 72px;
font-weight: 400;
line-height: 1.2;">Using Machine Learning to get best films</p>
</div>
<div style="margin-top:50px;margin-left: 35%; width: 50%">
</div>-->
{% block tail_js %}
{% endblock %}
<footer id="Footer">
<div class="container">
<div class="social-share">
</div>
<div class="footer-logo-wrap">
FilmRecommender © 2019.
</div>
</div>
</footer>
{% endblock %}
{% block styles %}
{{super()}} <!-- Allows Javascripts and other styles to be inclusive in bootstrap -->
<link rel="stylesheet"
href="{{url_for('.static', filename='css/custom-responsive-style.css')}}">
<link rel="stylesheet"
href="{{url_for('.static', filename='css/style.css')}}">
<link rel="stylesheet"
href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="//fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="manifest" href="/manifest.json">
{% endblock %}