<commit_before><style>

.innercolumns {
width:100%;
padding:10px;
overflow: hidden;
}

.img {
    display: block;
    margin: auto;
}

.btn {
  padding:10px 15px;
  font-size:16px;
  }

</style>

<div class="container-fluid">
  <div class="col-lg-12">
    <h1 style="font-size:2.4em; text-align:center;">Open Access Button Publicity Resources</h1>
  </div>

  <div class="row">
    <div class="col-lg-12">
      <p style="text-align:center;">
        <a href="" target="_blank">
          <img src="/static/skip-paywall-transparent.png" alt="" style="width:100%;max-width:768px" class="responsive">
        </a>
      </p>
    </div>
  </div>

  <div class="row" style="padding-left: 5%;padding-right: 5%">

    <div class="col-lg-7 col-sm-6">

          <p style="text-align: auto;line-height: 2;">
            100's of libraries recommend the Open Access Button as a great way for patrons, on campus and off, alumni or enrolled, to get free, fast and legal access to research where your subscriptions don't. Where-ever your patrons discover research, the Open Access Button puts Open Access just a click away on every browser.
          </p>
          <p>
            Want to do the same? Here are some resources to help.
          </p>

      </div>

      <div class="col-lg-5 col-sm-6">

          <p style="text-align: center;">
            <a href="#images">
              <button class=" btn btn-action" style="width:70%;">
                Images, Gifs & Logos
              </button>
            </a>
          </p>
          <p style="text-align: center;">
            <a href="#text">
              <button class="btn btn-action" style="width:70%;">
                Sample text
              </button>
            </a>
          </p>
          <p style="text-align: center;">
            <a href="#examples">
              <button class="btn btn-action" style="width:70%;">
                Examples & Ideas
              </button>
            </a>
          </p>
          <p style="text-align: center;">
            <a href="#background">
              <button class="btn btn-action" style="width:70%;">
                Background for Librarians
              </button>
            </a>
          </p>
        </div>
  </div>

<div class="row">
    <div class="col-lg-12">
      <!-- This adds some padding -->
      <p style="padding-bottom:150px"></p>
    </div>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-md-8 col-md-offset-2" style="text-align:justify;">

<p><a id="images"></a></p><p><!-- this adds padding so ID turns up in right place --></p>
<h1 style="text-align:left;margin-top:50px;margin-bottom:25px;font-size:4em;">Images, Gifs, and Logos</h1>
<p style="line-height: 2">Click an image to download it. Each is licenced CC-0, so you can use without attribution.</p>


<!--
<a href="/static/skip-paywall-transparent.png" download="I'm a test">
  <img src="/static/skip-paywall-transparent.png" alt="" style="width:100%;max-width:768px;padding-bottom:50px" class="responsive">
</a>
-->

<a href="/static/plugin_success.gif" download="oab_instructions_gif">
  <img src="/static/plugin_success.gif" alt="" style="width:75%;max-width:768px;padding-bottom:50px" class="responsive">
</a>

<a href="/static/Get-PDF-white.png" download="I'm a test">
  <img src="/static/skip-paywall-transparent.png" alt="" style="width:100%;max-width:768px;padding-bottom:50px" class="responsive">
</a>

<a href="/static/icon_OABv3_Black-White_borderless.png" download="OAB Logo & Text">
  <img src="/static/icon_OABv3_Color-Transparent_borders.png" alt="" style="width:100%;max-width:768px;padding-bottom:50px" class="responsive">
</a>
<p>Download: <a href="/static/OAB icon v3 Color 128x128.png" download="oab icon alone (small)">icon alone (small)</a> | <a href="/static/OAB logo v3 transparent color border 1024.png" download="oab icon alone (large)">icon alone (large)</a> | <a href="/static/icon_OABv3_Color_White_borders_long.png" download="OAB icon & text (horizontal)">icon & text (horizontal)</a> </p>

<p><a id="text"></a></p><p><!-- this adds padding so ID turns up in right place --></p>
<h1 style="text-align:left;margin-top:50px;margin-bottom:25px;font-size:4em;"></a>Website Text</h1>

 <p style="line-height: 2">We find a sentance or two is sufficient to describe the Open Access Button. Generally, we ask people refer to the tool as the "Open Access Button".</p>

  <p style="line-height: 2">
    The Open Access Button is a free tool that allows you to find free, legal articles with just a click, and will email an author to get a copy if one isn't available. It's available as a Chrome and Firefox browser plugin, and a website.
  </p>
  <p style="line-height: 2">
    The Open Access Button, available free for Chrome and Firefox, allows you to find free articles whenever you hit a paywall in just a click.
  </p>
  <p style="line-height: 2">
    With the Open Access Button, you can read research for free even if you don’t have access through the library or hit a paywall through their Chrome and Firefox plugin. The Open Access Button finds free copies of paper made available by authors, and if one isn’t yet will email the author for you to get one for you.
  </p>

<p><a id="examples"></a></p><p><!-- this adds padding so ID turns up in right place --></p>
<h1 style="text-align:left;margin-top:50px;margin-bottom:25px;font-size:4em;"></a>Examples</h1>
  <p style="line-height: 2">
    We're thrilled to see libraries across the world sharing the Open Access Button with patrons.

    <ul style="line-height:200%">
      <li>As alternative access after a big deal cancelation at
        <a href="https://osc.universityofcalifornia.edu/open-access-at-uc/publisher-negotiations/alternative-access-to-articles/" target="_blank">
          University of California<commit_msg>adding headings to examples<commit_after><style>

.innercolumns {
width:100%;
padding:10px;
overflow: hidden;
}

.img {
    display: block;
    margin: auto;
}

.btn {
  padding:10px 15px;
  font-size:16px;
  }

