<commit_before>{% extends 'layouts/base.html' %}

{% block bodyid %}{% endblock %}

{% block base %}
  <div class="row section" id="header">
        <div class="container" id="title">
            <div class="col-1-1">
                <img src="/static/img/logo.png" alt="" class="center animate dropIn">
                <h1 class="center"><span class="caps">{{config.SERVICE_NAME}}</span></h1>

            </div>
        </div>
      <div class="container">
          <div class="col-1-2">
            <h1 style="font-weight: 900;">Functional HTML forms</h1>
            <h3 class="light">Just send your form to our URL and we'll forward it to your email. No PHP, Javascript or sign up required &mdash; <em>perfect for static sites!</em></h3>
            </div>
            <div class="col-1-2">
                <p>Example:</p>
                <p class="card code" style="font-size: small">
                    &lt;form <span class="tooltip hint--top" data-hint="Use our URL as form's action">action="<span class="attr">{{config.API_ROOT}}/your@email.com</span>"</span><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tooltip hint--top" data-hint="Forms must POST">method="<span class="attr">POST</span>"</span>&gt;<br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="<span class="attr">text</span>" name="<span class="attr">name</span>"&gt;<br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="<span class="attr">email</span>" <span class="tooltip hint--top" data-hint="Use advanced attributes">name="<span class="attr">_replyto</span>"</span>&gt;<br />
                    &nbsp;&nbsp;&nbsp;&nbsp;<span class="tooltip hint--bottom" data-hint="When user submits, we'll email data to you">&lt;input type="<span class="attr">submit</span>" value="<span class="attr">Send</span>"&gt;</span><br />
                    &lt;/form&gt;
                </p>
            </div>
      </div>
  </div>

  <div class="row section" id="getstarted">

      <div class="container narrow block">
          <div class="col-1-1">
              <h2>Setting it up is easy and free. Here's how:</h2>
              <h3 class="light">You don't even have to register.</h3>
          </div>
      </div>

      <div class="container narrow block">
            <div class="col-1-1">
                <h3>1. Setup the HTML form</h3>
                <p>Change your form's <span class="code">action</span>-attribute to this and replace <EMAIL> with your own email.</p>
                <p><input type="text" value="http:{{config.API_ROOT}}/your@email.com" /></p>
            </div>
      </div>

      <div class="container narrow block">
            <div class="col-1-1">
                <h3>2. Submit the form and confirm your email address</h3>
                <p>Go to your website and submit the form once. This will send you an email asking to confirm your email address, so that no one can start sending you spam from random websites.</p>
            </div>
      </div>

      <div class="container narrow block">
            <div class="col-1-1">
                <h3>3. All set, receive emails</h3>
                <p>From now on, when someone submits that form, we'll forward you the data as email.</p>

            </div>
      </div>

  </div>

  <div class="row section grey">

      <div class="container block">
          <div class="col-1-1"><h2>Some questions you might have:</h2></div>
      </div>

      <div class="container block">
            <div class="col-1-2">
                <div class="card">
                    <h4>Who are you guys?</h4>
                    <p>We're a community of developers that work together to create products. You can contribute on <a href="https://github.com/asm-products/formspree">GitHub</a>. {{config.SERVICE_NAME}} is a project that solves a problem many of us have faced: easily adding forms to otherwise static HTML pages.</p>
            </div>
            <div class="col-1-2">
                <div class="card">
                    <h4>What about privacy?</h4>
                    <p>We only store contents of the last 100 form submissions and delete the rest. Emails are sent using SendGrid's API, so on that end their privacy policies apply.</p>
                </div>
            </div>
      </div>

      <div class="container block">
            <div class="col-1-2">
                <div class="card">
                    <h4>How much does it cost?</h4>
                    <p>{{config.SERVICE_NAME}} is free for 1000 submissions per email each month. If you need more, there's a <a href="#plans">{{ config.UPGRADED_PLAN_NAME }} Plan</a>.</p>
                </div>
            </div>
            <div class="col-1-2">
                <div class="card"><commit_msg>Added back in accidentally deleted div tag<commit_after>{% extends 'layouts/base.html' %}

{% block bodyid %}{% endblock %}

