<commit_before><%inherit file="base.mako"/>

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

<%def name="content()">
    <div class="row hpContainerOne">
        <div class="col-sm-8 col-md-7">
            <p class="hpHeadOne">Project management with collaborators,<br> project sharing with the public</p>
            <br>
            <p class="hpSubHeadOne">The Open Science Framework (OSF) supports the entire research lifecycle: planning, execution, reporting, archiving, and discovery.</p>
        </div>
        <div id="signUp" class="anchor"></div>
        <div id="signUpScope" class="col-sm-4 col-md-offset-1 img-rounded hpSignUp">
            <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" data-bind="validationMessage: fullName"></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" data-bind="validationMessage: email1"></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" data-bind="validationMessage: email2"></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="
                        value: password,
                        disable: submitted(),
                        event: {
                            blur: trim.bind($data, password)
                        }"/>
                      <p class="help-block" data-bind="validationMessage: password"></p>
                </div>

                <!-- Flashed Messages -->
                <div class="help-block">
                    <p data-bind="html: flashMessage, attr.class: flashMessageClass"></p>
                </div>
                <div class="text-right">
                    <button type="submit" class="btn btn-danger" data-bind="visible: !submitted()" id="signupSubmit">Sign up</button>
                </div>
            </form>
        </div><!-- end #signUpScope -->
    </div>
    <div class="row text-center hpHeader">
        <div class="col-md-12">
            <p class="hpHeadTwo">What can the OSF do for you?</p>
            <p class="hpSubHeadOne">Provide features to increase the efficiency and effectiveness of your research</p>
        </div>
    </div>
    <div class="row text-center">
        <div class="col-sm-4 hpFeature">
            <img id="connect" src="/static/img/outlet.gif">
            <div class="hpSubHeadTwo">CONNECTIONS</div>
            <p>with the services you already use</p>
            <div class="hpFeatureInfo">Link services to simplify transitions and facilitate interactions; e.g., connect OSF to your Dropbox, GitHub, and Amazon S3 repositories and all four work together!</div>
        </div>
        <div class="col-sm-4 hpFeature">
            <img id="archive" src="/static/img/filedrawer.gif"><br>
            <div class="hpSubHeadTwo">ARCHIVING</div>
            <p>and managing collaborations</p>
            <div class="hpFeatureInfo">Spend more time doing your research and less time keeping track of it. No more lost data from crashed drives, disappearing collaborators, or failing memories.</div>
        </div>
        <div class="col-sm-4 hpFeature">
            <img id="integrate" src="/static/img/padlock.gif">
            <div class="hpSubHeadTwo">CONTROL</div>
            <p>over private and public workflows</p>
            <div class="hpFeatureInfo">Work privately among collaborators and, when you wish, make some or all of your research materials public for others to use and cite.</div>
        </div>
    </div>
    <div class="row text-center hpHeader">
        <div class="col-md-12">
            <p class="hpHeadTwo">Free and easy to use</p>
            <p class="hpSubHeadOne">Follow these simple steps to get started. We'll be <a class="hpLink" href="mailto:<EMAIL>">here to help</a> the whole way.</p>
        </div>
    </div>
    <div class="row text-center">
        <div class="col-md-12">
            <p class="hpSubHeadThree hpSteps"><a class="hpLink" href="#signUp">Sign up.</a></p>
            <p class="hpSubHeadThree hpSteps"><a class="hpLink" href="/getting-started/">Learn how to build a project.</a></p>
            <p class="hpSubHeadThree hpSteps"><a class="hpLink" href="/explore/activity/">Get inspired.</a></p>
        </div>
    </div>
    <div class="row text-center">
        <div class="col-md-12">
            <p class="hpStepsText">Want more than an answer to a quick question? Feel free to <a class="hpLink" href="mailto:<EMAIL>@osf.io">email us</a> to schedule a help session or tutorial for you and your collaborators.<br>OSF is maintained by the non-profit <a class="hpLink" href="http://centerforopenscience.org/">Center for Open Science</a>.</p>
        </div>
    </div>
</%def>

<%def name="javascript_bottom()">
    ${parent.javascript_bottom()}
    <script src=${"/static/public/js/home-page.js" | webpack_asset}></script>
</%def><commit_msg>Paste front page html into index.mako [skip ci]<commit_after><%inherit file="base.mako"/>

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