</style>

<div class="container-fluid">
  <div class="col-lg-12">
    <h1 style="font-size:2.4em; text-align:center;">Open Access Button Publicity Resources</h1>
  </div>

  <div class="row">
    <div class="col-lg-12">
      <p style="text-align:center;">
        <a href="" target="_blank">
          <img src="/static/skip-paywall-transparent.png" alt="" style="width:100%;max-width:768px" class="responsive">
        </a>
      </p>
    </div>
  </div>

  <div class="row" style="padding-left: 5%;padding-right: 5%">

    <div class="col-lg-7 col-sm-6">

          <p style="text-align: auto;line-height: 2;">
            100's of libraries recommend the Open Access Button as a great way for patrons, on campus and off, alumni or enrolled, to get free, fast and legal access to research where your subscriptions don't. Where-ever your patrons discover research, the Open Access Button puts Open Access just a click away on every browser.
          </p>
          <p>
            Want to do the same? Here are some resources to help.
          </p>

      </div>

      <div class="col-lg-5 col-sm-6">

          <p style="text-align: center;">
            <a href="#images">
              <button class=" btn btn-action" style="width:70%;">
                Images, Gifs & Logos
              </button>
            </a>
          </p>
          <p style="text-align: center;">
            <a href="#text">
              <button class="btn btn-action" style="width:70%;">
                Sample text
              </button>
            </a>
          </p>
          <p style="text-align: center;">
            <a href="#examples">
              <button class="btn btn-action" style="width:70%;">
                Examples & Ideas
              </button>
            </a>
          </p>
          <p style="text-align: center;">
            <a href="#background">
              <button class="btn btn-action" style="width:70%;">
                Background for Librarians
              </button>
            </a>
          </p>
        </div>
  </div>

<div class="row">
    <div class="col-lg-12">
      <!-- This adds some padding -->
      <p style="padding-bottom:150px"></p>
    </div>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-md-8 col-md-offset-2" style="text-align:justify;">

<p><a id="images"></a></p><p><!-- this adds padding so ID turns up in right place --></p>
<h1 style="text-align:left;margin-top:50px;margin-bottom:25px;font-size:4em;">Images, Gifs, and Logos</h1>
<p style="line-height: 2">Click an image to download it. Each is licenced CC-0, so you can use without attribution.</p>


<!--
<a href="/static/skip-paywall-transparent.png" download="I'm a test">
  <img src="/static/skip-paywall-transparent.png" alt="" style="width:100%;max-width:768px;padding-bottom:50px" class="responsive">
</a>
-->

<a href="/static/plugin_success.gif" download="oab_instructions_gif">
  <img src="/static/plugin_success.gif" alt="" style="width:75%;max-width:768px;padding-bottom:50px" class="responsive">
</a>

<a href="/static/Get-PDF-white.png" download="I'm a test">
  <img src="/static/skip-paywall-transparent.png" alt="" style="width:100%;max-width:768px;padding-bottom:50px" class="responsive">
</a>

<a href="/static/icon_OABv3_Black-White_borderless.png" download="OAB Logo & Text">
  <img src="/static/icon_OABv3_Color-Transparent_borders.png" alt="" style="width:100%;max-width:768px;padding-bottom:50px" class="responsive">
</a>
<p>Download: <a href="/static/OAB icon v3 Color 128x128.png" download="oab icon alone (small)">icon alone (small)</a> | <a href="/static/OAB logo v3 transparent color border 1024.png" download="oab icon alone (large)">icon alone (large)</a> | <a href="/static/icon_OABv3_Color_White_borders_long.png" download="OAB icon & text (horizontal)">icon & text (horizontal)</a> </p>

<p><a id="text"></a></p><p><!-- this adds padding so ID turns up in right place --></p>
<h1 style="text-align:left;margin-top:50px;margin-bottom:25px;font-size:4em;"></a>Website Text</h1>

 <p style="line-height: 2">We find a sentance or two is sufficient to describe the Open Access Button. Generally, we ask people refer to the tool as the "Open Access Button".</p>

  <h2>Example 1</h2>
  <p style="line-height: 2">
    The Open Access Button is a free tool that allows you to find free, legal articles with just a click, and will email an author to get a copy if one isn't available. It's available as a Chrome and Firefox browser plugin, and a website.
  </p>
  <h2>Example 2</h2>
  <p style="line-height: 2">
    The Open Access Button, available free for Chrome and Firefox, allows you to find free articles whenever you hit a paywall in just a click.
  </p>
  <h2>Example 3</h2>
  <p style="line-height: 2">
    With the Open Access Button, you can read research for free even if you don’t have access through the library or hit a paywall through their Chrome and Firefox plugin. The Open Access Button finds free copies of paper made available by authors, and if one isn’t yet will email the author for you to get one for you.
  </p>

<p><a id="examples"></a></p><p><!-- this adds padding so ID turns up in right place --></p>
<h1 style="text-align:left;margin-top:50px;margin-bottom:25px;font-size:4em;"></a>Examples</h1>
  <p style="line-height: 2">
    We're thrilled to see libraries across the world sharing the Open Access Button with patrons.

    <ul style="line-height:200%">
      <li>As alternative access after a big deal cancelation at
        <a href="https://osc.universityofcalifornia.edu/open-access-at-uc/publisher-negotiations/alternative-access-to-articles/" target="_blank">
          University of California
{'fraction_non_alphanumeric': 0.15572584078331206, 'fraction_numerical': 0.022392507449978713, 'mean_word_length': 3.071403812824957, 'pattern_counts': {'":': 0, '<': 257, '<?xml version=': 0, '>': 257, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 18, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1860552', 'n_tokens_mistral': 3912, 'n_tokens_neox': 3654, 'n_words': 1128}