<section class="section plans welcome">
  <% if request.path == '/welcome' %>
    <h2>Welcome to FC, <%= current_site.username %>!</h2>
  <% elsif parent_site && parent_site.supporter? %>
    <div class="txt-Center" style="margin-bottom: 20px"><img src="/img/heartcat.png" alt="The neocities cat with a heart over her head"></div>
    <h2>Thank you for being a supporter!</h2>
  <% else %>
    <h2>Become a Supporter</h2>
  <% end %>
  <h3 class="subtitle">
    <strong>FC will never put advertising on your site.</strong> Instead, FemslashCity is powered by <strong>LESBIAN ENERGY</strong>.<br>
    <% if !parent_site || !parent_site.supporter? %>
      Help us bring back creative web sites by being gay.    <% end %>
  </h3>

  <% if signed_in? && !parent_site.supporter? %>
Thank you for signing up! Now please email agnes@omg.lol with the following info:
<br><br>
A little about you--<br><br>
Personal links--<br><br>
What you wish to use femlashcity for--<br><br>



I will email you back with your confirmation link.

Ignore the stuff below. I tried to delete it from the view and it broke the view no matter what I did so just. Ignore it for now. I will remove it later. DO NOT PUT THINGS IN THE BOX BELOW JUST IGNORE IT THANK YOU

    <div class="plan-overview row">
      <div class="col free">
        <div class="row content">
          <div class="col col-100">
            <h3>Free</h3>
            <div class="plan-image free">
            </div>
            <div class="price">$<%= Site::PLAN_FEATURES[:free][:price] %></div>

            <ul class="main-features">
              <li><strong><%= Site::PLAN_FEATURES[:free][:space].to_f('GB').round %> GB</strong> <span data-original-title="How much space you have to upload files. The more space, the bigger your site can be.">storage</span></li>
              <li><strong><%= Site::PLAN_FEATURES[:free][:bandwidth].to_f('GB').round %> GB</strong> <span data-original-title="How much traffic can visit your site. This is a soft limit. 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">
          <% if request.path == '/welcome' %>
            <a href="/tutorial" class="btn-Action">Continue</a>
          <% end %>
        </div>
      </div>

      <div class="col supporter">
        <div class="row content">
          <div class="col col-33">
            <h3>Supporter</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_f('GB').round %> GB</strong> <span data-original-title="Much more disk space, so you can build a much bigger web site.">storage</span></li>
              <li><strong><%= Site::PLAN_FEATURES[:supporter][:bandwidth].to_f('GB').round %> GB</strong> <span data-original-title="Tons of bandwidth to serve your site, powered by our global Anycast CDN. This is a soft limit. 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="Free plans don't allow uploading music, video, compressed, and executable files to prevent piracy. With a supporter plan, you can upload anything you want.">No File Upload Type Restrictions</span></li>
              <li><span data-original-title="Make up to <%= Site::CHILD_SITES_MAX %> additional sites, and control them with one account.">Multiple Site Creation</span></li>
              <li><span data-original-title="If you have your own domain name (yoursite.com) you can use it for your sites.">Custom Domain Support</span></li>
            </ul>
          </div>

          <div class="col col-66">
            <div id="plan_error" class="alert alert-block alert-error" style="display:none"></div>
            <form id="upgradeForm" method="POST" action="/supporter/update">
              <%== csrf_token_input_html %>
              <input type="hidden" value="supporter" name="plan_type">
              <input id="stripe_token" name="stripe_token" type="hidden" value="<%= params[:stripe_token] %>">
              <%== erb :'_card' %>
              <div id="upgradeDiv" class="row content txt-Center">
                <a id="upgradeLink" href="/" class="btn-Action" onclick="$('#upgradeForm').submit(); return false">
                  Upgrade for $<%= Site::PLAN_FEATURES[:supporter][:price] %>/mo
                </a>
                <br>
                or pay with <strong><a href="/supporter/paypal" style="color: #00308a; text-decoration: underline;"><span style="color: #00308a">Pay</span><span style="color: #029be1">Pal</span></a></strong>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  <% end %>

  <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. 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.</p>
    </div>
  </div>

  <div class="row">
    <div class="col col-50">
      <h3><i class="fa fa-globe"></i> Making a better web</h3>
      <p>
        When you become a supporter, you are directly helping our quest to bring back the creative, independent web. With your help, we'll be able to continue improving the site and adding more features.
      </p>
    </div>

    <div class="col col-50">
      <h3><i class="fa fa-university"></i> Giving back</h3>
      <p>
        Neocities is used by educators all over the world to teach thousands of students how to program and create web sites.
      </p>
    </div>
  </div>
</section>

<section class="section" style="padding-top: 0;">
  <%== erb :'supporter/_compare', layout: false %>
</section>

<%== erb :'supporter/_signupcode', layout: false %>
<script>
  $(function() {
    $('ul span').tooltip({
      placement: 'top'
    })
  })
</script>
