mirror of
https://github.com/neocities/neocities.git
synced 2025-04-25 09:42:36 +02:00
Merge branch 'master' of github.com:neocities/neocities
This commit is contained in:
Kyle Drake
commit
b782632b69
4 changed files with 195 additions and 0 deletions
|
|
@ -19,4 +19,9 @@ end
|
||||||
get '/tips_mockup' do
|
get '/tips_mockup' do
|
||||||
erb :'tips_mockup'
|
erb :'tips_mockup'
|
||||||
end
|
end
|
||||||
|
|
||||||
|
get '/welcome_mockup' do
|
||||||
|
require_login
|
||||||
|
erb :'welcome_mockup', locals: {site: current_site}
|
||||||
|
end
|
||||||
# :nocov:
|
# :nocov:
|
||||||
BIN
public/img/skeuocard.png
Normal file
BIN
public/img/skeuocard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
|
|
@ -1399,6 +1399,93 @@ a.tag:hover {
|
||||||
padding: 7px 10px;
|
padding: 7px 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.section.plans.welcome {
|
||||||
|
h3 {
|
||||||
|
color: #5e95a1;
|
||||||
|
}
|
||||||
|
.plan-overview {
|
||||||
|
h3 {
|
||||||
|
color: $c-Brand-1;
|
||||||
|
font-size: $delta;
|
||||||
|
}
|
||||||
|
.col {
|
||||||
|
float: left;
|
||||||
|
background: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
clear: both;
|
||||||
|
|
||||||
|
&.main-features {
|
||||||
|
font-size: 140%;
|
||||||
|
margin-bottom: .7em;
|
||||||
|
li {
|
||||||
|
margin-bottom: .25em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li span {
|
||||||
|
border-bottom: 1px dotted #bbb;
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
.plan-image {
|
||||||
|
margin: 24px 15px 20px 0;
|
||||||
|
float: left;
|
||||||
|
width: 77px;
|
||||||
|
}
|
||||||
|
.price {
|
||||||
|
font-size: 2.4em;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.col.free, .col.supporter {
|
||||||
|
padding: 35px 40px 25px 40px;
|
||||||
|
.content {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(max-device-width:480px), screen and (max-width:550px) {
|
||||||
|
padding: 14px 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.col.free {
|
||||||
|
width: 29%;
|
||||||
|
background-color: #EBEBEB;
|
||||||
|
border: 1px solid #D5D5D5;
|
||||||
|
border-right-width: 0;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
|
||||||
|
.main-features {
|
||||||
|
margin-bottom: 94px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.col.supporter {
|
||||||
|
width: 71%;
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
border: 1px solid #E0E0E0;
|
||||||
|
@include box-shadow(-1px 1px 5px 0px rgba(0,0,0,0.1));
|
||||||
|
.col:first-child {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
.col:last-child {
|
||||||
|
width: 60%;
|
||||||
|
margin-top: 16px;
|
||||||
|
p {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 100%;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.row.content.txt-Center {
|
||||||
|
margin-top: 0.6em;
|
||||||
|
}
|
||||||
|
.btn-Action {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.section.bottom-signup {
|
.section.bottom-signup {
|
||||||
// padding-top: 1em;
|
// padding-top: 1em;
|
||||||
// padding-bottom: 6.5em;
|
// padding-bottom: 6.5em;
|
||||||
|
|
|
||||||
103
views/welcome_mockup.erb
Normal file
103
views/welcome_mockup.erb
Normal file
|
|
@ -0,0 +1,103 @@
|
||||||
|
<section class="section plans welcome">
|
||||||
|
<h2>Welcome to Neocities, <%= current_site.username %>!</h2>
|
||||||
|
<div class="col-66" style="margin-left: auto; margin-right: auto;">
|
||||||
|
<h3 class="subtitle">Free accounts will always be free and ad-free.
|
||||||
|
You can support our quest to bring back the creative, independent web by upgrading to the Supporter Plan.</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="plan-overview">
|
||||||
|
<div class="col free">
|
||||||
|
<div class="row content">
|
||||||
|
<div class="col col-100">
|
||||||
|
<h3>Free Plan</h3>
|
||||||
|
<div class="plan-image free">
|
||||||
|
</div>
|
||||||
|
<div class="price">$<%= Site::PLAN_FEATURES[:free][:price] %></div>
|
||||||
|
<div class="interval">per month</div>
|
||||||
|
|
||||||
|
<ul class="main-features">
|
||||||
|
<li><strong><%= Site::PLAN_FEATURES[:free][:space].to_space_pretty %></strong> <span data-original-title="How much disk space you can use for your site. More space means you can upload more files.">storage</span></li>
|
||||||
|
<li><strong><%= Site::PLAN_FEATURES[:free][:bandwidth].to_space_pretty %></strong> <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></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row content txt-Center">
|
||||||
|
<a href="/" class="btn btn-Action">Continue</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col supporter">
|
||||||
|
<div class="row content">
|
||||||
|
<div class="col col-33">
|
||||||
|
<h3>Supporter Plan</h3>
|
||||||
|
<div class="plan-image supporter">
|
||||||
|
</div>
|
||||||
|
<% if parent_site && parent_site.legacy_supporter? %>
|
||||||
|
<div class="price">$<%= Site::LEGACY_SUPPORTER_PRICES[parent_site[:plan_type].to_sym] %></div>
|
||||||
|
<div class="interval">per month, billed annually</div>
|
||||||
|
<% else %>
|
||||||
|
<div class="price">$<%= Site::PLAN_FEATURES[:supporter][:price] %></div>
|
||||||
|
<div class="interval">per month</div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
<ul class="main-features">
|
||||||
|
<li><strong><%= Site::PLAN_FEATURES[:supporter][:space].to_space_pretty %></strong> <span data-original-title="How much disk space you can use for your site. More space means you can upload more files.">storage</span></li>
|
||||||
|
<li><strong>1000 GB</strong> <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></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><span data-original-title="No whitelists—you can upload anything you want (no copyrighted content, trojans, or w4r3z, please).">No File Upload Type Restrictions</span></li>
|
||||||
|
<li><span data-original-title="Make as many sites as you want with one account, and easily switch between them.">Unlimited Site Creation</span></li>
|
||||||
|
<li><span data-original-title="Add your domain name (yoursite.com) to your site!">Custom Domain Support</span></li>
|
||||||
|
<li><span data-original-title="With WebDAV, you can mount your Neocities site to your computer as a hard drive, making it easy to update with your favorite HTML editor.">Remote Filesystem Support</span></li>
|
||||||
|
<li><span data-original-title="Upload your SSL certificate for your custom domain name, preventing snoops from seeing your user’s traffic.">Custom SSL Certs (coming soon)</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col col-66">
|
||||||
|
<p>To upgrade, enter your credit card info below:</p>
|
||||||
|
<div><img src="/img/skeuocard.png" style="max-width:377px"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row content txt-Center">
|
||||||
|
<a href="/" class="btn btn-Action">Upgrade for
|
||||||
|
<% if parent_site && parent_site.legacy_supporter? %>
|
||||||
|
$<%= Site::LEGACY_SUPPORTER_PRICES[parent_site[:plan_type].to_sym] %>
|
||||||
|
<% else %>
|
||||||
|
$<%= Site::PLAN_FEATURES[:supporter][:price] %>
|
||||||
|
<% end %>/mo
|
||||||
|
</a>
|
||||||
|
or pay with <a href="/plan/alternate/">PayPal</a> or <a href="/plan/alternate/">Bitcoin</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col col-50">
|
||||||
|
<h3><i class="fa fa-users"></i> Powered by supporters like you</h3>
|
||||||
|
<p>Neocities will never sell your personal data or embed advertising on member sites. Instead, we are funded directly by our community through supporter plans and donations. This allows us to base all our decisions on making the best possible web building experience for you, rather than on appeasing ad companies.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col col-50">
|
||||||
|
<h3><i class="fa fa-lock"></i> Risk-free and secure</h3>
|
||||||
|
<p>You can downgrade back to a free account at any time on the plan page. If you do, we’ll refund the amount you didn’t use.</p>
|
||||||
|
|
||||||
|
<p>We use Stripe and PayPal for payments, and never store your credit card information directly. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col col-50">
|
||||||
|
<h3><i class="fa fa-globe"></i> Making a better web</h3>
|
||||||
|
<p>Maybe something about our goals to 1. bring back the creative web and 2. give a diverse group of people a welcoming place to learn coding skills...</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col col-50">
|
||||||
|
<h3><i class="fa fa-github"></i> Giving back</h3>
|
||||||
|
<p>Maybe something about open source...</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
Loading…
Add table
Reference in a new issue