mirror of
https://github.com/neocities/neocities.git
synced 2025-08-06 09:34:57 +02:00
major refactor of supporter structure
This commit is contained in:
Kyle Drake
parent
dadeb778c9
commit
2c88c62cbc
45 changed files with 440 additions and 1704 deletions
167
views/supporter/_compare.erb
Normal file
167
views/supporter/_compare.erb
Normal file
|
|
@ -0,0 +1,167 @@
|
|||
<h2 style="margin-top: 2em">What You Get</h2>
|
||||
<table class="plan-chart">
|
||||
<tr>
|
||||
<th class="feature-column"></th>
|
||||
<th>
|
||||
<h3>Free</h3>
|
||||
</th>
|
||||
<th class="professional">
|
||||
<h3>Supporter</h3>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="How much disk space you can use for your site. More space means you can upload more files.">Storage</span>
|
||||
</td>
|
||||
<td><%= Site::PLAN_FEATURES[:free][:space].to_bytes_pretty %></td>
|
||||
<td><%= (Site::PLAN_FEATURES[:supporter][:space] / (10**6)).to_comma_separated %> MB</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="How much content you can serve in one month. Don’t worry—these are soft limits. Temporary surges are fine, we won't take your site down automatically, and we're very flexible.">Bandwidth</span>
|
||||
</td>
|
||||
<td><%= Site::PLAN_FEATURES[:free][:bandwidth].to_bytes_pretty %></td>
|
||||
<td><%= Site::PLAN_FEATURES[:supporter][:bandwidth].to_bytes_pretty %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="We will never put ads on your site, or give your data to marketers. In fact, we’re prohibited from doing it in our own Terms of Service.">No advertising, ever</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Our worldwide network of CDN servers cache your web site regionally, making your site load fast—no matter where your users are. 頑張る, 日本!">Global CDN Site Cache</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Each site comes with a free Neocities address (yoursitename.neocities.org).">Free Site Subdomain</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Free SSL encryption for your subdomain.">Site Subdomain SSL</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Downloading your neocities site is as easy as clicking a button.">One-Click Backups</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Site tags make it easy to find sites you’re interested in, and join communities of sites. It’s like a web ring, but even better.">Site Tags</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Each site has its own RSS feed that make it easy to let people know when your site changes.">RSS Feed</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Like a site on Neocities? Now you can follow it, and see when they update!">Follow Your Favorite Sites</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Each site now has its own profile page, allowing users to see when your site updates, follow your site, and leave feedback.">Site Profile</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Our HTML5 site editor makes it easy to make quick changes to your site, even if you’re on the run.">Neocities Site Editor</span>
|
||||
</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<!--
|
||||
<tr>
|
||||
<td class="feature-column">Site Tipping (Coming Soon)</td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
-->
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="You can mount your Neocities site to your computer as a hard drive, making it easy to update with your favorite HTML editor.">WebDAV Uploading</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Add your domain name (yoursite.com) to your site!">Custom Domains</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Instant SSL certs, preventing snoops from seeing your user's traffic.">Custom Domain SSL Certs</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Make up to <%= Site::CHILD_SITES_MAX %> sites with one account, and easily switch between them.">Multiple Site Creation</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="You can upload anything you like (static hosting only, no copyrighted/illegal content)">No File Upload Type Restrictions</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="This allows you to embed files and images on web sites not hosted by Neocities.">Hotlinking Support</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="This allows other web sites to load and embed files or data (such as JSON config files) from your web site hosted on Neocities.">Cross Origin (CORS) Support</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="feature-column">
|
||||
<span data-original-title="Email responses for any technical issues you're having with Neocities.">Basic Email Support</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td><i class="fa fa-check"></i></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$('.feature-column span').tooltip({
|
||||
placement: 'right'
|
||||
})
|
||||
})
|
||||
</script>
|
||||
52
views/supporter/_signupcode.erb
Normal file
52
views/supporter/_signupcode.erb
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
<link rel="stylesheet" href="/css/skeuocard.reset.css" />
|
||||
<link rel="stylesheet" href="/css/skeuocard.css" />
|
||||
<script src="/js/cssua.min.js"></script>
|
||||
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
|
||||
|
||||
<script>
|
||||
Stripe.setPublishableKey('<%= $config['stripe_publishable_key'] %>')
|
||||
|
||||
|
||||
$('#upgradeForm').submit(function(event) {
|
||||
if($('#stripe_token').val() != '')
|
||||
return true
|
||||
|
||||
var signupform = $(event.target)
|
||||
|
||||
<% if current_site && parent_site.stripe_subscription_id && !request.path.match(/\/settings/) %>
|
||||
return true
|
||||
<% end %>
|
||||
|
||||
var planError = $('#plan_error')
|
||||
planError.css('display', 'none')
|
||||
signupform.find(':submit').prop('disabled', true)
|
||||
|
||||
Stripe.card.createToken({
|
||||
number: $('[name="cc_number"]').val(),
|
||||
cvc: $('[name="cc_cvc"]').val(),
|
||||
exp_month: $('[name="cc_exp_month"]').val(),
|
||||
exp_year: $('[name="cc_exp_year"]').val()
|
||||
}, function(status, response) {
|
||||
console.log(response)
|
||||
if(response.error) {
|
||||
planError.text(response.error.message)
|
||||
planError.css('display', 'block')
|
||||
window.location = '#plan_error_link'
|
||||
signupform.find(':submit').prop('disabled', false)
|
||||
return false
|
||||
} else {
|
||||
$('.credit-card-input').text('Thank you!')
|
||||
$('#stripe_token').val(response.id)
|
||||
signupform.submit()
|
||||
}
|
||||
})
|
||||
|
||||
return false
|
||||
})
|
||||
|
||||
$(function() {
|
||||
$('#upgradeForm').find(':submit').prop('disabled', false)
|
||||
})
|
||||
</script>
|
||||
|
||||
<script src="/js/skeuocard.min.js"></script>
|
||||
30
views/supporter/bitcoin.erb
Normal file
30
views/supporter/bitcoin.erb
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<style>
|
||||
h3 { margin-top: 20px; }
|
||||
</style>
|
||||
|
||||
<div class="header-Outro">
|
||||
<div class="row content single-Col">
|
||||
<h1>Bitcoin</h1>
|
||||
<h3 class="subtitle">Yes, Neocities accepts Bitcoin!</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content single-Col misc-page txt-Center">
|
||||
<article>
|
||||
<section>
|
||||
<h2>The Bitcoin Lifer Plan</h2>
|
||||
|
||||
<p>
|
||||
We don't have a good way to charge recurring with Bitcoin (that adheres to Bitcoin's distributed principles). So instead, we've put together a special <strong>Bitcoin Lifer Plan</strong>. Basically, if you send us <strong>$100</strong> worth of BTC at current market price, we'll never charge you again for the supporter upgrade, and you'll basically get it forever!
|
||||
</p>
|
||||
<p>Be sure to <a href="/contact">contact us</a> after sending with the transaction ID so we can confirm and upgrade your account.</p>
|
||||
|
||||
<p>
|
||||
We generally hold Bitcoin. Many of our vendors accept Bitcoin, and we often use it to pay them.
|
||||
</p>
|
||||
|
||||
<p><img src="/img/bitcoin.png"></p>
|
||||
<p><b>1MPYyfoWK8CkAzhLzLLtZGa9dwEGT5dm2T</b></p>
|
||||
</section>
|
||||
</article>
|
||||
</div> <!-- end .content -->
|
||||
1
views/supporter/index.erb
Normal file
1
views/supporter/index.erb
Normal file
|
|
@ -0,0 +1 @@
|
|||
<%== erb :'plan/_pricing' %>
|
||||
31
views/supporter/thanks.erb
Normal file
31
views/supporter/thanks.erb
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<div class="header-Outro">
|
||||
<div class="row content single-Col">
|
||||
<h1>Thank You!</h1>
|
||||
<h3 class="subtitle">Your support means a lot to us.</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content single-Col misc-page">
|
||||
<article>
|
||||
<div class="txt-Center"><img src="/img/heartcat.png"></div>
|
||||
|
||||
<h1 class="txt-Center">You have become a Neocities Supporter.<br>Thank you for your support!</h1>
|
||||
|
||||
<p>
|
||||
Your support allows Neocities to continue our project to bring back the web. We will do our best to ensure that the site remains a great place for people to express themselves - one web page at a time.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
If you need anything, please don't hesitate to <a href="/contact">contact us</a>!
|
||||
</p>
|
||||
|
||||
<p>
|
||||
On behalf of Penelope (the Neocities' cat) and everyone else at Neocities, thank you.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="/">Get Started</a>
|
||||
</p>
|
||||
</article>
|
||||
<%== erb :'_team', layout: false %>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue