-
Notifications
You must be signed in to change notification settings - Fork 50
/
Copy pathsplash.html
92 lines (86 loc) · 2.86 KB
/
splash.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<title>$GatewayName</title>
<link href="css/reset.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<style>
.terms {
padding: 0 20px;
text-align: center;
}
h2 { text-align: center; font-size: 24px; }
form { text-align: center; }
.center { display: block; text-align: center; margin: 0 auto; }
.container {
margin: 10px auto;
min-width: 250px;
max-width: 768px;
}
/* Animations */
.anim { animation: OpenPage 0.5s ease-out forwards; -webkit-animation: OpenPage 0.5s ease-out forwards; transform: scale(0); }
.delay1 { animation-delay: 0s; -webkit-animation-delay: 0s; }
.delay2 { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay3 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay4 { animation-delay: 1s; -webkit-animation-delay: 1s; }
@keyframes OpenPage {
0% {
opacity: 0;
transform: scale(0, -1);
margin-top: -150px;
}
65% {
opacity: 0.2;
}
100% {
opacity: 1;
margin-top: 0;
transform: scale(1);
}
}
@-webkit-keyframes OpenPage {
0% {
opacity: 0;
transform: scale(0, -1);
margin-top: -150px;
}
65% {
opacity: 0.2;
}
100% {
opacity: 1;
margin-top: 0;
transform: scale(1);
}
}
</style>
<script type="text/javascript">
function toggle(element) { document.getElementById(element).style.display = (document.getElementById(element).style.display == "none") ? "" : "none"; }
</script>
</head>
<body>
<div id="main" class="container">
<div id="splash">
<h2 class="anim delay1">$GatewayName</h2>
<div class="center anim delay2"><b>Wifi Network & Internet conditions:</b></div>
<div class="terms anim delay3">
<!-- "div" is where you put your Text -->
You are solely responsible for any illegal activities once you click the "OK, I AGREE" button. <br />
We are not responsible for faulty operation of your computer or equipment. You may be asked to stop using your equipment.
This banner will appear again periodically.
To renew your access time, you must agree once again every $LoginTimeout seconds. <br /><br />
Thank You, and Enjoy!
<br /><br />
</div>
<form method="POST" action="$action" class="anim delay4">
<input type="hidden" name="mode_login">
<input type="hidden" name="redirect" value="$redirect">
<input type="hidden" name="accept_terms" value="yes">
<button class="btn btn-primary" type="submit" value="Submit"><i class="icon-check"></i> Ok, I Agree!</button>
</form>
</div>
</div>
</body>
</html>