<commit_before>## -*- coding: utf-8-*-
<%inherit file="base.mako"/>

<%def name="title()">Home</%def>

<%def name="content_wrap()">
    <div class="watermarked">
            % if status:
                <%include file="alert.mako" args="extra_css='alert-front text-center'"/>
            % endif
            ${self.content()}
    </div><!-- end watermarked -->
</%def>

<%def name="content()">

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div id="home-hero">
      <div class="container text-center">
        <div class="visible-xs-block visible-sm-block visible-md-block network-bg"></div>
        <h1 class="hero-brand">Open Science Framework</h1>
        <h3 class="hero-tagline">A scholarly commons to connect the entire research cycle</h3>

        <div id="canvas-container">
          <canvas id="demo-canvas"></canvas>
        </div>

        <div id="logo" class="off">
          <div class="circle" id="circle-1"><span></span></div>
          <div class="circle" id="circle-2"><span></span></div>
          <div class="circle" id="circle-3"><span></span></div>
          <div class="circle" id="circle-4"><span></span></div>
          <div class="circle" id="circle-5"><span></span></div>
          <div class="circle" id="circle-6"><span></span></div>
          <div class="circle" id="circle-7"><span></span></div>
          <div class="circle" id="circle-8"><span></span></div>
        </div>

        <div id="hero-signup" class="container">
          <div class="row">
            <div class="col-sm-6 hidden-xs">
              <a class="youtube" href="//www.youtube.com/watch?v=2TV21gOzfhw" aria-label="OSF YouTube Video"><i class="icon icon-play"></i></a>
              <img src="/static/img/front-page/screenshot.png" class="img-responsive" id="screenshot" alt="Screenshot of OSF" />
            </div>
            <div class="col-sm-6">
              <h2>Free and open source. Start now.</h2>

             <div id="signUp" class="anchor"></div>
                <div id="signUpScope">
                    <form data-bind="submit: submit">
                        <div class="form-group" data-bind="css: {'has-error': fullName() && !fullName.isValid(), 'has-success': fullName() && fullName.isValid()}">
                              <label class="placeholder-replace" style="display:none">Full name</label>
                              <input class="form-control" placeholder="Full Name" data-bind=" value: fullName, disable: submitted(), event: { blur: trim.bind($data, fullName)}">
                              <p class="help-block osf-box-lt" data-bind="validationMessage: fullName" style="display: none;"></p>
                          </div>
                          <div class="form-group" data-bind="css: {'has-error': email1() && !email1.isValid(), 'has-success': email1() && email1.isValid()}">
                              <label class="placeholder-replace" style="display:none">Contact email</label>
                              <input class="form-control" placeholder="Contact Email" data-bind=" value: email1, disable: submitted(), event: { blur: trim.bind($data, email1)}">
                              <p class="help-block osf-box-lt" data-bind="validationMessage: email1" style="display: none;"></p>
                          </div>
                          <div class="form-group" data-bind="css: {'has-error': email2() && !email2.isValid(),'has-success': email2() && email2.isValid()}">
                              <label class="placeholder-replace" style="display:none">Confirm email</label>
                              <input class="form-control" placeholder="Confirm Email" data-bind="value: email2, disable: submitted(), event: { blur: trim.bind($data, email2)}">
                              <p class="help-block osf-box-lt" data-bind="validationMessage: email2" style="display: none;"></p>
                          </div>
                          <div class="form-group" data-bind="css: {'has-error': password() && !password.isValid(), 'has-success': password() && password.isValid()}">
                              <label class="placeholder-replace" style="display:none">Password</label>
                              <input type="password" class="form-control" placeholder="Password (Must be 6 to 256 characters)" data-bind=", textInput: typedPassword, value: password, disable: submitted(), event: {blur: trim.bind($data, password)}">
                          </div>
                          <div>
                              <div class="progress create-password">
                                  <div class="progress-bar progress-bar-success" role="progressbar" data-bind="attr: passwordComplexityBar"></div>
                              </div><commit_msg>make the strength bar a little closer on landing page<commit_after>## -*- coding: utf-8-*-
<%inherit file="base.mako"/>

<%def name="title()">Home</%def>

