-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathoverview.html
157 lines (151 loc) · 4.93 KB
/
overview.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
<!doctype html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<title>
Overview page of the Current URL
</title>
</head>
<body>
<table width="100%" style="max-height: 200px; ">
<tr class="spaceUnder">
<td style="text-align: center;">
<div id ="horizontal_line" style="margin-bottom: 5px"></div>
<div class='container'>
<img class='resize_fit_center'
src='images/logo.gif' />
</div>
<div id="horizontal_line" style="margin-top:3px"></div>
</td>
</tr>
</table>
<div>
<h2 style="text-align: center;"><strong>Overview Page of Current URL</strong></h2>
</div>
<BR>
<BR>
<div class="container">
<div class="row">
<div class="col-sm-6">
<strong style="font-family: Bebas Neue;font-size: 30px;">Date of First Archive</strong>
<p>
The URL, where you were was first archived on
<span id="first_archive_date">
</span> at time
<span id="first_archive_time">
</span> . And you can view that
<a id="link_first">HERE</a> .
</p>
</div>
<div class="col-sm-6">
<strong style="font-family: Bebas Neue;font-size: 30px;">Date of Recent Archive</strong>
<p>
The URL, where you were was recently archived on
<span id="recent_archive_date">
</span> at time
<span id="recent_archive_time">
</span> .And you can view that
<a id="link_recent">HERE</a> .
</p>
</div>
</div>
</div>
<br>
<br>
<br>
<div class="container">
<div class="row">
<div class="col-sm-6" >
<strong style="font-family: Bebas Neue;font-size: 30px;">Thumbnail of the Current URL</strong>
<br>
<div id="show_thumbnail" style="text-align: left">
</div>
</div>
<div class="col-sm-6">
<strong style="font-family: Bebas Neue;font-size: 30px;">Total Number of archives</strong>
<div id="message" style="display:none"></div>
<p>
URLs for this domain have been captured <span id="total_archives"></span>
times since <span id="first_archive_date_2"></span>. You can also archive this page now
by clicking on <a id="save_now">HERE</a> .
</p>
</div>
</div>
</div>
<br>
<br>
<div class="container" style="padding-left: 0px;padding-right: 0px">
<div class="col-sm-12 test">
<strong style="font-family: Bebas Neue;font-size: 30px;">Information about the Current URL</strong>
<p>
The URL,where you had been recently is a <strong style="font-style: italic"><span id="details"></span> </strong>
</p>
</div>
</div>
<div id="details">
</div>
<br>
<br>
</body>
</html>
<script src="scripts/overview.js"></script>
<style>
body{
max-height: 100%;
}
@font-face {
font-family: Bebas Neue;
src: url("../fonts/BebasNeue.otf");
}
@font-face {
font-family: Gill Sans Light;
src: url("../fonts/GillSans-Light.ttf");
}
#horizontal_line{
margin: 0px;
padding: 0px;
border: 0px solid rgb(6, 117, 211);
font-size: 19px; font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-stretch: inherit;
line-height: 1;
font-family: sans-serif;
vertical-align: baseline;
box-sizing: content-box;
overflow: unset;
height: 1px;
position: relative;
width: auto;
display: flex;
background-color: rgb(9, 150, 248); color: rgb(255, 255, 255);
text-align: left;
align-items: center;
border-radius: 3px;
justify-content: center;
text-decoration: none;
}
.resize_fit_center {
max-width:100%;
max-height:100px;
}
h2{
font-family: Bebas Neue;
font-size: 50px;
}
.container{
padding-left: 15px;
padding-right: 15px;
}
p{
font-family:Gill Sans Light;
font-size: 20px;
}
@media screen and (min-width: 700px) {
.test {
text-align: center;
}
}
</style>