<commit_before><div {{bind-attr class=":banner isDemoActive:demo"}}>
  <div class="site-navigation">
    <div class="container">
      <ul>
        <li>{{link-to "EmberUI" "index"}}</li>
        <li>{{link-to "Documentation" "documentation"}}</li>
        <li><a href="https://medium.com/emberui-updates/">Blog</a></li>
        <li><a href="https://github.com/emberui/emberui">Fork it!</a></li>
      </ul>
    </div>
  </div>

  <div class="slide1">
    <div class="flexwrapper">
      <div class="flexobject">
        <h1>EmberUI</h1>
        <h2>A component library for crafting <br /> ambitious interfaces.</h2>
        <br />
        <div class="demo" {{action "showDemo"}}><span>Launch Demo</span></div>
      </div>
    </div>

    <div class="download">
      <div class="container">
        <ul>
          <li><strong>0.1.0</strong>: <a href="https://github.com/emberui/emberui/archive/master.zip">Download</a></li>
          <li>{{#link-to "documentation"}}Getting Started{{/link-to}}</li>
          <li><a href="http://venn.lc">Built by Venn</a>
      </div>
    </div>
  </div>

  <div class="slide2">
    <iframe src="http://localhost:8001" style="background: none; width: 100%; height: 100%;"></iframe>
  </div>

  <canvas id="backgroundcanvas" class="background"></canvas>
</div>

<div class="container">
  <div class="bar designed">
    <div class="copy">
      <h2>Not just built, designed</h2>
      <p>
        It is the small details that makes the difference beteen good enough and great.  Each component has been contructed with incredible detail to make sure it feels and performs like a native component.
      </p>
      <p>
        We have included functionality such as fluid animations, real-time error handling, loading states, and keyboard navigation to give your application an extra spot of spolish.
      </p>
    </div>
    <pre class="example">\{{<span class="tag">eui-button</span>
  label=<span class="string">"Save Changes"</span>
  style=<span class="string">"primary"</span>
  size=<span class="string">"large"</span>
  icon=<span class="string">"fa fa-upload"</span>  <span class="comment">// Using FontAwesome</span>
  loadingBinding=<span class="string">"isLoading"</span>
  disabledBinding=<span class="string">"formIsIncomplete"</span>
  class=<span class="string">"save-button"</span>
  action=<span class="string">"save"</span>}}</pre>
  </div>
</div>

<div class="bar customize">
  <div class="container">
    <div class="copy">
      <h2>Customizeable to the core</h2>
      <p>
        While the default aesthetic was designed to work in as many environments as possible, EmberUI is built to be extended upon. Expand upon the default styles or replace them completely.
      </p>
    </div>

    <div class="components"><img src="/assets/images/components.png" width="348.5" height="355" alt=""/></div>
  </div>
</div>

<div class="container">
  <div class="column">
    <h3>Design mockups with ease</h3>
    <p>
      Use the {{#link-to "documentation"}}original design documents{{/link-to}} and quickly create mockups in Photoshop. Available as 144dpi PSDs.
    </p>
  </div>

  <div class="column">
    <h3>Works on all modern bowsers</h3>
    <p>
      EmberUI support Internet Explorer 9+, Chrome, Firefox, Opera, and any other bowser that follows standards.
    </p>
  </div>

  <div class="column">
    <h3>Built by Venn</h3>
    <p>
      <a href="http://venn.lc">We</a> built EmberUI to use in real client projects so you can be sure it will be actively developed for a long time.
    </p>
  </div>
</div>
<commit_msg>switch homepage to using githb pages for demo repo<commit_after><div {{bind-attr class=":banner isDemoActive:demo"}}>
  <div class="site-navigation">
    <div class="container">
      <ul>
        <li>{{link-to "EmberUI" "index"}}</li>
        <li>{{link-to "Documentation" "documentation"}}</li>
        <li><a href="https://medium.com/emberui-updates/">Blog</a></li>
        <li><a href="https://github.com/emberui/emberui">Fork it!</a></li>
      </ul>
    </div>
  </div>

  <div class="slide1">
    <div class="flexwrapper">
      <div class="flexobject">
        <h1>EmberUI</h1>
        <h2>A component library for crafting <br /> ambitious interfaces.</h2>
        <br />
        <div class="demo" {{action "showDemo"}}><span>Launch Demo</span></div>
      </div>
    </div>

    <div class="download">
      <div class="container">
        <ul>
          <li><strong>0.1.0</strong>: <a href="https://github.com/emberui/emberui/archive/master.zip">Download</a></li>
          <li>{{#link-to "documentation"}}Getting Started{{/link-to}}</li>
          <li><a href="http://venn.lc">Built by Venn</a>
      </div>
    </div>
  </div>

  <div class="slide2">
    <iframe src="http://emberui.github.io/demo/" style="background: none; width: 100%; height: 100%;"></iframe>
  </div>

  <canvas id="backgroundcanvas" class="background"></canvas>
</div>

<div class="container">
  <div class="bar designed">
    <div class="copy">
      <h2>Not just built, designed</h2>
      <p>
        It is the small details that makes the difference beteen good enough and great.  Each component has been contructed with incredible detail to make sure it feels and performs like a native component.
      </p>
      <p>
        We have included functionality such as fluid animations, real-time error handling, loading states, and keyboard navigation to give your application an extra spot of spolish.
      </p>
    </div>
    <pre class="example">\{{<span class="tag">eui-button</span>
  label=<span class="string">"Save Changes"</span>
  style=<span class="string">"primary"</span>
  size=<span class="string">"large"</span>
  icon=<span class="string">"fa fa-upload"</span>  <span class="comment">// Using FontAwesome</span>
  loadingBinding=<span class="string">"isLoading"</span>
  disabledBinding=<span class="string">"formIsIncomplete"</span>
  class=<span class="string">"save-button"</span>
  action=<span class="string">"save"</span>}}</pre>
  </div>
</div>

<div class="bar customize">
  <div class="container">
    <div class="copy">
      <h2>Customizeable to the core</h2>
      <p>
        While the default aesthetic was designed to work in as many environments as possible, EmberUI is built to be extended upon. Expand upon the default styles or replace them completely.
      </p>
    </div>

    <div class="components"><img src="/assets/images/components.png" width="348.5" height="355" alt=""/></div>
  </div>
</div>

<div class="container">
  <div class="column">
    <h3>Design mockups with ease</h3>
    <p>
      Use the {{#link-to "documentation"}}original design documents{{/link-to}} and quickly create mockups in Photoshop. Available as 144dpi PSDs.
    </p>
  </div>

  <div class="column">
    <h3>Works on all modern bowsers</h3>
    <p>
      EmberUI support Internet Explorer 9+, Chrome, Firefox, Opera, and any other bowser that follows standards.
    </p>
  </div>

  <div class="column">
    <h3>Built by Venn</h3>
    <p>
      <a href="http://venn.lc">We</a> built EmberUI to use in real client projects so you can be sure it will be actively developed for a long time.
    </p>
  </div>
</div>

{'fraction_non_alphanumeric': 0.17319444444444446, 'fraction_numerical': 0.010555555555555556, 'mean_word_length': 3.3458056729028365, 'pattern_counts': {'":': 2, '<': 257, '<?xml version=': 0, '>': 257, 'https://': 6, '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': '4856451', 'n_tokens_mistral': 2412, 'n_tokens_neox': 2276, 'n_words': 642}