<%def name="content_wrap()">
    <div class="watermarked">
            % if status:
                <%include file="alert.mako" args="extra_css='alert-front text-center'"/>
            % endif
            ${self.content()}
    </div><!-- end watermarked -->
</%def>

<%def name="content()">

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div id="home-hero">
      <div class="container text-center">
        <div class="visible-xs-block visible-sm-block visible-md-block network-bg"></div>
        <h1 class="hero-brand">Open Science Framework</h1>
        <h3 class="hero-tagline">A scholarly commons to connect the entire research cycle</h3>

        <div id="canvas-container">
          <canvas id="demo-canvas"></canvas>
        </div>

        <div id="logo" class="off">
          <div class="circle" id="circle-1"><span></span></div>
          <div class="circle" id="circle-2"><span></span></div>
          <div class="circle" id="circle-3"><span></span></div>
          <div class="circle" id="circle-4"><span></span></div>
          <div class="circle" id="circle-5"><span></span></div>
          <div class="circle" id="circle-6"><span></span></div>
          <div class="circle" id="circle-7"><span></span></div>
          <div class="circle" id="circle-8"><span></span></div>
        </div>

        <div id="hero-signup" class="container">
          <div class="row">
            <div class="col-sm-6 hidden-xs">
              <a class="youtube" href="//www.youtube.com/watch?v=2TV21gOzfhw" aria-label="OSF YouTube Video"><i class="icon icon-play"></i></a>
              <img src="/static/img/front-page/screenshot.png" class="img-responsive" id="screenshot" alt="Screenshot of OSF" />
            </div>
            <div class="col-sm-6">
              <h2>Free and open source. Start now.</h2>

             <div id="signUp" class="anchor"></div>
                <div id="signUpScope">
                    <form data-bind="submit: submit">
                        <div class="form-group" data-bind="css: {'has-error': fullName() && !fullName.isValid(), 'has-success': fullName() && fullName.isValid()}">
                              <label class="placeholder-replace" style="display:none">Full name</label>
                              <input class="form-control" placeholder="Full Name" data-bind=" value: fullName, disable: submitted(), event: { blur: trim.bind($data, fullName)}">
                              <p class="help-block osf-box-lt" data-bind="validationMessage: fullName" style="display: none;"></p>
                          </div>
                          <div class="form-group" data-bind="css: {'has-error': email1() && !email1.isValid(), 'has-success': email1() && email1.isValid()}">
                              <label class="placeholder-replace" style="display:none">Contact email</label>
                              <input class="form-control" placeholder="Contact Email" data-bind=" value: email1, disable: submitted(), event: { blur: trim.bind($data, email1)}">
                              <p class="help-block osf-box-lt" data-bind="validationMessage: email1" style="display: none;"></p>
                          </div>
                          <div class="form-group" data-bind="css: {'has-error': email2() && !email2.isValid(),'has-success': email2() && email2.isValid()}">
                              <label class="placeholder-replace" style="display:none">Confirm email</label>
                              <input class="form-control" placeholder="Confirm Email" data-bind="value: email2, disable: submitted(), event: { blur: trim.bind($data, email2)}">
                              <p class="help-block osf-box-lt" data-bind="validationMessage: email2" style="display: none;"></p>
                          </div>
                          <div class="form-group" data-bind="css: {'has-error': password() && !password.isValid(), 'has-success': password() && password.isValid()}">
                              <label class="placeholder-replace" style="display:none">Password</label>
                              <input type="password" class="form-control" placeholder="Password (Must be 6 to 256 characters)" data-bind=", textInput: typedPassword, value: password, disable: submitted(), event: {blur: trim.bind($data, password)}">
                              <div class="progress create-password">
                                  <div class="progress-bar progress-bar-success" role="progressbar" data-bind="attr: passwordComplexityBar"></div>
                              </div>
{'fraction_non_alphanumeric': 0.1783647269283384, 'fraction_numerical': 0.007997474481742607, 'mean_word_length': 2.24036822366178, 'pattern_counts': {'":': 0, '<': 209, '<?xml version=': 0, '>': 209, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1760009', 'n_tokens_mistral': 2641, 'n_tokens_neox': 2608, 'n_words': 562}