<%def name="content()">

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div id="home-hero">
      <div class="container text-center">
        <h1><strong>Simplified</strong> scientific collaboration</h1>
        <h3>Powerful end-to-end support for your research project.</h3>

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

        <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"><i class="icon icon-play"></i></a>
              <img src="static/img/front-page/screenshot.png" class="img-responsive" id="screenshot" alt="" />
            </div>
            <div class="col-sm-6">
              <h2>Get started for free today</h2>
              <form>
                <div class="form-group">
                      <label class="placeholder-replace" style="display:none">Full Name</label>
                      <input class="form-control" placeholder="Full Name">
                      <p class="help-block" data-bind="validationMessage: fullName" style="display: none;"></p>
                  </div>
                  <div class="form-group">
                      <label class="placeholder-replace" style="display:none">Contact Email</label>
                      <input class="form-control" placeholder="Contact Email">
                        <p class="help-block" data-bind="validationMessage: email1" style="display: none;"></p>
                  </div>
                  <div class="form-group">
                      <label class="placeholder-replace" style="display:none">Confirm Email</label>
                      <input class="form-control" placeholder="Confirm Email">
                      <p class="help-block" data-bind="validationMessage: email2" style="display: none;"></p>
                  </div>
                  <div class="form-group">
                      <label class="placeholder-replace" style="display:none">Password</label>
                      <input type="password" class="form-control" placeholder="Password (Must be 6 to 35 characters)">
                        <p class="help-block" data-bind="validationMessage: password" style="display: none;"></p>
                  </div>

                  <!-- Flashed Messages -->
                  <div class="help-block">
                      <p data-bind="html: flashMessage, attr.class: flashMessageClass" class=""></p>
                  </div>
                  <div>
                      <button type="submit" class="btn btn-warning" data-bind="visible: !submitted()" id="signupSubmit">Sign up free</button>
                  </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="container grey-pullout space-top space-bottom">

      <div class="row space-bottom">
        <div class="col-xs-12 text-center">
          <h2><strong>Open Science Framework</strong></h2>
          <h3>Cloud-based management for your research.</h3>
        </div>
      </div>

      <div class="row feature-1">
        <div class="col-md-6">
          <div class="row">
            <div class="col-xs-1">
              <i class="icon icon-cloud"></i>
            </div>
            <div class="col-xs-9 col-xs-offset-1">
              <h3>Structured projects in the cloud</h3>
              <p>Keep all of your files and communications in <strong>one centralized location.</strong> No more trawling emails to find files or scrambling to recover from lost data. <span class="label label-primary">Secure Cloud</span></p>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-1">
              <i class="icon icon-group"></i>
            </div>
            <div class="col-xs-9 col-xs-offset-1">
              <h3>Control access</h3>
              <p><strong>You control which parts of your project are public or private</strong> making it easy to collaborate with the worldwide community or just your team.  <span class="label label-primary">Project-level Permissions</span></p>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-1">
              <i class="icon icon-workflow"></i>
            </div>
            <div class="col-xs-9 col-xs-offset-1">
              <h3>Respect for your workflow</h3>
              <p><strong>Connect your favorite third party services</strong> directly to Open Science Framework.  <span class="label label-primary">3rd Party Integrations</span></p>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="student-image">
            <div class="quote">
              <span class="main">“The OSF is a great way to collaborate and stay organized while still using your favorite external services."</span>
              <span class="attrib"><strong>Woo</strong> - OSF Active User</span>
            </div>
          </div>
        </div>
      </div>

    </div>

    <div class="container">
      <div class="feature-2 space-top space-bottom">
        <div class="row">
          <div class="col-xs-12 text-center headline">
            <h2>Integrations make your <strong>workflow more efficient</strong></h2>
          </div>
        </div>
        <div class="row integrations">
          <div class="col-sm-3 col-xs-6">
            <img src="static/img/front-page/dropbox.png" class="img-responsive"/>
          </div>
          <div class="col-sm-3 col-xs-6">
            <img src="static/img/front-page/github.png" class="img-responsive"/>
          </div>
          <div class="col-sm-3 col-xs-6">
            <img src="static/img/front-page/amazon.png" class="img-responsive"/>
          </div>
          <div class="col-sm-3 col-xs-6">
            <img src="static/img/front-page/box.png" class="img-responsive"/>
          </div>
      </div>
      <div class="row integrations">
          <div class="col-sm-3 col-xs-6">
           <img src="static/img/front-page/google.png" class="img-responsive"/>
          </div>
          <div class="col-sm-3 col-xs-6">
            <img src="static/img/front-page/figshare.png" class="img-responsive"/>
          </div>
          <div class="col-sm-3 col-xs-6">
            <img src="static/img/front-page/dataverse.png" class="img-responsive"/>
          </div>
          <div class="col-sm-3 col-xs-6">
            <img src="static/img/front-page/mendeley.png" class="img-responsive"/>
          </div>
      </div>
      <div class="row">
          <div class="col-xs-12 text-center feature-2">
            <p>Open Science Framework integrates with your existing work platforms making collaboration easier.</p>
          </div>
      </div>
      </div>
    </div>

    <div class="feature-3">
      <div class="container">
        <div class="row space-top">

          <div class="col-md-12 text-center space-bottom">
            <h2><strong>Everything</strong> your research needs to be a success</h2>
          </div>
        </div>
        <div class="row space-bottom">
          <div class="col-sm-6 text-right">
            <h3>Manage your project</h3>
            <p>View all of your projects from <strong>one dashboard.</strong></p>

            <h3>Quickly share files</h3>
            <p><strong>Share key project information</strong> and allow others to use and cite it.</p>

            <h3>See project changes</h3>
            <p>See the latest project changes, who is contributing and <strong>historical file versions.</strong></p>

            <h3>Archive your data</h3>
            <p>Computer or collaborator explode? With OSF <strong>you will never again lose your project data.</strong></p>
          </div>

          <div class="col-sm-6 text-left">
            <h3>View project statistics</h3>
            <p>Access <strong>project data</strong> ranging from visits over time to top referring websites.</p>

            <h3>View other contributors</h3>
            <p>View and <strong>engage with fellow scientists</strong> involved in your projects.</p>

            <h3>Supercharge your workflow</h3>
            <p>OSF helps individuals, teams and labs make their <strong>research processes more efficient.</strong></p>

            <h3>Registration</h3>
            <p><strong>Preserve the state of a project at important parts of its lifecycle</strong> such as the onset of data collection.</p>
          </div>
        </div>
      </div>
    </div>

      <div class="feature-4">
        <div class="container">
          <div class="row space-top space-bottom text-center">
            <div class="col-md-4 col-md-offset-1">
              <i class="icon icon-earth"></i>
              <h2><strong>Contribute</strong> to global scientific efforts</h2>
              <p>Labs and teams across the globe use Open Science Framework to open their projects up to the scientific community. You can browse the newest and most popular public projects <a href="#">right here</a>. <span class="label label-warning">Get involved</span></p>
            </div>
            <div class="col-md-4 col-md-offset-1">
              <i class="icon icon-nonprofit"></i>
              <h2>We are a <strong>mission-driven non-profit</strong></h2>
              <p>OSF is a service of the non-profit Center for Open Science. We’re in pursuit of scientific utopia - focussing on the openness, integrity and reproducibility of global scientific research. <span class="label label-success">Non-Profit</span></p>
            </div>
          </div>
        </div>
      </div>

    <div class="container">

      <div class="space-top space-bottom feature-5">

        <div class="row">
          <div class="col-md-12 text-center">
            <h2><strong>Teachers, researchers, and global teams rely</strong> on the Open Science Framework</h2>
          </div>
        </div>

        <div class="row">
          <div class="col-xs-3">
            <img src="static/img/front-page/user2.jpg" class="img-circle img-responsive" alt="<NAME>" />
          </div>
          <div class="col-xs-8">
            <h3>Making research reproducible &amp; verifiable</h3>
            <p>OSF helps our students understand and apply sound data management principles to their work. And since we have easy access to all of the files the students are working with, it greatly enhances our ability to offer them constructive guidance.<br/><small><em><NAME>, Professor of Economics, Haverford College</em></small></em></small></p>
          </div>
        </div>

        <div class="row hidden-xs hidden-sm">
          <div class="col-md-7 col-md-offset-2">
            <h3>Version control makes life easier</h3>
            <p>The OSF makes version control effortless. My PI, my lab mates, and I have access to previous versions of a file at any time - and the most current version is always readily available.<br/><small><em><NAME>, PhD Student, Social and Personality Psychology Funder Lab, UC Riverside</em></small></em></small></p>
          </div>
          <div class="col-md-3">
            <img src="static/img/front-page/user3.jpg" class="img-circle img-responsive" alt="<NAME>" />
          </div>
        </div>

        <div class="row hidden-xs hidden-sm">
          <div class="col-md-3">
            <img src="static/img/front-page/user4.jpg" class="img-circle img-responsive" alt="" />
          </div>
          <div class="col-md-7">
            <h3>A centralized hub of information</h3>
            <p>The OSF creates a centralized hub of information where I can oversee a diversity of research projects across multiple classes. The centralization, organization and anywhere-access save me the time and energy necessary for managing these projects.<br/><small><em><NAME>, Associate Professor of Biology at Piedmont Virginia Community College</em></small></em></small></p>
          </div>
        </div>


      </div>
    </div>
    <div class="space-top space-bottom feature-6">
      <div class="container">
        <div class="row">
          <div class="col-md-8">
            <h2><strong>Free and open source.</strong></h2>
            <h4>OSF is a public good built to support your research.</h4>
            <a href="#" class="btn btn-info btn-lg">Get Started</a>
          </div>
          <div class="col-md-4 hidden-xs hidden-sm">
            <div id="logo">
              <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>
        </div>
      </div>

    </div>


</%def>

<%def name="footer()">

</%def>

<%def name="javascript_bottom()">
    ${parent.javascript_bottom()}
    <script src=${"/static/public/js/home-page.js" | webpack_asset}></script>
</%def>
{'fraction_non_alphanumeric': 0.15183020314296666, 'fraction_numerical': 0.008384438482177079, 'mean_word_length': 2.0255109436150165, 'pattern_counts': {'":': 0, '<': 598, '<?xml version=': 0, '>': 598, 'https://': 0, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 3, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2825477', 'n_tokens_mistral': 5937, 'n_tokens_neox': 5720, 'n_words': 1516}