-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathv2.html
130 lines (118 loc) · 3.87 KB
/
v2.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
<html>
<head>
<title>NeverSSL - Connecting ... </title>
<style>
body {
font-family: Montserrat, helvetica, arial, sans-serif;
font-size: 16x;
color: #444444;
margin: 0;
}
h2 {
font-weight: 700;
font-size: 1.6em;
margin-top: 30px;
}
p {
line-height: 1.6em;
}
.container {
max-width: 650px;
margin: 20px auto 20px auto;
padding-left: 15px;
padding-right: 15px
}
.header {
background-color: #42C0FD;
color: #FFFFFF;
padding: 10px 0 10px 0;
font-size: 2.2em;
}
.notice {
background-color: red;
color: white;
padding: 10px 0 10px 0;
font-size: 1.25em;
animation: flash 4s infinite;
}
@keyframes flash {
0% {
background-color: red;
}
50% {
background-color: #AA0000;
}
0% {
background-color: red;
}
}
<!-- CSS from Mark Webster https://gist.github.com/markcwebster/9bdf30655cdd5279bad13993ac87c85d -->
</style>
<script>
var adjectives = [ 'cool' , 'calm' , 'relaxed', 'soothing', 'serene', 'slow',
'beautiful', 'wonderful', 'wonderous', 'fun', 'good',
'glowing', 'inner', 'grand', 'majestic', 'astounding',
'fine', 'splendid', 'transcendent', 'sublime', 'whole',
'unique', 'old', 'young', 'fresh', 'clear', 'shiny',
'shining', 'lush', 'quiet', 'bright', 'silver' ];
var nouns = [ 'day', 'dawn', 'peace', 'smile', 'love', 'zen', 'laugh',
'yawn', 'poem', 'song', 'joke', 'verse', 'kiss', 'sunrise',
'sunset', 'eclipse', 'moon', 'rainbow', 'rain', 'plan',
'play', 'chart', 'children', 'stars', 'path', 'secret',
'treasure', 'melody', 'magic', 'spell', 'light', 'morning'];
var prefix =
// Choose 3 zen adjectives
adjectives.sort(function(){return 0.5-Math.random()}).slice(-3).join('')
+
// Coupled with a zen noun
nouns.sort(function(){return 0.5-Math.random()}).slice(-1).join('');
window.location.href = 'http://' + prefix + '.neverssl.com/online';
</script>
</head>
<body>
<noscript>
<div class="notice">
<div class="container">
⚠️ JavaScript appears to be disabled. NeverSSL's cache-busting works better if you enable JavaScript for <code>neverssl.com</code>.
</div>
</div>
</noscript>
<div class="header">
<div class="container">
<h1>NeverSSL</h1>
</div>
</div>
<div class="content">
<div class="container">
<h1 id="status"></h1>
<script>document.querySelector("#status").textContent = "Connecting ...";</script>
<noscript>
<h2>What?</h2>
<p>This website is for when you try to open Facebook, Google, Amazon, etc
on a wifi network, and nothing happens. Type "http://neverssl.com"
into your browser's url bar, and you'll be able to log on.</p>
<h2>How?</h2>
<p>neverssl.com will never use SSL (also known as TLS). No
encryption, no strong authentication, no <a
href="https://en.wikipedia.org/wiki/HTTP_Strict_Transport_Security">HSTS</a>,
no HTTP/2.0, just plain old unencrypted HTTP and forever stuck in the dark
ages of internet security.</p>
<h2>Why?</h2>
<p>Normally, that's a bad idea. You should always use SSL and secure
encryption when possible. In fact, it's such a bad idea that most websites
are now using https by default.</p>
<p>And that's great, but it also means that if you're relying on
poorly-behaved wifi networks, it can be hard to get online. Secure
browsers and websites using https make it impossible for those wifi
networks to send you to a login or payment page. Basically, those networks
can't tap into your connection just like attackers can't. Modern browsers
are so good that they can remember when a website supports encryption and
even if you type in the website name, they'll use https.</p>
<p>And if the network never redirects you to this page, well as you can
see, you're not missing much.</p>
<a href="https://twitter.com/neverssl">Follow @neverssl</a>
</noscript>
</div>
</div>
</body>
</html>