{% block base %}
  <div class="row section" id="header">
        <div class="container" id="title">
            <div class="col-1-1">
                <img src="/static/img/logo.png" alt="" class="center animate dropIn">
                <h1 class="center"><span class="caps">{{config.SERVICE_NAME}}</span></h1>

            </div>
        </div>
      <div class="container">
          <div class="col-1-2">
            <h1 style="font-weight: 900;">Functional HTML forms</h1>
            <h3 class="light">Just send your form to our URL and we'll forward it to your email. No PHP, Javascript or sign up required &mdash; <em>perfect for static sites!</em></h3>
            </div>
            <div class="col-1-2">
                <p>Example:</p>
                <p class="card code" style="font-size: small">
                    &lt;form <span class="tooltip hint--top" data-hint="Use our URL as form's action">action="<span class="attr">{{config.API_ROOT}}/<EMAIL></span>"</span><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tooltip hint--top" data-hint="Forms must POST">method="<span class="attr">POST</span>"</span>&gt;<br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="<span class="attr">text</span>" name="<span class="attr">name</span>"&gt;<br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="<span class="attr">email</span>" <span class="tooltip hint--top" data-hint="Use advanced attributes">name="<span class="attr">_replyto</span>"</span>&gt;<br />
                    &nbsp;&nbsp;&nbsp;&nbsp;<span class="tooltip hint--bottom" data-hint="When user submits, we'll email data to you">&lt;input type="<span class="attr">submit</span>" value="<span class="attr">Send</span>"&gt;</span><br />
                    &lt;/form&gt;
                </p>
            </div>
      </div>
  </div>

  <div class="row section" id="getstarted">

      <div class="container narrow block">
          <div class="col-1-1">
              <h2>Setting it up is easy and free. Here's how:</h2>
              <h3 class="light">You don't even have to register.</h3>
          </div>
      </div>

      <div class="container narrow block">
            <div class="col-1-1">
                <h3>1. Setup the HTML form</h3>
                <p>Change your form's <span class="code">action</span>-attribute to this and replace <EMAIL> with your own email.</p>
                <p><input type="text" value="http:{{config.API_ROOT}}/<EMAIL>" /></p>
            </div>
      </div>

      <div class="container narrow block">
            <div class="col-1-1">
                <h3>2. Submit the form and confirm your email address</h3>
                <p>Go to your website and submit the form once. This will send you an email asking to confirm your email address, so that no one can start sending you spam from random websites.</p>
            </div>
      </div>

      <div class="container narrow block">
            <div class="col-1-1">
                <h3>3. All set, receive emails</h3>
                <p>From now on, when someone submits that form, we'll forward you the data as email.</p>

            </div>
      </div>

  </div>

  <div class="row section grey">

      <div class="container block">
          <div class="col-1-1"><h2>Some questions you might have:</h2></div>
      </div>

      <div class="container block">
            <div class="col-1-2">
                <div class="card">
                    <h4>Who are you guys?</h4>
                    <p>We're a community of developers that work together to create products. You can contribute on <a href="https://github.com/asm-products/formspree">GitHub</a>. {{config.SERVICE_NAME}} is a project that solves a problem many of us have faced: easily adding forms to otherwise static HTML pages.</p>
            	</div>
            </div>
            <div class="col-1-2">
                <div class="card">
                    <h4>What about privacy?</h4>
                    <p>We only store contents of the last 100 form submissions and delete the rest. Emails are sent using SendGrid's API, so on that end their privacy policies apply.</p>
                </div>
            </div>
      </div>

      <div class="container block">
            <div class="col-1-2">
                <div class="card">
                    <h4>How much does it cost?</h4>
                    <p>{{config.SERVICE_NAME}} is free for 1000 submissions per email each month. If you need more, there's a <a href="#plans">{{ config.UPGRADED_PLAN_NAME }} Plan</a>.</p>
                </div>
            </div>
            <div class="col-1-2">
                <div class="card">
{'fraction_non_alphanumeric': 0.16072742562808787, 'fraction_numerical': 0.012824555870913487, 'mean_word_length': 2.137862796833773, 'pattern_counts': {'":': 0, '<': 276, '<?xml version=': 0, '>': 276, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 2, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6603011', 'n_tokens_mistral': 2884, 'n_tokens_neox': 2711, 'n_words': 814}