forked from kraymitchell/stopthewww
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
276 lines (262 loc) · 21.9 KB
/
index.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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
<!DOCTYPE html>
<html id="top">
<head>
<title>1997 Called. It wants its subdomain back.</title>
<link rel="stylesheet" href="css/uikit.css" />
<script src="js/jquery.min.js"></script>
<script src="js/uikit.js"></script>
<link rel="icon" type="image/x-icon" href="http://killthewww.com/favicon.ico"/>
<meta name="google-site-verification" content="JciSQHSAtB8wHdL0CBsJCiE5ToRX27cdZmJgx7v38iw" />
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=508634239161230";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<header>
<div class="uk-container uk-container-center">
<div class="uk-grid">
<div class="uk-width-medium-1-2 logo">
<a href="http://killtheww.com"><img src="images/killthewww-logo.png" alt="Kill the WWW" /></a>
</div>
<div class="uk-width-medium-1-2 social">
<div class="uk-float-right">
<div class="fb-like" data-href="http://killthewww.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
<div class="g-plusone" data-size="small" data-href="http://killthewww.com"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<a href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fkillthewww.com&media=http%3A%2F%2Fkillthewww.com%2Fimages%2Fbrowser.png&description=Stop%20using%20WWW!%20Support%20the%20cause%20to%20end%20the%20use%20of%20the%20www.%20subdomain." data-pin-do="buttonPin" data-pin-config="beside"><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>
<a href="https://twitter.com/intent/tweet?button_hashtag=KillTheWWW&text=1997%20called.%20It%20wants%20its%20subdomain%20back." class="twitter-hashtag-button" data-url="http://killthewww.com">#KillTheWWW</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
</div>
</div>
</div>
</header>
<section id="banner">
<div style="background: url('images/www-bg.jpg') 50% 0 no-repeat; background-size: cover; min-height: 340px;">
<div class="uk-container uk-container-center">
<div class="uk-grid frontpage">
<div class="uk-width-medium-1-3 uk-animation-fade">
<img src="images/browser.png" alt="Web Browser Icon" />
</div>
<div class="uk-width-medium-2-3">
<h1>Time to say goodbye</h1>
<p>It's time we stopped kidding ourselves and put an old friend in a nice repo somewhere in the cloud.</p>
<p>The <em>www.</em> subdomain has had a long standing place on the internet, but let's face it. We just don't need it anymore.</p>
<p>The sooner everybody stops using <em>www.</em> in advertising, in person and on their websites, the sooner it will fade into memory as another "I remember when..." story the old geeks will tell at the company picnic.</p>
<h2>Grand-dad's going to a home kids!</h2>
</div>
</div>
</div>
</div>
</section>
<section id="content">
<article class="uk-container uk-container-center">
<div class="uk-grid">
<div class="uk-width-medium-1-2">
<h3 id="#getinvolved" class="uk-panel-title">What can I do?</h3>
<p>As a developer, a designer or a website owner there are a few things you can do to help this initiative move forward.</p>
<ul class="uk-list uk-list-space">
<li><i class="uk-icon-share"></i> Share with your friends and followers from <a href="#top" data-uk-smooth-scroll>the top</a> of this page.</li>
<li><i class="uk-icon-code"></i> You can manually add the 301 redirect to your .htaccess file.</li>
<li><i class="uk-icon-download"></i> You can download and use the provided .htaccess file.</li>
<li><i class="uk-icon-link"></i> Set http://yourdomain.com as your <a href="https://support.google.com/webmasters/answer/44231?hl=en" target="_blank">preferred domain</a></li>
<li><i class="uk-icon-picture"></i> Use <a href="#support" data-uk-smooth-scroll>one of our banners</a> on your website.</li>
</ul>
</div>
<div class="uk-width-medium-1-2">
<div class="uk-panel uk-panel-box">
<h3 class="uk-panel-title">Add this to your .htaccess file</h3>
<blockquote>
<code>
RewriteEngine On<br>
RewriteBase /<br>
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]<br>
RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
</code>
</blockquote>
<h3 class="uk-panel-title uk-text-center">OR</h3>
<a href="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/htaccess.txt" target="_blank" class="uk-button uk-button-primary uk-button-large uk-button-expand"><i class="uk-icon-chevron-down"></i> download .htaccess</a>
<div class="uk-text-center"><small>You must upload this file to your webserver and rename it to <em>.htaccess</em></small></div>
</div>
</div>
</div>
</article>
<div style="background: #fafafa 0 no-repeat; background-size: cover; min-height: 340px;padding-bottom:2em;">
<article class="uk-container uk-container-center">
<div class="uk-grid uk-margin-top">
<div class="uk-width-medium-1-2">
<div class="uk-panel uk-panel-box">
<h3 class="uk-panel-title">Have you Said goodbye?</h3>
<p>Check your domain to see if anything can be done to help you ditch the dubs.</p>
<form class="uk-form">
<div class="uk-grid">
<div class="uk-width-medium-2-3">
<input class="uk-form-large uk-width-medium-1-1" type="text" placeholder="http://www.yourdomain.com">
</div>
<div class="uk-width-medium-1-3">
<button class="uk-button uk-button-success uk-button-large uk-button-expand" type="submit">Check It</button>
</div>
</div>
</form>
<div class="uk-grid">
<div class="uk-width-medium-1-1">
<div class="goodtogo uk-float-left uk-text-success">
<i class="uk-float-left uk-icon-check xlarge"></i> <h3 class="uk-text-success">Correct 301 redirect in place</h3>
<p>You already have a 301 redirect from www to non-www on your domain.</p>
<ul class="uk-list">
<li class="uk-text-sucess"><i class="uk-icon-check"></i> Check success</li>
<li class="uk-text-warning"><i class="uk-icon-exclamation"></i> Check warning</li>
<li class="uk-text-danger"><i class="uk-icon-remove"></i> Check failed</li>
</ul>
</div>
<div class="goodtogo uk-float-left uk-text-warning">
<i class="uk-float-left uk-icon-exclamation xlarge"></i> <h3 class="uk-text-warning">No redirect in place.</h3>
<p>Both domain.com and www.domain.com are valid domains for you. Add a 301 redirect to fix this.</p>
<ul class="uk-list">
<li class="uk-text-sucess"><i class="uk-icon-check"></i> Check success</li>
<li class="uk-text-warning"><i class="uk-icon-exclamation"></i> Check warning</li>
<li class="uk-text-danger"><i class="uk-icon-remove"></i> Check failed</li>
</ul>
</div>
<div class="goodtogo uk-float-left uk-text-danger">
<i class="uk-float-left uk-icon-remove xlarge"></i> <h3 class="uk-text-danger">You're doing it wrong!</h3>
<p>You have a 301 redirect going from non-www to www. This is backwards, use the code provided above in your .htaccess</p>
<ul class="uk-list">
<li class="uk-text-sucess"><i class="uk-icon-check"></i> Check success</li>
<li class="uk-text-warning"><i class="uk-icon-exclamation"></i> Check warning</li>
<li class="uk-text-danger"><i class="uk-icon-remove"></i> Check failed</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="uk-width-medium-1-2">
<h3 id="#getinvolved" class="uk-panel-title">Tell Me More.</h3>
<p>You may not know it, but <code>www.domain.com</code> and <code>domain.com</code> are considered two separate URLs by search engines. Good SEO requires using only one of these options.</p>
<p>Google calls this your preferred domain, or a canonical URL. Your canonical URL is essentially the 'best' option to use as the main domain.</p>
<p>A 301 redirect will allow you to redirect all www. traffic to the non-www URL. You can then define this as your preferred URL in Google Webmaster Tools.</p>
<hr>
<dl class="uk-description-list">
<dt><span class="uk-text-large uk-text-bold">Q</span> But doesn't this cause problems with DNS on larger websites?<br>(As suggested by sites like <a href="http://www.yes-www.org/" target="_blank">yes-www.org</a>)</dt>
<dd><span class="uk-text-large uk-text-bold">A</span> While the world of DNS is a very complex one, ensuring things are done properly will protect against the majority of issues you will might face. If sites like <a href="http://stackoverflow.com" target="_blank">StackOverflow.com</a> can use this method, being the very large site that it is, then obviously it can be done.</dd>
<dt><span class="uk-text-large uk-text-bold">Q</span> Don't you think you're going a bit overboard here?</dt>
<dd><span class="uk-text-large uk-text-bold">A</span> Not at all. Not having to type those extra 4 characters is a huge step forward in user experience. Think about how much time is spent around the world typing in www. BILLIONS of times a day.</dd>
</dl>
</div>
</div>
</article>
</section>
<section id="bottom-content">
<article class="uk-container uk-container-center">
<div class="uk-grid">
<h2 id="support">Support the cause</h2>
<div class="uk-width-medium-1-1">
<div data-uk-switcher="{connect:'#support-group'}" class="uk-button-group">
<button type="button" class="uk-button uk-button-large uk-active"><i class="uk-icon-picture uk-icon-medium"></i> 180x150</button>
<button type="button" class="uk-button uk-button-large"><i class="uk-icon-picture uk-icon-small"></i> 120x90</button>
<button type="button" class="uk-button uk-button-large"><i class="uk-icon-picture"></i> 120x60</button>
</div>
<ul class="uk-switcher uk-margin" id="support-group">
<li class="uk-active">
<h3 class="uk-text-center">Just copy and paste the codes below into your website!</h3>
<div class="uk-grid uk-form uk-grid-divider">
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/180x150-killthewww-red.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/180x150-killthewww-red.png" border="0" width="180" height="150" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/180x150-killthewww-orange.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/180x150-killthewww-orange.png" border="0" width="180" height="150" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/180x150-killthewww-blue.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/180x150-killthewww-blue.png" border="0" width="180" height="150" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/180x150-killthewww-green.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/180x150-killthewww-green.png" border="0" width="180" height="150" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
</div>
</li>
<li class="">
<h3 class="uk-text-center">Just copy and paste the codes below into your website!</h3>
<div class="uk-grid uk-form uk-grid-divider">
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x90-killthewww-red.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x90-killthewww-red.png" border="0" width="120" height="90" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x90-killthewww-orange.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x90-killthewww-orange.png" border="0" width="120" height="90" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x90-killthewww-blue.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x90-killthewww-blue.png" border="0" width="120" height="90" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x90-killthewww-green.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x90-killthewww-green.png" border="0" width="120" height="90" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
</div>
</li>
<li class="">
<h3 class="uk-text-center">Just copy and paste the codes below into your website!</h3>
<div class="uk-grid uk-form uk-grid-divider">
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x60-killthewww-red.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x60-killthewww-red.png" border="0" width="120" height="60" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x60-killthewww-orange.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x60-killthewww-orange.png" border="0" width="120" height="60" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x60-killthewww-blue.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x60-killthewww-blue.png" border="0" width="120" height="60" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
<div class="uk-width-medium-1-4 uk-text-small uk-text-center">
<img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x60-killthewww-green.png" alt="Kill the WWW Red" border="0" />
<textarea onclick="this.focus();this.select()" readonly="readonly" rows="6" class="uk-form-width-medium uk-margin-top"><a href="http://killthewww.com" title="Kill the WWW | KillTheWWW.com"><img src="http://15d673ebbc6fa5ad9924-008ad5c3e7da47a30bf26d6ef5cc6246.r18.cf1.rackcdn.com/support/120x60-killthewww-green.png" border="0" width="120" height="60" alt="Kill the WWW Red" border="0" /></a></textarea>
</div>
</div>
</li>
</ul>
</div>
</div>
</article>
</section>
<footer class="uk-grid footer">
<div class="uk-width-1-1 uk-text-center">
<small class="uk-text-muted">No kittens were hurt in the making of this website.</small>
<a href="#top" data-uk-smooth-scroll><i class="uk-icon-arrow-up uk-float-right uk-margin-right"></i> </a>
</div>
</footer>
<script type="text/javascript">
var clicky_site_ids = clicky_site_ids || [];
clicky_site_ids.push(100672637);
(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//static.getclicky.com/js';
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
})();
</script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100672637ns.gif" /></p></noscript>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
</body>
</html>