/
default.html
522 lines (494 loc) · 23.1 KB
/
default.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
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
---
footer:
aboutus:
- title: About
path: /about
- title: Team
path: /about/team
- title: Jobs
path: /jobs
- title: Press
path: /about/press
topnav:
- title: Tour
path: /tour
- title: Showcase
path: /showcase
- title: Blog
path: /blog
- title: Plans
path: /plans
help:
- title: Help
path: /help
- title: Developers
path: /developers
- title: Status
path: /status
- title: Contact
path: /contact
tools:
- title: TileMill
path: /tilemill
- title: Maki
path: /maki
---
<!DOCTYPE html >
<html>
<head>
<meta charset='UTF-8'/>
<meta name='robots' content='{% if page.hidden %}noindex{% else %}index{% endif %}'/>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
{% if page.description %}<meta name='description' content='{{page.description | strip_html}}'/>{% endif %}
<title>{% if page.title == 'Mapbox' %}{{page.title}} | Design and publish beautiful maps{% else %}{{page.title}} | Mapbox{% endif %}</title>
{% if page.card %}
<meta name='twitter:site' content='@Mapbox' />
<meta property='og:site_name' content='Mapbox' />
<meta name='twitter:url' content='{{page.permalink}}' />
<meta property='og:url' content='{{page.permalink}}' />
<meta name='twitter:title' content='{{page.title}}' />
<meta property='og:title' content='{{page.title}}' />
<meta name='twitter:description' content='{{page.content | markdownify | strip_html | trim_spaces | truncatewords: 30 | escape | replace:"'","‘" }}' />
<meta property='og:description' content='{{page.content | markdownify | strip_html | trim_spaces | truncatewords: 30 | escape | replace:"'","‘" }}' />
{% if page.video %}
<meta name='twitter:card' content='player' />
<meta name='twitter:player' content='{{page.video | replace: "http:" , "https:" }}' />
<meta name='twitter:player:width' content='640' />
<meta name='twitter:player:height' content='480' />
<meta property='og:type' content='video.other' />
<meta property='og:video' content='{{page.video}}' />
<meta property='og:video:width' content='640' />
<meta property='og:video:height' content='480' />
{% elsif page.image %}
<meta name='twitter:image' content='{{page.image | replace:"https:","http:"}}' />
<meta property='og:image' content='{{page.image | replace:"https:","http:"}}' />
<meta name='twitter:card' content='summary_large_image' />
<meta property='og:type' content='website' />
{% endif %}
{% endif %}
<link href='https://www.mapbox.com/base/latest/base.css' rel='stylesheet' />
<link href='{{site.url}}/css/site.css' rel='stylesheet' />
<!--[if IE 9]><link href='{{site.url}}/css/site-ie9.css' rel='stylesheet' /><![endif]-->
<link rel='shortcut icon' href='{{site.url}}/img/favicon.ico' type='image/x-icon' />
<link rel='alternate' type='application/rss+xml' title='RSS' href='{{site.url}}/blog/blog.rss' />
<!--[if lt IE 9 ]><script src='{{site.url}}/js/redirect-ie.js'></script><![endif]-->
<script src='{{site.api}}/api/session.js'></script>
<script src="//cdn.optimizely.com/js/429140220.js"></script>
<script>
var analytics=analytics||[];(function(){var e=['identify','track','trackLink','trackForm','trackClick','trackSubmit','page','pageview','ab','alias','ready','group'],t=function(e){return function(){analytics.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var n=0;n<e.length;n++)analytics[e[n]]=t(e[n])})(),analytics.load=function(e){var t=document.createElement('script');t.type='text/javascript',t.async=!0,t.src=('https:'===document.location.protocol?'https://':"http://")+'d2dq2ahtl5zl1z.cloudfront.net/analytics.js/v1/'+e+'/analytics.min.js';var n=document.getElementsByTagName('script')[0];n.parentNode.insertBefore(t,n)};
analytics.load(window.location.hostname.indexOf('mapbox.com') !== -1 ? 'fl0c8p240n' : '0biiejpgfj');
</script>
<script src='https://js.stripe.com/v2/'></script>
<script>
Stripe.setPublishableKey(window.location.hostname.indexOf('mapbox.com') !== -1 ?
'pk_live_hI6mmOTIg7KkywK6vo3vJvpk' : 'pk_test_gmIyREg3sKzAiyMkAEeCsxUG');
</script>
<script src='https://api.tiles.mapbox.com/mapbox.js/{% if site.mapboxjs %}{{site.mapboxjs}}{% else %}v1.5.1{% endif %}/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/{% if site.mapboxjs %}{{site.mapboxjs}}{% else %}v1.5.1{% endif %}/mapbox.css' rel='stylesheet' />
<script src='{{site.url}}/js/site.js'></script>
{% if page.head %}{{page.head}}{% endif %}
</head>
<body class='{{page.class}}'>
{% if page.app %}
{{content}}
{% else %}
<div class='masthead fill-white keyline-bottom col12 animate clearfix {% if page.app %}hide-mobile{% else if page.share %}row2{% endif %}'>
<script type='text/template' id='nav-template'>
<% if (!user.id) { %>
<a class='mb-logo' href='{{site.url}}/'></a>
<div class='strong small primary hide-mobile'>
<a href='{{site.url}}/tour/' class='{% if page.category == 'tour' %}active{% endif %} animate inline pad1 round quiet truncate'>Tour</a><!--
--><a href='{{site.url}}/showcase/' class='{% if page.category == 'showcase' %}active{% endif %} animate inline pad1 round quiet truncate'>Showcase</a><!--
--><a href='{{site.url}}/blog/' class='{% if page.category == 'blog' %}active{% endif %} animate inline pad1 round quiet truncate'>Blog</a><!--
--><a href='{{site.url}}/plans/' class='{% if page.url contains 'plans' %}active{% endif %} animate inline pad1 round quiet truncate'>Plans</a><!--
--><a href='{{site.url}}/help/' class='{% if page.url contains 'help' %}active{% endif %} animate inline pad1 round quiet truncate'>Help</a>
<div class='authmenu contain fr center keyline-all'><!--
--><a href='#signin' class='action signin inline animate keyline-right pad1 quiet truncate'>Sign in</a><!--
--><a href='#signup' class='action signup inline animate pad1 quiet truncate'>Sign up</a>
</div>
</div>
<div class='show-mobile contain drop'>
<a href='#' class='icon menu round quiet droplink keyline-all'></a>
<div class='dropdown strong fill-white keyline-all round animate'>
<div>
<a href='{{site.url}}/tour/'>Tour</a>
<a href='{{site.url}}/showcase/'>Showcase</a>
<a href='{{site.url}}/blog/'>Blog</a>
<a href='{{site.url}}/plans/'>Plans</a>
<a href='{{site.url}}/help/'>Help</a>
</div>
<div>
<a href='#signin' class='signin'>Sign in</a>
<a href='#signup' class='signup'>Sign up</a>
</div>
</div>
</div>
<% } else { %>
<div id='authed-logo'>
<a class='mb-logo' href='{{site.url}}/projects/'> </a>
<!-- Back button -->
<% if (obj._type === 'tileset' || App.param('from') === 'data') { %>
<a href='{{site.url}}/data/' class='truncate return-to-previous icon return quiet animate small hide-mobile'>Return to data</a>
<% } else if (App.param('from') === 'projects') { %>
<a href='{{site.url}}/projects/' class='truncate return-to-previous icon return quiet animate small hide-mobile'>Return to projects</a>
<% } else if (App.param('from') === 'editor') { %>
<a href='{{site.url}}/editor/?id=<%=App.param('id')%>' class='truncate return-to-previous icon return quiet animate small hide-mobile'>Return to editor</a>
<% } %>
</div>
{% unless page.share %}
<div class='primary small strong'>
<a href='{{site.url}}/help/' class='hide-mobile quiet authed animate round pad1 truncate inline {% if page.url contains '/help' %}active{% endif %}'>Help</a>
<a href='{{site.url}}/developers/' class='hide-mobile quiet authed animate round pad1 truncate inline {% if page.url contains '/developers' %}active{% endif %}'>Developers</a>
<a href='#dropdown' class='show-mobile keyline-all authmenu droplink quiet icon menu round animate fr'></a>
<a href='#dropdown' class='hide-mobile pad1 block authmenu droplink quiet round animate fr'>
<img class='avatar' src='<%= user.avatar %>' />
<%= _(user.id || user.name).escape() %>
</a>
<div class='fr authmenu hide-mobile keyline-all'><!--
--><a href='{{site.url}}/projects/' class='inline pad1 quiet truncate icon folder {% if page.url contains '/project' %}active{% endif %}'>Projects</a><!--
--><a href='{{site.url}}/data/' class='keyline-left inline animate pad1 quiet truncate icon book {% if page.url contains '/data' %}active{% endif %}'>Data</a>
</div>
<div class='dropdown fill-white keyline-all round animate'>
<div class='plan contain'>
<a href='{{site.url}}/plans/' class='plan-icon big <%= user.plan.id.replace('2', '').replace('-annual', '') %>'>
</a>
<a href='{{site.url}}/plans/' class='truncate'>
<%= _(user.plan?user.plan.name:'').escape() %><br />
<span class='quiet'>(<%= numeral(user.plan.views).format('0a') %> views)</span>
</a>
</div>
<div class='show-mobile'>
<a href='{{site.url}}/projects/' class='authed'>Projects</a>
<a href='{{site.url}}/data/' class='authed'>Data</a>
<a href='{{site.url}}/help/'>Help</a>
<a href='{{site.url}}/developers/'>Developers</a>
</div>
<div>
<a href='{{site.url}}/tour/'>Tour</a>
<a href='{{site.url}}/showcase/'>Showcase</a>
<a href='{{site.url}}/blog/'>Blog</a>
</div>
<div>
<a href='{{site.url}}/account/'>Account</a>
<% if (App.user.group === 'admin') { %><a href='{{site.url}}/admin/'>Admin</a><% } %>
<a href='#signout' id='signout'>Sign out</a>
</div>
</div>
</div>
{% endunless %}
<% } %>
</script>
<div class='limiter clearfix'>
<nav id='nav' class='{% if page.share %}col4 margin4{% else %}col12 text-right pad2y{% endif %} contain clearfix noprint '>
<script>document.write(App.nav());</script>
</nav>
</div>
</div>
<div class='clearfix{% unless page.fullwidth %} limiter{% endunless %}'>{{content}}</div>
{% unless page.share %}
<div class='footer keyline-top pad4y fill-white clearfix small'>
<div class='limiter'>
<div class='col6 mobile-cols'>
<div class='col3'>
{% for item in page.footer.aboutus %}
<a id='footer-{{item.title | downcase | replace:' ','-'}}' class='col12 strong' href='{{site.url}}{{item.path}}/'>{{item.title}}</a>
{% endfor %}
</div>
<div class='col3'>
{% for item in page.footer.topnav %}
<a id='footer-{{item.title | downcase | replace:' ','-'}}' class='col12 strong' href='{{site.url}}{{item.path}}/'>{{item.title}}</a>
{% endfor %}
</div>
<div class='col3'>
{% for item in page.footer.help %}
<a id='footer-{{item.title | downcase | replace:' ','-'}}' class='col12 strong' href='{% if item.href %}{{item.href}}{% else %}{{site.url}}{{item.path}}{% endif %}/'><strong>{{item.title}}</strong></a>
{% endfor %}
</div>
<div class='col3'>
<p><span style='padding-bottom:10px;' class='keyline-bottom'>Tools</span></p>
{% for item in page.footer.tools %}
<a id='footer-{{item.title | downcase | replace:' ','-'}}' class='col12 strong' href='{% if item.href %}{{item.href}}{% else %}{{site.url}}{{item.path}}{% endif %}/'><strong>{{item.title}}</strong></a>
{% endfor %}
</div>
</div>
<div class='col6 newsletter'>
<form action='http://mapbox.us2.list-manage1.com/subscribe/post?u=1b29ad842d113cece02035883&id=6cbe531fd0' method='post' id='mc-embedded-subscribe-form' name='mc-embedded-subscribe-form' class='space-bottom validate' target='_blank'>
<fieldset class='pill mobile-cols col12 with-icon clearfix'>
<span class='icon mail quiet'></span>
<input type='text' value='' placeholder='Subscribe to our newsletter' name='EMAIL' class='col9 required email' id='mce-EMAIL'>
<input type='submit' value='Submit' name='subscribe' id='mc-embedded-subscribe' class='col3'>
</fieldset>
</form>
Follow Mapbox on <a href='https://twitter.com/mapbox' class='strong'>Twitter</a> and <a href='https://www.facebook.com/MapBoxMaps' class='strong'>Facebook</a>
</div>
</div>
</div>
<div class='footer-copyright fill-white pad2y small center noprint'>
<a href='{{site.url}}/tos'>Terms</a> +
<a href='{{site.url}}/privacy'>Privacy</a>
© Mapbox
</div>
{% endunless %}
{% endif %}
<div id='modal'>
<div class='modal-mask fill-darken2 modal animate'></div>
<div id='modal-content' class='contain modal modal-content animate'></div>
</div>
<script type='text/html' id='template-modal-auth'>
<div class='limiter modal-popup modal-auth'>
<div class='clip sliding h active2'>
<form id='auth-reset' class='animate' method='post'>
<div class='col6 margin3 modal-body fill-white contain'>
<% if (obj.close) { %>
<a href='#close' class='quiet big icon fr close'></a>
<% } else { %>
<a href='/' class='quiet big icon fr close escape'></a>
<% } %>
<div class='pad1y pad4x center space-bottom'>
<h2>Recover password</h2>
</div>
<div class='pad4x'>
<fieldset>
<label>Email</label>
<input type='text' name='email' class='stretch' />
</fieldset>
</div>
<div class='pad2y pad2x clearfix'>
<div class='col8 pad2x'>
<input class='col12' type='submit' value='Send reset instructions' />
</div>
<small class='col4 pad1y text-right pad2x'>
<a class='rcon next slide' href='#active2'>Sign in</a>
</small>
</div>
</div>
</form>
<form id='auth-signin' class='animate' method='post'>
<div class='col6 margin3 modal-body fill-white contain'>
<% if (obj.close) { %>
<a href='#close' class='quiet big icon fr close'></a>
<% } else { %>
<a href='/' class='quiet big icon fr close escape'></a>
<% } %>
<div class='pad1y pad4x center space-bottom'>
<h2>Sign in to Mapbox</h2>
</div>
<div class='pad4x'>
<fieldset>
<label>Username or email</label>
<% if (obj.username) { %>
<input type='text' name='username' autocapitalize='off' class='stretch' tabindex='1' value='<%= obj.username %>' readonly />
<% } else { %>
<input type='text' name='username' autocapitalize='off' class='stretch' tabindex='1' />
<% } %>
</fieldset>
<fieldset>
<label>Password <small class='inline'><a href='#active1' class='slide' tabindex='3'>Forgot it?</a></small></label>
<input type='password' name='password' class='stretch' tabindex='2' />
</fieldset>
</div>
<div class='pad2y pad4x clearfix'>
<div class='col6'>
<input class='col12' type='submit' value='Sign in' />
</div>
<% if (!obj.username) { %>
<small class='col6 pad1y text-right'>
Need an account? <a class='rcon next slide' href='#active3'>Sign up</a>
</small>
<% } %>
</div>
</div>
</form>
<form id='auth-signup' class='animate' method='post'>
<div class='col6 margin3 modal-body fill-navy-dark fill-stars dark contain'>
<% if (obj.close) { %>
<a href='#close' class='big icon fr close'></a>
<% } else { %>
<a href='/' class='big icon fr close escape'></a>
<% } %>
<div class='pad1y pad4x center space-bottom'>
<h2>Sign up for Mapbox</h2>
</div>
<div class='pad2x'>
<fieldset class='col12 pad2x'>
<label>Username</label>
<input type='text' name='username' autocapitalize='off' class='stretch'/>
</fieldset>
<fieldset class='col6 pad2x'>
<label>First name</label>
<input type='text' name='firstname' class='stretch'/>
</fieldset>
<fieldset class='col6 pad2x'>
<label>Last name</label>
<input type='text' name='lastname' class='stretch' />
</fieldset>
<fieldset class='col6 pad2x'>
<label>Email</label>
<input type='text' name='email' class='stretch' />
</fieldset>
<fieldset class='pad2x'>
<label>Password</label>
<input type='password' name='password' class='stretch' />
<small class='password-rules'></small>
</fieldset>
<div class='pad2x small quiet'>You agree to the Mapbox <a href='http://mapbox.com/tos/'>Terms of Service</a> and <a href='http://mapbox.com/privacy/'>Privacy Policy</a>.</div>
</div>
<div class='pad2y pad2x clearfix'>
<small class='col6 pad2x pad1y'>
<a class='icon prev slide' href='#active2'>Sign in</a>
</small>
<div class='col6 pad2x text-right'>
<input class='col12' type='submit' value='Sign up' />
</div>
</div>
</div>
</form>
</div>
</div>
</script>
<script type='text/html' id='template-modal-payment'>
<div class='limiter modal-popup modal-payment'>
<form id='payment' class='round animate'>
<div class='margin3 col6 modal-body fill-white contain'>
<% if (obj.close) { %><a href='#close' class='quiet big icon fr close'></a><% } %>
<div class='pad2y pad4x center'>
<h2>Payment information</h2>
</div>
<div class='pad2x clearfix'>
<fieldset class='pad2x col12'>
<label>Card number</label>
<input type='text' name='number' class='stretch' />
</fieldset>
<div class='credit-cards pad1 center space fill-light round space-bottom'>
<span class='credit-card visa'></span>
<span class='credit-card mastercard'></span>
<span class='credit-card american-express'></span>
<span class='credit-card jcb'></span>
<span class='credit-card discover'></span>
<span class='credit-card diners-club'></span>
</div>
<div class='pad1x clearfix'>
<fieldset class='pad1x col4'>
<label>Expiration</label>
<input type='text' name='exp' class='stretch' placeholder='MM/YYYY' />
</fieldset>
<fieldset class='pad1x col4'>
<label>CVC</label>
<input type='text' name='cvc' class='stretch' />
</fieldset>
<fieldset class='pad1x col4'>
<label>Postal code</label>
<input type='text' name='address_zip' class='stretch' />
</fieldset>
</div>
<fieldset class='pad2x col12'>
<label>Coupon code</label>
<input type='text' name='coupon' class='stretch' />
</fieldset>
</div>
<div class='pad2y pad4x clearfix'>
<input class='fr col6' type='submit' value='Done' />
</div>
</div>
</form>
</div>
</script>
<script type='text/html' id='template-modal-err'>
<% if (!(obj instanceof Error)) {
if ('responseText' in obj) {
try {
obj = new Error(JSON.parse(obj.responseText).message);
} catch (err) {
obj = new Error(obj.responseText);
}
} else if ('message' in obj) {
obj = new Error(obj.message);
} else if ('status' in obj && typeof obj.status === 'number') {
obj = new Error('HTTP ' + obj.status);
} else {
obj = new Error('Unknown error occurred');
}
} %>
<div id='modal-err' class='limiter modal-popup'>
<div class='margin3 col6 modal-body fill-white'>
<div class='pad2y pad4x center'>
<%= obj %>
</div>
<div class='pad2y pad4x center'>
<a href='#close' class='button col12 quiet close'>Close</a>
</div>
</div>
</div>
</script>
<script type='text/html' id='template-modal-confirm'>
<div id='modal-confirm' class='limiter modal-popup'>
<div class='margin3 col6 modal-body fill-white'>
<% if (obj.html) { %>
<div class='pad2y pad4x'><%= obj.html %></div>
<% } else { %>
<div class='pad2y pad4x center'><%= obj.text || obj %></div>
<% } %>
<div class='pad2y pad4x clearfix center'><!--
--><% if (obj.callback && obj.cancel !== false) { %><a href='#cancel' class='pad1y small col6 quiet icon strong close cancel'>Cancel</a><% } %><!--
--><a href='#ok' class='button <% if (obj.callback && obj.cancel !== false) { %>col6<% } else { %>col12<% } %> icon check ok'>Okay</a><!--
--></div>
</div>
</div>
</script>
<script type='text/html' id='template-plan-confirm'>
<% if (obj.plan.isUpgrade()) { %>
<h2 class='center space-bottom'><%= plan.get('name') %> for $<%= plan.get('price') %>/<%= plan.get('period') %></h2>
<% if (obj.reason && obj.reason === 'satellite') { %>
<p class='center'>To use <strong>Mapbox Satellite</strong> upgrade to the <strong><%= plan.get('name') %></strong> plan.</p>
<% } else if (obj.reason && obj.reason === 'geometry') { %>
<p class='center'>To save <strong>more features</strong> upgrade to the <strong><%= plan.get('name') %></strong> plan.</p>
<% } else { %>
<p class='center'>You're about to upgrade to the <strong><%= plan.get('name') %></strong> plan.</p>
<% } %>
<div class='center small'>
<a href='{{site.url}}/help/#changing-plans' target='_blank'>What happens when I change plans?</a>
</div>
<% } else { %>
<h2 class='center title'>Downgrade to <%= plan.get('name') %></h2>
<p class='prose'>Before you do that, can we help you get the most out of Mapbox?<a href='http://support.mapbox.com/' target='_blank'> Ask our support team for help</a>.</p>
<% if (!obj.plan.get('price')) { %>
<form id='downgrade-survey' class='small pad2 quiet round fill-light space-bottom' method='post'>
<h3 class='space-bottom'>What is the main reason for downgrading your subscription?</h3>
<div>
<input type='radio' name='answer' id='answer0' value='Missing a crucial feature' />
<label for='answer0'>Missing a crucial feature</label>
</div>
<div>
<input type='radio' name='answer' id='answer1' value='Not using it' />
<label for='answer1'>Not using it</label>
</div>
<div>
<input type='radio' name='answer' id='answer2' value='Free plan is enough for my needs' />
<label for='answer2'>Free plan is enough for my needs</label>
</div>
<div>
<input type='radio' name='answer' id='answer3' value='Needs better documentation' />
<label for='answer3'>Needs better documentation</label>
</div>
<div>
<input type='radio' name='answer' id='answer4' value='Not satisfied with support' />
<label for='answer4'>Not satisfied with support</label>
</div>
<div>
<input type='radio' name='answer' id='answer5' value='Went with a different tool' />
<label for='answer5'>Went with a different tool</label>
</div>
<div>
<input type='radio' name='answer' id='answer6' value='Other' />
<label for='answer6'>Other</label>
</div>
</form>
<% } %>
<a class='small' href='{{site.url}}/help/#changing-plans' target='_blank'>What happens when I change plans?</a>
<% } %>
</script>
<script type='text/html' id='template-alert'>
<a href='#alert' id='alert' class='fill-yellow block'><span class='icon big alert quiet'></span></a>
</script>
</body>
</html>