Spaces:
Runtime error
Runtime error
Commit
•
9df3047
1
Parent(s):
310e9b4
Upload results.html
Browse files- templates/results.html +175 -0
templates/results.html
ADDED
@@ -0,0 +1,175 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!DOCTYPE html>
|
2 |
+
<html lang="en">
|
3 |
+
<head>
|
4 |
+
<meta charset="utf-8">
|
5 |
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
|
7 |
+
<title>No Show Prediction</title>
|
8 |
+
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"/>
|
9 |
+
|
10 |
+
|
11 |
+
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
12 |
+
|
13 |
+
|
14 |
+
<style>
|
15 |
+
html {
|
16 |
+
font-size: 14px;
|
17 |
+
}
|
18 |
+
|
19 |
+
.container {
|
20 |
+
max-width: 500px;
|
21 |
+
}
|
22 |
+
|
23 |
+
.pricing-header {
|
24 |
+
max-width: 700px;
|
25 |
+
}
|
26 |
+
|
27 |
+
.card-deck .card {
|
28 |
+
min-width: 150px;
|
29 |
+
}
|
30 |
+
|
31 |
+
.bd-placeholder-img {
|
32 |
+
font-size: 1.125rem;
|
33 |
+
text-anchor: middle;
|
34 |
+
-webkit-user-select: none;
|
35 |
+
-moz-user-select: none;
|
36 |
+
-ms-user-select: none;
|
37 |
+
user-select: none;
|
38 |
+
}
|
39 |
+
|
40 |
+
@media (min-width: 768px) {
|
41 |
+
html {
|
42 |
+
font-size: 16px;
|
43 |
+
}
|
44 |
+
|
45 |
+
.bd-placeholder-img-lg {
|
46 |
+
font-size: 3.5rem;
|
47 |
+
}
|
48 |
+
}
|
49 |
+
</style>
|
50 |
+
<style type="text/css">
|
51 |
+
*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Poppins-Regular,sans-serif}a{font-family:Poppins-Regular;font-size:14px;line-height:1.7;color:#665;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}a:focus{outline:0!important}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}input{outline:0;border:none}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder{color:#adadad}input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}button{outline:0!important;border:none;background:0 0}button:hover{cursor:pointer}.container{max-width:1200px}.container-contact100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:#19012e;background:-webkit-linear-gradient(45deg,#19012e,#19012e);background:-o-linear-gradient(45deg,#19012e,#19012e);background:-moz-linear-gradient(45deg,#19012e,#19012e);background:linear-gradient(45deg,#19012e,#19012e)}.wrap-contact100{width:500px;background:#fff;border-radius:10px;overflow:hidden;padding:42px 55px 45px 55px}.contact100-form{width:100%}.contact100-form-title{display:block;font-family:Poppins-Bold;font-size:39px;color:#333;line-height:1.2;text-align:center;padding-bottom:10px}.wrap-input100{width:100%;position:relative;border-bottom:2px solid #d9d9d9;padding-bottom:10px;margin-bottom:15px}.input100{display:block;width:100%;background:0 0;font-family:Poppins-Medium;font-size:18px;color:#333;line-height:1.2;padding:0 5px}.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#7f7f7f}input.input100{height:40px}.input100:focus+.focus-input100::before{width:100%}.has-val.input100+.focus-input100::before{width:100%}.container-contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px}.wrap-contact100-form-btn{width:100%;display:block;position:relative;z-index:1;border-radius:25px;overflow:hidden;margin:0 auto}.contact100-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#19012e;background:-webkit-linear-gradient(left,#19012e,#19012e,#19012e,#19012e);background:-o-linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);background:-moz-linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);background:linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;width:100%;height:50px;font-family:Poppins-Medium;font-size:16px;color:#fff;line-height:1.2}.wrap-contact100-form-btn:hover .contact100-form-bgbtn{left:0}.contact100-form-btn i{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.contact100-form-btn:hover i{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}@media (max-width:576px){.wrap-contact100{padding:72px 15px 65px 15px}}.wrap-contact100{width:800px;background:#fff;border-radius:10px;overflow:hidden;padding:42px 55px 45px 55px}.contact100-form-title{font-size:26px}
|
52 |
+
#pdf-viewer {
|
53 |
+
width: 100%;
|
54 |
+
height: 350px;
|
55 |
+
background: rgba(0, 0, 0, 0.1);
|
56 |
+
overflow: auto;
|
57 |
+
}
|
58 |
+
|
59 |
+
.pdf-page-canvas {
|
60 |
+
display: block;
|
61 |
+
margin: 5px auto;
|
62 |
+
border: 1px solid rgba(0, 0, 0, 0.2);
|
63 |
+
}
|
64 |
+
|
65 |
+
</style>
|
66 |
+
<style type="text/css">
|
67 |
+
#pdf-viewer {
|
68 |
+
width: 100%;
|
69 |
+
height: 450px;
|
70 |
+
background: rgba(0, 0, 0, 0.1);
|
71 |
+
overflow: auto;
|
72 |
+
}
|
73 |
+
|
74 |
+
.pdf-page-canvas {
|
75 |
+
display: block;
|
76 |
+
margin: 5px auto;
|
77 |
+
border: 1px solid rgba(0, 0, 0, 0.2);
|
78 |
+
}
|
79 |
+
</style>
|
80 |
+
|
81 |
+
</head>
|
82 |
+
<body>
|
83 |
+
|
84 |
+
<div id="content" class="main-content">
|
85 |
+
|
86 |
+
<div class="layout-px-spacing">
|
87 |
+
<div class="row layout-top-spacing">
|
88 |
+
<div class="container-contact100">
|
89 |
+
|
90 |
+
<br>
|
91 |
+
<div class="wrap-contact100">
|
92 |
+
|
93 |
+
<form class="contact100-form validate-form" action="/predict" method="GET">
|
94 |
+
<span class="contact100-form-title" style="font-size:32px">Lincon Legal Text Summarizer</span>
|
95 |
+
<span class="contact100-form-title" style="font-size:16px">Made Using Legal-Bert</span>
|
96 |
+
|
97 |
+
<br>
|
98 |
+
|
99 |
+
<center>
|
100 |
+
<div>
|
101 |
+
<embed type="text/pdf" src="{{ url_for('static', filename='legal.pdf') }}" width="100%" height="500">
|
102 |
+
<br>
|
103 |
+
<br>
|
104 |
+
<br>
|
105 |
+
<br>
|
106 |
+
</div>
|
107 |
+
</center>
|
108 |
+
|
109 |
+
<div class="wrap-input100 " >
|
110 |
+
<span class="label-input100"></span>
|
111 |
+
<input class="input100" type="number" id="number" name="number" placeholder="Number of Sentences..." required>
|
112 |
+
<span class="focus-input100"></span>
|
113 |
+
</div>
|
114 |
+
|
115 |
+
<br>
|
116 |
+
<div class="wrap-input100 " >
|
117 |
+
<span class="label-input100">Input Legal Text</span>
|
118 |
+
<input class="input100" style="height:120px; width:200px;" type="text" id="TotalMissed" name="TotalMissed" placeholder="10x Faster than PDFs." required style="height:120px; width:200px;">
|
119 |
+
<span class="focus-input100"></span>
|
120 |
+
</div>
|
121 |
+
|
122 |
+
<div class="container-contact100-form-btn">
|
123 |
+
|
124 |
+
<div class="wrap-contact100-form-btn">
|
125 |
+
|
126 |
+
<div class="contact100-form-bgbtn"></div>
|
127 |
+
<button class="contact100-form-btn" id='submit' type="submit" value="Upload" method="GET">Submit</button>
|
128 |
+
|
129 |
+
</div>
|
130 |
+
</div>
|
131 |
+
<br>
|
132 |
+
|
133 |
+
</form>
|
134 |
+
<br>
|
135 |
+
<br>
|
136 |
+
<br>
|
137 |
+
<form class="contact100-form validate-form" action="/predictpdf" method="GET">
|
138 |
+
<br>
|
139 |
+
|
140 |
+
<div class="wrap-input100 " >
|
141 |
+
<span class="label-input100"></span>
|
142 |
+
<input class="input100" type="number" id="number" name="number" placeholder="Number of Sentences..." required>
|
143 |
+
<span class="focus-input100"></span>
|
144 |
+
</div>
|
145 |
+
<span class="focus-input100">Upload Legal Document</span>
|
146 |
+
<input type=file name=file>
|
147 |
+
<div class="container-contact100-form-btn">
|
148 |
+
|
149 |
+
|
150 |
+
<div class="wrap-contact100-form-btn">
|
151 |
+
|
152 |
+
<div class="contact100-form-bgbtn"></div>
|
153 |
+
|
154 |
+
<button class="contact100-form-btn" id='submit' type="submit" value="Upload">Submit</button>
|
155 |
+
|
156 |
+
</div>
|
157 |
+
<br>
|
158 |
+
<br>
|
159 |
+
<br>
|
160 |
+
|
161 |
+
<span class="contact100-form-title" style="font-size:12px">5 Pages Per Minute</span>
|
162 |
+
</div>
|
163 |
+
<br>
|
164 |
+
|
165 |
+
</form>
|
166 |
+
|
167 |
+
|
168 |
+
</div>
|
169 |
+
</div>
|
170 |
+
</div>
|
171 |
+
|
172 |
+
</div>
|
173 |
+
<!-- END MAIN CONTAINER -->
|
174 |
+
|
175 |
+
</html>
|