diff --git a/app/mockup.rb b/app/mockup.rb index b451acd6..eceef7f7 100644 --- a/app/mockup.rb +++ b/app/mockup.rb @@ -19,4 +19,9 @@ end get '/tips_mockup' do erb :'tips_mockup' end + +get '/welcome_mockup' do + require_login + erb :'welcome_mockup', locals: {site: current_site} +end # :nocov: \ No newline at end of file diff --git a/public/img/skeuocard.png b/public/img/skeuocard.png new file mode 100644 index 00000000..86a30026 Binary files /dev/null and b/public/img/skeuocard.png differ diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index 4824fc86..bdc2721b 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -1399,6 +1399,93 @@ a.tag:hover { 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 { // padding-top: 1em; // padding-bottom: 6.5em; diff --git a/views/welcome_mockup.erb b/views/welcome_mockup.erb new file mode 100644 index 00000000..b924c823 --- /dev/null +++ b/views/welcome_mockup.erb @@ -0,0 +1,103 @@ +
+

Welcome to Neocities, <%= current_site.username %>!

+
+

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.

+
+ +
+
+
+
+

Free Plan

+
+
+
$<%= Site::PLAN_FEATURES[:free][:price] %>
+
per month
+ +
    +
  • <%= Site::PLAN_FEATURES[:free][:space].to_space_pretty %> storage
    • +
  • <%= Site::PLAN_FEATURES[:free][:bandwidth].to_space_pretty %> bandwidth
    • +
+
+
+
+ Continue +
+
+ +
+
+
+

Supporter Plan

+
+
+ <% if parent_site && parent_site.legacy_supporter? %> +
$<%= Site::LEGACY_SUPPORTER_PRICES[parent_site[:plan_type].to_sym] %>
+
per month, billed annually
+ <% else %> +
$<%= Site::PLAN_FEATURES[:supporter][:price] %>
+
per month
+ <% end %> + +
    +
  • <%= Site::PLAN_FEATURES[:supporter][:space].to_space_pretty %> storage
    • +
  • 1000 GB bandwidth
    • +
+ +
    +
  • No File Upload Type Restrictions
    • +
  • Unlimited Site Creation
    • +
  • Custom Domain Support
    • +
  • Remote Filesystem Support
    • +
  • Custom SSL Certs (coming soon)
    • +
+
+ +
+

To upgrade, enter your credit card info below:

+
+
+ +
+ +
+ 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 + + or pay with PayPal or Bitcoin +
+
+
+ +
+
+

Powered by supporters like you

+

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.

+
+ + +
+

Risk-free and secure

+

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.

+ +

We use Stripe and PayPal for payments, and never store your credit card information directly.

+
+
+ +
+
+

Making a better web

+

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...

+
+ +
+

Giving back

+

Maybe something about open source...

+
+
+
\ No newline at end of file