meta.sr.ht/metasrht/templates/billing-initial.html

{% extends "layout.html" %}
{% block title %}
<title>Choose a plan - {{cfg("sr.ht", "site-name")}}</title>
{% endblock %}
{% block content %}
<div class="row">
  <div class="col-md-12">
    <h3>
      Choose a plan
    </h3>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <p>
      On {{cfg("sr.ht", "site-name")}}, all plans have access to the same
      features and in the same quantity. You should pick the plan which best
      matches your financial needs and best represents the level of investment
      you have in {{cfg("sr.ht", "site-name")}}. If you require financial aid
      to use {{cfg("sr.ht", "site-name")}}, please
      <a href="mailto:{{cfg("sr.ht", "owner-email")}}">send us an email</a>
      explaining your circumstances and we'll do our best to accommodate your
      needs.
    </p>
    <div class="alert alert-danger">
      <strong>Notice</strong>: {{cfg("sr.ht", "site-name")}} is currently
      considered at an alpha stage of development, and the quality of the
      service may reflect that. However, the service is reliable, stable,
      secure, and mostly complete at this stage of development. To learn
      exactly what the alpha entails,
      <a
        href="https://sourcehut.org/alpha-details/"
        rel="noopener"
        target="_blank"
      >consult this document</a>.
      During the alpha, payment is encouraged, but optional, for most features.
      <a
        href="{{url_for("profile.profile_GET")}}"
      >Continue without payment {{icon('caret-right')}}</a>.
    </div>
  </div>
</div>
<div class="row event-list" style="text-align: center">
  <div class="col-md-4">
    <form class="event" method="POST">
      {{csrf_token()}}
      <h3>Amateur Hackers</h3>
      <p>Includes access to all features.</p>
      <div style="margin-bottom: 1rem">
        <big>$2/month</big> or <big>$20/year</big>
      </div>
      <input type="hidden" name="amount" value="200" />
      <input type="hidden" name="plan" value="Amateur Hacker" />
      <button type="submit" class="btn btn-block btn-primary">
        Continue {{icon("caret-right")}}
      </button>
    </form>
  </div>
  <div class="col-md-4">
    <form class="event" method="POST">
      {{csrf_token()}}
      <h3>Typical Hackers</h3>
      <p>Includes access to all features.</p>
      <div class="text-center" style="margin-bottom: 1rem">
        <big>$5/month</big> or <big>$50/year</big>
      </div>
      <input type="hidden" name="amount" value="500" />
      <input type="hidden" name="plan" value="Typical Hacker" />
      <button type="submit" class="btn btn-block btn-primary">
        Continue {{icon("caret-right")}}
      </button>
    </form>
  </div>
  <div class="col-md-4">
    <form class="event" method="POST">
      {{csrf_token()}}
      <h3>Professional Hackers</h3>
      <p>Includes access to all features.</p>
      <div class="text-center" style="margin-bottom: 1rem">
        <big>$10/month</big> or <big>$100/year</big>
      </div>
      <input type="hidden" name="amount" value="1000" />
      <input type="hidden" name="plan" value="Professional Hacker" />
      <button type="submit" class="btn btn-block btn-primary">
        Continue {{icon("caret-right")}}
      </button>
    </form>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="alert alert-warning">
      <strong>Notice</strong>: Continuing to the next page will execute
      non-free JavaScript from our payment processor,
      <a
        href="https://stripe.com/"
        target="_blank"
        rel="nofollow noopener"
      >Stripe</a>. If you are uncomfortable with this, please
      <a href="mailto:{{cfg('sr.ht', 'owner-email')}}">reach out to us</a> to
      discuss other options. For more information, consult our
      <a
        href="https://man.sr.ht/privacy.md"
        target="_blank"
        rel="noopener"
      >privacy policy</a>.
    </div>
    <p>
      You can cancel or change your plan at any time. Any questions?  Review our
      <a href="https://man.sr.ht/billing-faq.md">billing &amp; payments FAQ</a>.
    </p>
  </div>
</div>
<div class="row" style="margin-top: 3rem">
  <div class="col-md-12">
    <h3>Other ways to use {{cfg("sr.ht", "site-name")}}</h3>
  </div>
</div>
<div class="row event-list">
  <div class="col-md-4">
    <div class="event">
      <h3>Contributors</h3>
      <p>
        Just here to contribute bug reports, patches, and so on, to existing
        projects? You don't need to have a paid account for that.
      </p>
      <a
        class="btn btn-info btn-block"
        href="{{cfg("meta.sr.ht::settings", "onboarding-redirect")}}"
      >Continue {{icon("caret-right")}}</a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="event">
      <h3>Earn free service</h3>
      <p>
        {{cfg("sr.ht", "site-name")}} is itself an
        <a
          href="https://sr.ht/~sircmpwn/sourcehut"
        >open-source project</a>. Users who contribute patches to the upstream
        project are eligible for free service.
      </p>
      <a
        class="btn btn-info btn-block"
        href="https://man.sr.ht/billing-faq.md#earning-service-credits-for-contributing-to-srht"
        target="_blank"
      >Learn more {{icon("caret-right")}}</a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="event">
      <h3>Install it yourself</h3>
      <p>
        {{cfg("sr.ht", "site-name")}} is 100% free and open source software, and
        you can run it on your own servers free of charge if you prefer to host
        it yourself.
      </p>
      <a class="btn btn-info btn-block" href="https://man.sr.ht/installation.md">
        Read the docs {{icon("caret-right")}}
      </a>
    </div>
  </div>
</div>
{% endblock %}