<commit_before>
<link rel="stylesheet" href="/static/oabutton_rebrand.css"> <!-- gets the new css (still also uses the old css, just overwrites where necessary) -->

<style>
  #topnav {
    display: none;
  }
  #footer {
    display: none;
  }

  .btn-hollow {
    border-color: #46b633;
    border-width: 2px;
    border-radius: 0px;
    color: #46b633;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
  }


</style>

<div id="rebrand" class="container-fluid">

  <div id="demo" class="section">
    <div class="row">
      <div class="col-md-6 col-md-offset-1 content">
        <div id="instantill"></div>
      </div>

      <div class="col-md-4 col-md-offset-1 green">
        <div class="greenery">
          <h2><span class="glyphicon glyphicon-arrow-left"></span> Try it now</h2>

          <p>
            This is a demo of InstantILL, it works just like it would on your website, placed wherever you normally have your ILL form. Let us show you how it works, and then you can test it yourself.
          </p>

          <p><b>1. Try it with an Open Access article:</b></p>
          <p><a class="btn btn-hollow btn-block preview" href="#part2" val="10.1145/2908080.2908114">Show me!</a></p>
          <!-- TODO: fix hoover status on this -->
          <p><a class="btn btn-rebrand btn-block" href="/instantill_alpha_rebrand">Install Now! For Free!</a></p>
          <p>Or, get a <b><a href="#tour">guided tour</a></b> and <b><a href="#examples">see how others use it</a></b>.</p>


        </div>

        <div class="greenbottom">
          <p><a class="green light" href="#">Get help</a> | <a class="green light" href="#">FAQ</a></p>
        </div>
      </div>
    </div>
  </div>

  <div id="part2" class="section">
    <div class="row">
      <div class="col-md-6 col-md-offset-1 content">
        <p>I am subscription / link resolver section</p>
      </div>

      <div class="col-md-4 col-md-offset-1 green">
        <div class="greenery">
          <p><a class="green view previous" href="#"><span class="glyphicon glyphicon-arrow-left"></span>  Go back</a></p>
          <h2>Subscriptions</h2>
        </div>
        <div class="greenbottom">
          <p><br><a class="green view next" href="#"><span class="glyphicon glyphicon-arrow-right"></span> Next</a></p>
          <p><a class="green light" href="#">Get help</a> | <a class="green light" href="#">FAQ</a></p>
        </div>
      </div>
    </div>
  </div>

  <div id="examples" class="section">
    <div class="row">
      <div class="col-md-6 col-md-offset-1 content">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/1xyvk68iWqU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>

      <div class="col-md-4 col-md-offset-1 green">
        <div class="greenery"><commit_msg>try try try again<commit_after>
<link rel="stylesheet" href="/static/oabutton_rebrand.css"> <!-- gets the new css (still also uses the old css, just overwrites where necessary) -->

<style>
  #topnav {
    display: none;
  }
  #footer {
    display: none;
  }

  .btn-hollow {
    border-color: #46b633;
    border-width: 2px;
    border-radius: 0px;
    color: #46b633;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
  }


</style>

<div id="rebrand" class="container-fluid">

  <div id="demo" class="section">
    <div class="row">
      <div class="col-md-6 col-md-offset-1 content">
        <div id="instantill"></div>
      </div>

      <div class="col-md-4 col-md-offset-1 green">
        <div class="greenery">
          <h2><span class="glyphicon glyphicon-arrow-left"></span> Try it now</h2>

          <p>
            This is a demo of InstantILL, it works just like it would on your website, placed wherever you normally have your ILL form. Let us show you how it works, and then you can test it yourself.
          </p>

          <p><b>1. Try it with an Open Access article:</b></p>
          <p><a class="btn btn-hollow btn-block preview" href="#part2" val="10.1145/2908080.2908114">Show me!</a></p>
          <!-- TODO: fix hoover status on this -->
          <p><a class="btn btn-rebrand btn-block" href="/instantill_alpha_rebrand">Install Now! For Free!</a></p>
          <p>Or, get a <b><a href="#tour">guided tour</a></b> and <b><a href="#examples">see how others use it</a></b>.</p>


        </div>

        <div class="greenbottom">
          <p><a class="green light" href="#">Get help</a> | <a class="green light" href="#">FAQ</a></p>
        </div>
      </div>
    </div>
  </div>

  <div id="part2" class="section">
    <div class="row">
      <div class="col-md-6 col-md-offset-1 content">
        <p>I am subscription / link resolver section</p>
      </div>

      <div class="col-md-4 col-md-offset-1 green">
        <div class="greenery">
          <p><a class="green view previous" href="#"><span class="glyphicon glyphicon-arrow-left"></span>  Go back</a></p>
          <h2>Subscriptions</h2>
        </div>
        <div class="greenbottom">
          <p><br><a class="green view next" href="#"><span class="glyphicon glyphicon-arrow-right"></span> Next</a></p>
          <p><a class="green light" href="#">Get help</a> | <a class="green light" href="#">FAQ</a></p>
        </div>
      </div>
    </div>
  </div>

  <div id="tour" class="section">
    <div class="row">
      <div class="col-md-6 col-md-offset-1 content">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/1xyvk68iWqU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>

      <div class="col-md-4 col-md-offset-1 green">
        <div class="greenery">
          <p><a class="green view previous" href="#"><span class="glyphicon glyphicon-arrow-left"></span>  Go back</a></p>
          <h2>Get the Grand Tour</h2>

          <p>
            <ul>
              <li>
                Tina
              </li>
              <li>
                Others
              </li>
            </ul>
          </p>

        </div>
        <div class="greenbottom">
          <p><br><a class="green view next" href="#"><span class="glyphicon glyphicon-arrow-right"></span> Next</a></p>
          <p><a class="green light" href="#">Get help</a> | <a class="green light" href="#">FAQ</a></p>
        </div>
      </div>
    </div>
  </div>

  <div id="examples" class="section">
    <div class="row">
      <div class="col-md-6 col-md-offset-1 content">
        <div id="instantill"></div>
      </div>

      <div class="col-md-4 col-md-offset-1 green">
        <div class="greenery">
{'fraction_non_alphanumeric': 0.18608124253285543, 'fraction_numerical': 0.02031063321385902, 'mean_word_length': 2.4843912591050987, 'pattern_counts': {'":': 0, '<': 240, '<?xml version=': 0, '>': 240, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, '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': '1541110', 'n_tokens_mistral': 2375, 'n_tokens_neox': 2221, 'n_words': 565}