<commit_before>include ../bower_components/ui/jade/typekit

doctype html
html
  head
    meta(charset="utf-8")
    title SmartUnderline
    meta(name="viewport" content="width=device-width, initial-scale=1, user-scalable=no")
    link(href="./css/index.css" rel="stylesheet")

    +typekit

    script(src="./js/smart-underline.js")
    script.
      SmartUnderline.init({
        "location": ""
      })

  body
    header
      h1 <a href="https://github.com/EagerIO/SmartUnderline">SmartUnderline</a>
      h2 Descender-aware underlines for every browser

    .share
      iframe(class="github" src="//stars.eager.io/github/spin/EagerIO/SmartUnderline?name=%20")
      iframe(class="twitter" src="//stars.eager.io/twitter/spin/?name=%20&url=http://pages.eager.io/SmartUnderline&text=Readable%20and%20beautiful%20underlines%20for%20every%20website&via=EagerIO")

    section.about
      h3 About

      p
        | SmartUnderline is an open-source JavaScript library which uses clever
        | tricks to draw underlines in a more beautiful and readable way.
        | It can be downloaded on <a href="https://github.com/EagerIO/SmartUnderline">GitHub</a>
        | or installed for free on the <a href="https://eager.io/app/eA9ULux0UOJP/install?utm_source=lp">Eager App Store</a>.

      p
        | SmartUnderline works by searching your page for links which have a CSS underline
        | applied with text-decoration, and replaces the text-decoration with a smarter line
        | drawn in such a way that it gets cleared by the descenders—glyphs such as “g”,
        | “j”, and others—creating more readable and beautiful links.

    section.diagram
      iframe(src="./diagram")

    section.before-and-after
      h3 Examples

      p.example-header
        | Some before-and-after examples.

      style.<commit_msg>Add install button @admaschwartz<commit_after>include ../bower_components/ui/jade/typekit

doctype html
html
  head
    meta(charset="utf-8")
    title SmartUnderline
    meta(name="viewport" content="width=device-width, initial-scale=1, user-scalable=no")
    link(href="./css/index.css" rel="stylesheet")

    +typekit

    script(src="./js/smart-underline.js")
    script.
      SmartUnderline.init({
        "location": ""
      })

  body
    header
      h1 <a href="https://github.com/EagerIO/SmartUnderline">SmartUnderline</a>
      h2 Descender-aware underlines for every browser

    .share
      iframe(class="github" src="//stars.eager.io/github/spin/EagerIO/SmartUnderline?name=%20")
      iframe(class="twitter" src="//stars.eager.io/twitter/spin/?name=%20&url=http://pages.eager.io/SmartUnderline&text=Readable%20and%20beautiful%20underlines%20for%20every%20website&via=EagerIO")

    section.about
      h3 About

      p
        | SmartUnderline is an open-source JavaScript library which uses clever
        | tricks to draw underlines in a more beautiful and readable way.
        | It can be downloaded on <a href="https://github.com/EagerIO/SmartUnderline">GitHub</a>
        | or installed for free on the <a href="https://eager.io/app/eA9ULux0UOJP/install?utm_source=lp">Eager App Store</a>.

      p
        | SmartUnderline works by searching your page for links which have a CSS underline
        | applied with text-decoration, and replaces the text-decoration with a smarter line
        | drawn in such a way that it gets cleared by the descenders—glyphs such as “g”,
        | “j”, and others—creating more readable and beautiful links.

      <a href="https://eager.io/app/eA9ULux0UOJP/install?utm_source=lp" target="_blank" data-eager-button>
        <img src="https://install.eager.io/button.png" alt="Install with Eager" height="48" width="180" style="display: block; margin: 0 auto;">
        <script src="https://install.eager.io/embed.js"></script>
      </a>

    section.diagram
      iframe(src="./diagram")

    section.before-and-after
      h3 Examples

      p.example-header
        | Some before-and-after examples.

      style.
{'fraction_non_alphanumeric': 0.12096975756060985, 'fraction_numerical': 0.013996500874781305, 'mean_word_length': 3.1257731958762887, 'pattern_counts': {'":': 2, '<': 20, '<?xml version=': 0, '>': 20, 'https://': 9, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2829936', 'n_tokens_mistral': 1329, 'n_tokens_neox': 1226, 'n_words': 291}