<commit_before><!DOCTYPE html>
<html data-ng-app="demo">
<head>

  <title>ng-FitText.js</title>

  <script type="text/javascript" src="demo/js/angular.min.js"></script>
  <script type="text/javascript" src="demo/js/demo.js"></script>
  <script type="text/javascript" src="src/ng-FitText.js"></script>

  <link rel="stylesheet" type="text/css" href="demo/styles/main.css"/>

</head>
<body>

<header id="top">
  <a href="https://github.com/patrickmarabeas/ng-FitText.js">View it on GitHub</a>
  <a href="https://github.com/patrickmarabeas/ng-FitText.js/zipball/master">Download ZIP</a>
  <a href="https://github.com/patrickmarabeas/ng-FitText.js/tarball/master">Download TAR</a>
  <a href="https://github.com/patrickmarabeas">@patrickmarabeas</a>
</header>


<div class="page">

  <header data-ng-controller="MainController" class="cf">
    <input type="text" data-ng-model="dyn" autofocus />
    <h1>
      <span class="line1" data-fittext data-fittext-min="100" data-fittext-max="310" data-ng-model="dyn">{{dyn}}</span>
      <span class="line2" data-fittext data-fittext-load-delay="500">
        <span data-fittext-nl>rustled my jimmies</span>
        <span data-fittext-nl class="right red">jimmies</span>
        <span data-fittext-nl class="right blue">jimmies</span>
      </span>
    </h1>

    <h2>ng-FitText.js makes font-sizes flexible. Use this directive in your fluid or responsive layout to achieve
      scalable headlines that fill the width of a parent element.</h2>

    <div id="plh-container">
      <div id="plh-left">
        <h3 ng-if="isActivePreserveLineHeight" data-fittext data-fittext-preserve-line-height>And if you just happen</h3>
        <h3 ng-if="!isActivePreserveLineHeight" data-fittext>And if you just happen</h3>
        <p>to need the line-height preserved</p>
      </div>
      <div id="plh-right">
        <h3 ng-if="isActivePreserveLineHeight" data-fittext data-fittext-preserve-line-height>ng-FitText.js can do that too, at the same price</h3>
        <h3 ng-if="!isActivePreserveLineHeight" data-fittext>ng-FitText.js can do that too, at the same price</h3>
        <p>spoiler: it's free</p>
      </div>
    </div>
    <p><button id="plh-toggle" ng-click="togglePreserveLineHeight()">Toggle line-height preservation</button></p>

  </header>

  <div id="content">

    <p><strong>Full README can be found on <a href="https://github.com/patrickmarabeas/ng-FitText.js">GitHub</a></strong></p>

    <h3>Install and Inclusion</h3>

    <p>Grab it with Bower:</p>

    <code>bower install ngFitText</code>

    <p>Include it in your AngularJS application</p>

    <code>var myApp = angular.module( 'myApp', [ 'ngFitText' ] );</code>

    <p>Apply it to your text</p>

    <code>&lt;h1 data-fittext&gt;FitText&lt;/h1&gt;</code>

  </div>

</div><commit_msg>Update demo<commit_after><!DOCTYPE html>
<html data-ng-app="demo">
<head>

  <title>ng-FitText.js</title>

  <script type="text/javascript" src="demo/js/angular.min.js"></script>
  <script type="text/javascript" src="demo/js/demo.js"></script>
  <script type="text/javascript" src="src/ng-FitText.js"></script>

  <link rel="stylesheet" type="text/css" href="demo/styles/main.css"/>

</head>
<body>

<header id="top">
  <a href="https://github.com/patrickmarabeas/ng-FitText.js">View it on GitHub</a>
  <a href="https://github.com/patrickmarabeas/ng-FitText.js/zipball/master">Download ZIP</a>
  <a href="https://github.com/patrickmarabeas/ng-FitText.js/tarball/master">Download TAR</a>
  <a href="https://github.com/patrickmarabeas">@patrickmarabeas</a>
</header>


<div class="page">

  <header data-ng-controller="MainController" class="cf">
    <input type="text" data-ng-model="dyn" autofocus />
    <h1>
      <span class="line1" data-fittext data-fittext-min="100" data-fittext-max="310" data-ng-model="dyn">{{dyn}}</span>
      <span class="line2" data-fittext data-fittext-load-delay="500">
        <span>rustled my jimmies</span>
        <span class="right red">jimmies</span>
        <span class="right blue">jimmies</span>
      </span>
    </h1>

    <h2>ng-FitText.js makes font-sizes flexible. Use this directive in your fluid or responsive layout to achieve
      scalable headlines that fill the width of a parent element.</h2>

    <div id="plh-container">
      <div id="plh-left">
        <h3 data-fittext>And if you just happen</h3>
        <p>to need the line-height preserved</p>
      </div>
      <div id="plh-right">
        <h3 data-fittext>ng-FitText.js can do that too, at the same price</h3>
        <p>spoiler: it's free</p>
      </div>
    </div>

  </header>

  <div id="content">

    <p><strong>Full README can be found on <a href="https://github.com/patrickmarabeas/ng-FitText.js">GitHub</a></strong></p>

    <h3>Install and Inclusion</h3>

    <p>Grab it with Bower:</p>

    <code>bower install ngFitText</code>

    <p>Include it in your AngularJS application</p>

    <code>var myApp = angular.module( 'myApp', [ 'ngFitText' ] );</code>

    <p>Apply it to your text</p>

    <code>&lt;h1 data-fittext&gt;FitText&lt;/h1&gt;</code>

  </div>

</div>
{'fraction_non_alphanumeric': 0.17892253244199763, 'fraction_numerical': 0.009830908375933936, 'mean_word_length': 3.6541628545288196, 'pattern_counts': {'":': 0, '<': 169, '<?xml version=': 0, '>': 169, 'https://': 10, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1290901', 'n_tokens_mistral': 1917, 'n_tokens_neox': 1809, 'n_words': 366}