<commit_before>

{% extends 'base.html' %}

{% block title %}
  Jupo - Forgot Password
{% endblock %}

{% block header %}{% endblock %}

{% block global %}

<div class='content'>
  {% if message and ok %}
    <h2>Almost done!</h2>
  {% else %}
    <h2>Forgot your password?</h2>
  {% endif %}
  
  <form id='forgot-password' action='/forgot_password' class='authen' method='post'>
    <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
    
    {% if message and ok %}
      <p>{{ message }}</p>
      <p>Never mind? <a href='/sign_in'><strong>Try logging in</strong></a></p>
    {% else %}
      {% if message and not ok %}
        <p class='red'>{{ message }}</p>
      {% else %}
        <p>
          Don't worry! It happens to everyone. Enter your email address and you can reset it.  
        </p>
      {% endif %}
    
    
    <span>Email</span>
    <ul>
      <li>
        <input type='email' name='email' autocomplete="off" autofocus>

        <div class='click-target' onclick="document.getElementById('sign-in').submit();"></div>
        <br>
      </li>
    </ul>
  
    <div>
      Never mind? <a href='/sign_in'><strong>Sign in</strong></a>
    </div>

    <button type="submit"></button>
    {% endif %}
  </form>

</div>
{% endblock %}

{% block stylesheets %}

<style>
  html {
    background: #111;
  }

  h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
  }
  
  .rfloat {
    float: right;
  }
  
  .red {
    color: #dd4b39;
  }

  form ul {
    margin: 3px 0 20px;
    list-style: none;
  }

  form ul li {
    clear: both;
    margin-bottom: 5px;
    position: relative;
    list-style: none;
  }

  form ul li input {
    width: 250px;
    padding: 7px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

  form ul li input[type='email'] {
    padding-right: 32px;
  }
  form input:focus {
    box-shadow: rgba(81, 167, 232, 1) 0 0 5px;
    border-color: #51A7E8;
    outline: none;
  }

  .click-target {
    cursor: pointer;
    opacity: .5;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33px;
    background: #fff url('https://pathakacdn-a.akamaihd.net/web-assets/images/form-submit-disclosure_3443e97f5d4d434af894925c4bb9cf7c36f33ece.png') no-repeat 100% 50%;
    margin-right: 1px;
    height: 27px;
    top: 3px;
    opacity: 0.8;
  }

  .click-target:hover {
    opacity: 1;
  }

  .click-target:active {
    opacity: 0.5;
  }

  p {
    line-height: 16px;
    margin: 20px 0 10px;
  }

  .content {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    background: whitesmoke;
    border-radius: 3px;
    border: 1px solid white;
    padding: 20px 30px;
    box-shadow: inset 0 1px 0 white, 0 1px 18px rgba(0,0,0,0.6);
    color: #333;
  }

  a {
    color: #11448B;
    outline-style: none;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }

  a:focus {
    outline: 0;
  }

  h2 {
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 white;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,#f6f6f6,#e2e2e2);
    background: -webkit-linear-gradient(top,#f6f6f6,#e2e2e2);
    background: linear-gradient(top,#f6f6f6,#e2e2e2);
    border-bottom: 1px solid #aaa;
    margin: -30px -31px 10px;
    padding: 11px;
  }

</style>
{% endblock %}<commit_msg>Bugfix: Password reset form submission button does not work<commit_after>

{% extends 'base.html' %}

{% block title %}
  Jupo - Forgot Password
{% endblock %}

{% block header %}{% endblock %}

{% block global %}

<div class='content'>
  {% if message and ok %}
    <h2>Almost done!</h2>
  {% else %}
    <h2>Forgot your password?</h2>
  {% endif %}
  
  <form id='forgot-password' action='/forgot_password' class='authen' method='post'>
    <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
    
    {% if message and ok %}
      <p>{{ message }}</p>
      <p>Never mind? <a href='/sign_in'><strong>Try logging in</strong></a></p>
    {% else %}
      {% if message and not ok %}
        <p class='red'>{{ message }}</p>
      {% else %}
        <p>
          Don't worry! It happens to everyone. Enter your email address and you can reset it.  
        </p>
      {% endif %}
    
    
    <span>Email</span>
    <ul>
      <li>
        <input type='email' name='email' autocomplete="off" autofocus>

        <div class='click-target' onclick="document.getElementById('forgot-password').submit();"></div>
        <br>
      </li>
    </ul>
  
    <div>
      Never mind? <a href='/sign_in'><strong>Sign in</strong></a>
    </div>

    <button type="submit"></button>
    {% endif %}
  </form>

</div>
{% endblock %}

{% block stylesheets %}

<style>
  html {
    background: #111;
  }

  h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
  }
  
  .rfloat {
    float: right;
  }
  
  .red {
    color: #dd4b39;
  }

  form ul {
    margin: 3px 0 20px;
    list-style: none;
  }

  form ul li {
    clear: both;
    margin-bottom: 5px;
    position: relative;
    list-style: none;
  }

  form ul li input {
    width: 250px;
    padding: 7px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

  form ul li input[type='email'] {
    padding-right: 32px;
  }
  form input:focus {
    box-shadow: rgba(81, 167, 232, 1) 0 0 5px;
    border-color: #51A7E8;
    outline: none;
  }

  .click-target {
    cursor: pointer;
    opacity: .5;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33px;
    background: #fff url('https://pathakacdn-a.akamaihd.net/web-assets/images/form-submit-disclosure_3443e97f5d4d434af894925c4bb9cf7c36f33ece.png') no-repeat 100% 50%;
    margin-right: 1px;
    height: 27px;
    top: 3px;
    opacity: 0.8;
  }

  .click-target:hover {
    opacity: 1;
  }

  .click-target:active {
    opacity: 0.5;
  }

  p {
    line-height: 16px;
    margin: 20px 0 10px;
  }

  .content {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    background: whitesmoke;
    border-radius: 3px;
    border: 1px solid white;
    padding: 20px 30px;
    box-shadow: inset 0 1px 0 white, 0 1px 18px rgba(0,0,0,0.6);
    color: #333;
  }

  a {
    color: #11448B;
    outline-style: none;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }

  a:focus {
    outline: 0;
  }

  h2 {
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 white;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,#f6f6f6,#e2e2e2);
    background: -webkit-linear-gradient(top,#f6f6f6,#e2e2e2);
    background: linear-gradient(top,#f6f6f6,#e2e2e2);
    border-bottom: 1px solid #aaa;
    margin: -30px -31px 10px;
    padding: 11px;
  }

</style>
{% endblock %}
{'fraction_non_alphanumeric': 0.1581247047709022, 'fraction_numerical': 0.043930089749645726, 'mean_word_length': 2.5068322981366458, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 85, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3933540', 'n_tokens_mistral': 3634, 'n_tokens_neox': 3225, 'n_words': 798}