-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
306 lines (273 loc) · 20.5 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
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Stop the WWW</title>
<meta name="description" content="Help users around the world and eliminate the WWW!">
<meta name="Author" content="Kray Mitchell - @kraymitchell">
<meta name="google-site-verification" content="Bif-B2ly-JoA6J8KL96wpR3gnJ8NSDddn-XFMRU2YY4">
<link rel="icon" type="image/x-icon" href="http://stopthewww.com/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/uikit.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
<body id="body" style="">
<!-- TOP -->
<div class="top-wrap uk-position-relative uk-light uk-background-secondary">
<!-- NAV -->
<div class="nav">
<div class="uk-container">
<nav class="uk-navbar uk-navbar-container uk-navbar-transparent" data-uk-navbar="">
<div class="uk-navbar-left">
<div class="uk-navbar-item uk-padding-remove-horizontal">
<a class="uk-logo" title="Logo" href="/"><img src="img/stopthewww-logo.png" alt="Stop The WWW Logo"></a>
</div>
</div>
</nav>
</div>
</div><div class="uk-sticky-placeholder" style="height: 80px; margin: 0px;" hidden=""></div>
<!-- /NAV -->
<div class="uk-cover-container uk-light uk-flex uk-flex-middle top-wrap-height">
<!-- TOP CONTAINER -->
<div class="uk-container uk-flex-auto top-container uk-position-relative uk-margin-medium-top" data-uk-parallax="y: 0,50; easing:0; opacity:0.2" style="transform: translateY(0px); opacity: 1;">
<div class="uk-width-1-2@s" data-uk-scrollspy="cls: uk-animation-slide-right-medium; target: > *; delay: 150">
<h1 class="uk-visible@s uk-margin-remove-top uk-text-uppercase uk-scrollspy-inview uk-animation-slide-right-medium" style="">Time to say Goodbye.</h1>
<p class="subtitle-text uk-scrollspy-inview uk-animation-slide-right-medium" style=""><em>The <strong>www.</strong> sub-domain has had a long standing place on the internet, but it hasn't actually been required since the 90s. Now it's just a remnant that wastes time and affects the User Experience.</em></p>
<h4 class="uk-visible@s uk-text-primary uk-margin-small-top uk-scrollspy-inview uk-animation-slide-right-medium">GRAND-DAD'S GOING TO A HOME KIDS!</h4>
<a href="#content" data-uk-scroll="duration: 500" title="Learn More" class="uk-button uk-button-primary uk-border-pill uk-scrollspy-inview uk-animation-fade" data-uk-scrollspy-class="uk-animation-fade" style="">LEARN MORE</a>
<a href="#options" data-uk-scroll="duration: 500" title="Do It Now" class="uk-button uk-button-default uk-border-pill uk-scrollspy-inview uk-animation-fade" data-uk-scrollspy-class="uk-animation-fade" style="">DO IT NOW</a>
</div>
</div>
<!-- /TOP CONTAINER -->
<video src="hero/Typer.mp4" autoplay loop muted playsinline uk-cover>
</video>
</div>
</div>
<!-- /TOP -->
<section id="content" class="uk-section uk-section-default">
<div class="uk-container">
<div class="uk-grid uk-child-width-1-2@l uk-flex-middle" data-uk-grid="" data-uk-scrollspy="target: > div; cls: uk-animation-slide-left-medium">
<div class="uk-first-column" style="visibility: hidden;">
<img src="img/mobile-walker.svg" data-src="img/mobile-walker.svg" alt="Illustration of a woman walking with mobile phone her in her hand" data-uk-img="">
<br>
<a href="#options" class="uk-align-center uk-margin-top uk-width-2-3 uk-button uk-button-primary uk-border-pill uk-icon" data-uk-icon="arrow-right">SHOW ME HOW<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="arrow-right"><polyline fill="none" stroke="#000" points="10 5 15 9.5 10 14"></polyline><line fill="none" stroke="#000" x1="4" y1="9.5" x2="15" y2="9.5"></line></svg></a>
</div>
<div data-uk-scrollspy-class="uk-animation-slide-right-medium" style="visibility: hidden;">
<h4 class="uk-text-primary uk-text-uppercase">Did You Know?</h4>
<h2 class="uk-margin-small-top">Almost 70 years worth of time a DAY is wasted typing WWW.</h2>
<p class="subtitle-text">
<span class="uk-text-bolder"><i>"But it only takes half a second to type."</i></span> you say?</p>
<p>If all internet users typed these 4 characters just ONCE per day, you can see below the time wasted. And you <i>know</i> that most people don't type it just once in a day. The actual time wasted per day is probably much higher (ESPECIALY on mobile).
</p>
<div class="uk-grid uk-child-width-1-2@s" data-uk-grid="">
<div class="uk-first-column">
<h3>By the Numbers</h3>
<ul class="uk-list">
<li class="uk-text-large uk-text-middle"><h4><span class="uk-text-warning">4+ billion</span> internet users*</h4></li>
<li class="uk-text-large uk-text-middle"><h4><span class="uk-text-warning">.5 seconds</span> to type <i>WWW.</i></h4></li>
<li class="uk-text-large uk-text-middle"><h4><span class="uk-text-warning">68.2+ years</span> wasted <u>each day</u></h4></li>
</ul>
<small>*Current number of internet users per <a href="http://www.internetlivestats.com/watch/internet-users/" target="_blank">InternetLiveStats.com</a></small>
</div>
<div>
<h3>Why does it matter?</h3>
<p>If people see it while on your site, see it on your business cards, or ads, then they think it's required. In the majority of cases, it is not (if everything is setup correctly). Don't let providers give you excuses like "Some browsers hide it, or you don't NEED to type it. Force them into the future today!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="uk-section uk-section-secondary uk-section-large">
<div class="uk-container">
<div class="uk-grid uk-child-width-1-2@l uk-flex-middle">
<div>
<h6 class="uk-text-uppercase">Get On Board</h6>
<h2 class="uk-margin-small-top uk-h1">What Can I Do?</h2>
<p class="subtitle-text">
<strong>First</strong>. If any of your websites use WWW, switch to using your root domain only (see Show Me How below). This helps people rewire their brains, if they see it disappear all the time, they will realize they don't need it and subconsciously stop. While some browsers may hide it, that doesn't mean you shouldn't get rid of it yourself. It's the little things that matter.
</p>
<p class="subtitle-text"><strong>Second</strong>. Stop using WWW on ALL of your marketing materials, your business cards and stop saying it. Pretend like it never existed at all.</p>
<a href="#options" class="uk-button uk-button-primary uk-border-pill uk-icon" data-uk-icon="arrow-right">SHOW ME HOW<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="arrow-right"><polyline fill="none" stroke="#000" points="10 5 15 9.5 10 14"></polyline><line fill="none" stroke="#000" x1="4" y1="9.5" x2="15" y2="9.5"></line></svg></a>
</div>
<div data-uk-scrollspy="cls: uk-animation-fade" style="visibility: hidden;">
<img src="img/sitting-at-computer.svg" data-uk-img="" alt="Illustration of a woman sitting at a computer pointing to the screen. WWW with a red circle and line through it sits overtop of the text.">
</div>
</div>
</div>
</section>
<!-- BOTTOM -->
<section id="options" class="uk-section uk-section-default">
<div class="uk-container">
<div class="uk-section uk-section-small uk-padding-remove-top">
<h3 class="uk-text-center uk-text-uppercase">Choose an option</h3>
<p class="uk-container-small uk-align-center">If you administer your own server, or use a hosting company like HostGator that provides a cPanel for you to access, select the first option. If you use a SaaS (Software as a Service) like Wix, Shopify, SquareSpace, Weebly, etc. then choose the second option.</p>
<ul class="uk-subnav uk-grid uk-subnav-pill uk-flex uk-flex-center" data-uk-switcher="connect: .uk-switcher; animation: uk-animation-fade">
<li class="uk-active uk-width-1-2@m uk-margin-small-top">
<a class="uk-border-pill uk-text-center" href="#" aria-expanded="true">Linux/Apache/Windows Servers</a>
</li>
<li class="uk-width-1-2@m uk-margin-small-top"><a class="uk-border-pill uk-text-center" href="#" aria-expanded="false">SaaS Services</a></li>
</ul>
</div>
<ul class="uk-switcher uk-margin" style="touch-action: pan-y pinch-zoom;">
<li class="" style="">
<div class="uk-grid uk-child-width-1-3@l uk-flex-middle" data-uk-grid="" data-uk-scrollspy="target: > div; cls: uk-animation-slide-left-medium">
<div class="uk-first-column uk-scrollspy-inview uk-animation-slide-left-medium uk-hidden@s" style="">
<img src="img/screen-graph.svg" data-src="img/screen-graph.svg" alt="" data-uk-img="">
</div>
<div data-uk-scrollspy-class="uk-animation-slide-right-medium" class="uk-scrollspy-inview uk-animation-slide-right-medium uk-width-2-3@l" style="">
<h6 class="uk-text-primary">FOR THE SERVER ADMINS</h6>
<p class="uk-margin-small-top uk-text-warning">Please be aware that if not done correctly, this may cause issues with your site/server. Only use these options if you know what you're doing. Your hosting provider should be able to help you if not.</p>
<ul class="uk-subnav uk-subnav-pill" uk-switcher="animation: uk-animation-fade">
<li><a href="#">For Linux</a></li>
<li><a href="#">For Apache</a></li>
<li><a href="#">For Windows</a></li>
</ul>
<ul class="uk-switcher uk-margin">
<li class="uk-active">
<h3 class="uk-panel-title">For Linux Servers</h3>
<p>Simply add this to your .htaccess file</p>
<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="https://5d1064ed394200f2b4ca-c2f4cf06dda00a28fcd958e37a0d65c8.ssl.cf1.rackcdn.com/htaccess.txt" target="_blank" class="uk-button uk-button-primary uk-width-1-1"><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>
</li>
<li class="">
<h3 class="uk-panel-title">For Apache</h3>
<p>Make sure Apache VirtualHosts mod is enabled and that the info is correct for your server.</p>
<p><code># sudo a2enmod vhost_alias</code></p>
<p>Add or modify your Apache config</p>
<p><code># sudo vi /etc/apache2/sites-avaiable/default</code></p>
<p>and include the following</p>
<blockquote>
<code>
<VirtualHost *:80><br>
ServerAdmin admin@example.com<br>
ServerName example.com<br>
DocumentRoot /var/www/example.com/<br>
<Directory /var/www/example.com/><br>
RewriteEngine On<br>
Options all<br>
AllowOverride all<br>
Order allow,deny<br>
allow from all<br>
</Directory><br>
ErrorLog ${APACHE_LOG_DIR}/main.error.log<br>
</VirtualHost><br><br>
<VirtualHost *:80><br>
ServerAlias www.example.com<br>
RedirectMatch permanent ^/(.*) http://example.com/$1<br>
</VirtualHost>
</code>
</blockquote>
<h3 class="uk-panel-title uk-text-center">OR</h3>
<a href="https://5d1064ed394200f2b4ca-c2f4cf06dda00a28fcd958e37a0d65c8.ssl.cf1.rackcdn.com/apache-config-default.zip" target="_blank" class="uk-button uk-button-primary uk-width-1-1"><i class="uk-icon-chevron-down"></i> download apache config</a>
<div class="uk-text-center"><small>This file is <em>zipped</em>. If you are not familiar with Apache Config, you might want to avoid using this technique.</small></div>
</li>
<li class="">
<h3 class="uk-panel-title">For Windows</h3>
<p>You need to edit your IIS web.config file with the below code. Ensure your domain is set correctly.</p>
<p>Special thanks to <a href="http://qwertytech.net" target="_blank">QWERTYtech.net</a> for the code.</p>
<blockquote>
<code>
<configuration><br>
<system.webServer><br>
<rewrite><br>
<rules><br>
<rule name="Remove WWW" stopProcessing="true"><br>
<match url=".*" /><br>
<conditions><br>
<add input="{HTTP_HOST}" pattern="www.yourdomain.com$" /><br>
</conditions><br>
<action type="Redirect" url="http://yourdomain.com/{R:0}" redirectType="Permanent" /><br>
</rule><br>
</rules><br>
</rewrite><br>
</system.webServer><br>
</configuration>
</code>
</blockquote>
<h3 class="uk-panel-title uk-text-center">OR</h3>
<a href="https://5d1064ed394200f2b4ca-c2f4cf06dda00a28fcd958e37a0d65c8.ssl.cf1.rackcdn.com/web.config.zip" target="_blank" class="uk-button uk-button-primary uk-width-1-1"><i class="uk-icon-chevron-down"></i> download IIS Web Config</a>
<div class="uk-text-center"><small>This file is <em>zipped</em>. If you are not familiar with IIS Web Config, you might want to avoid using this technique.</small></div>
</li>
</ul>
</div>
</div>
</li>
<li class="" style="">
<div class="uk-grid uk-child-width-2-3@l uk-flex-middle uk-grid-stack" data-uk-grid="" data-uk-scrollspy="target: > div; cls: uk-animation-slide-left-medium">
<div data-uk-scrollspy-class="uk-animation-slide-right-medium" class="uk-scrollspy-inview uk-animation-slide-right-medium uk-grid-margin uk-first-column" style="">
<h6 class="uk-text-primary">FOR THE SAAS USERS</h6>
<p class="subtitle-text">
Don't see your service here? Reach out to the Support team and ask them about using your ROOT domain and not the WWW version as your Primary Domain. Geeky? Fork this to add additional docs
</p>
<p>Click the logo below to get instructions, or view other instructions as</p>
<div class="uk-grid uk-child-width-1-2@s uk-grid-stack" data-uk-grid="">
<div class="uk-first-column">
<h4>Website Builder Platforms</h4>
<ul class="uk-list uk-list-divider uk-width-2-3@m">
<li><a href="https://help.bookmark.com/en/articles/2637832-connecting-a-domain-purchased-elsewhere" target="_blank"><img src="img/service-logo-bookmark.png" alt="Bookmark.com Logo" with="150"></a>
</li>
<li><a href="https://www.hostgator.com/help/article/billing-portal-change-primary-domain.png" target="_blank"><img src="img/service-logo-hostgator.png" alt="Hostgator Logo" title="Gator by HostGator" with="150"></a>
</li>
<li><img src="img/service-logo-godaddy.png" alt="GoDaddy Logo" with="150"><br>See instructions for Linux/Apache/Windows Servers.</li>
<li>
<a href="https://answers.pagecloud.com/help/set-your-preferred-domain" target="_blank"><img src="img/service-logo-pagecloud.png" alt="PageCloud Logo" with="150"></a>
</li>
<li><img src="img/service-logo-simvoly.png" alt="SimVoly Logo" with="150"><br>No setup required, done by default!</li>
<li>
<a href="https://support.squarespace.com/hc/en-us/articles/206541837-Removing-the-www-from-your-domain" target="_blank"><img src="img/service-logo-squarespace.png" alt="Squarespace Logo" with="150"></a>
</li>
<li>
<a href="https://support.wix.com/en/article/removing-www-from-your-domain-name" target="_blank"><img src="img/service-logo-wix.png" alt="Wix Logo" with="150"></a>
</li>
</ul>
</div>
<div class="uk-grid-margin uk-first-column">
<h4>Ecommerce Platforms</h4>
<ul class="uk-list uk-list-divider uk-width-2-3@m">
<li>
<a href="https://support.bigcommerce.com/s/article/Changing-Domains#changing-domains" target="_blank"><img src="img/service-logo-big-commerce.png" alt="BigCommerce Logo" with="150"></a>
</li>
<li><img src="img/service-logo-magento.png" alt="Magento Logo" with="150"><br>See instructions for Linux/Apache/Windows Servers.</li>
<li>
<a href="https://help.shopify.com/en/manual/domains/managing-domains#set-your-primary-domain" target="_blank"><img src="img/service-logo-shopify.png" alt="Shopify Logo" with="150"></a>
</li>
<li>
<a href="https://squareup.com/help/ca/en/article/5111-set-up-and-edit-your-online-store#connect-a-third-party-" target="_blank"><img src="img/service-logo-square.png" alt="Square Logo" with="150"></a>
</li>
<li><img src="img/service-logo-volusion.png" alt="volusion Logo" with="150"><br>Not Currently Possible</li>
<li><img src="img/service-logo-weebly.png" alt="Weebly Logo" with="150"><br>Not Currently Possible</li>
<li><img src="img/service-logo-woocommerce.png" alt="Woocommerce Logo" with="150"><br>See instructions for Linux/Apache/Windows Servers.</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<footer class="uk-section uk-section-secondary uk-padding-remove-bottom">
<div class="uk-container">
<a href="#body" class="uk-icon-button uk-align-center uk-margin-bottom" uk-icon="icon: chevron-up; ratio: 2"></a>
</div>
<div class="uk-container uk-text-center">
<h4>Thanks for your dedication to making the web a better place for everybody!</h4>
</div>
<div class="uk-text-center uk-padding uk-padding-remove-horizontal">
<small class="uk-text-muted">No kittens were hurt in the making of this website. | Created by <a href="https://twitter.com/kraymitchell" target="_blank">@kraymitchell</a> & <a href="https://twitter.com/strixy">@strixy</a> |
<a href="https://github.com/kraymitchell/stopthewww" target="_blank"><span uk-icon="icon: github"></span> Wanna Fork?</a></small>
</div>
</footer>
<script src="js/uikit.min.js"></script>
<script src="js/uikit-icons.min.js"></script>
</body>
</html>