<commit_before>---
layout: full
title: "Ionic: Advanced HTML5 Hybrid Mobile App Framework"
body_css: "home"
---

<div class="primary-row horizontal-gradient">

  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        <h1>
          Create amazing apps
        </h1>
        <h2>
          The beautiful, open source front-end framework for developing hybrid mobile apps with HTML5.
        </h2>
        <p class="btn-row">
          <a id="repo-download" class="btn btn-primary btn-download desktop-btn" href="{{ site.latest_download }}" alt="Download v{{ site.latest_version }}">Download beta</a>
          <a class="btn btn-primary btn-get-started desktop-btn" href="/getting-started/">Get started</a>
          <a class="btn btn-primary btn-download mobile-btn" href="/docs/">View Docs</a>
        </p>
        <p class="version-text">
          v{{ site.latest_version }} &#183; {{ site.latest_release_date }} &#183; MIT Licensed
        </p>
      </div>
      <div class="col-sm-6 feature-img">
        <a class="demo-link" href="https://github.com/driftyco/ionic-weather/" target="_blank">Ionic Weather Demo App</a>
        <img class="feature-img-loading" src="/img/homepage/phones-weather-demo@2x.png">
      </div>
    </div>
  </div>
</div>

<div class="utility-bar">
  <div class="container">
    <div class="row">
      <ul class="social-row ionic col-md-7">
        <li><a href="https://github.com/driftyco/ionic" target="_blank"><i class="ion-social-github"></i> <span id="gh-stargazers"></span> Stars</a></li>
        <li><a href="https://github.com/driftyco/ionic" target="_blank"><i class="ion-fork-repo"></i> <span id="gh-forks"></span> Forks</a></li>
        <li><a href="https://twitter.com/IonicFramework" target="_blank"><i class="ion-social-twitter"></i> <span id="tw-followers"></span> Followers</a></li>
      </ul>
      <form action="http://codiqa.createsend.com/t/t/s/jytylh/" method="post" class="input-group col-md-5">
        <input name="cm-jytylh-jytylh" class="form-control" type="email" placeholder="Enter your email for the latest ionic news" required />
        <span class="input-group-btn">
          <button class="btn btn-default" type="submit">Subscribe</button>
        </span>
      </form>
    </div>
  </div>
</div>

<script>
  $('.feature-img-loading').on('load', function() {
    $('.feature-img').addClass('img-loaded');
    $(this).remove();
  });

  function digits(n){
    return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  }
  $.ajax({
    dataType: "jsonp",
    url: "https://api.github.com/repos/driftyco/ionic",
    success: function(data){
      if(data) {
        if(data.data.watchers){
          $("#gh-stargazers").html(digits(data.data.watchers));
        }
        if(data.data.forks){
          $("#gh-forks").html(digits(data.data.forks));
        }
      }
    }
  });
  $.ajax({
    dataType: "jsonp",
    url: "https://cdn.api.twitter.com/1/users/show.json?screen_name=ionicframework",
    success: function(data){
      if(data && data.followers_count){
        $("#tw-followers").html(digits(data.followers_count));
      }
    }
  });<commit_msg>fix twitter follower count<commit_after>---
layout: full
title: "Ionic: Advanced HTML5 Hybrid Mobile App Framework"
body_css: "home"
---

<div class="primary-row horizontal-gradient">

  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        <h1>
          Create amazing apps
        </h1>
        <h2>
          The beautiful, open source front-end framework for developing hybrid mobile apps with HTML5.
        </h2>
        <p class="btn-row">
          <a id="repo-download" class="btn btn-primary btn-download desktop-btn" href="{{ site.latest_download }}" alt="Download v{{ site.latest_version }}">Download beta</a>
          <a class="btn btn-primary btn-get-started desktop-btn" href="/getting-started/">Get started</a>
          <a class="btn btn-primary btn-download mobile-btn" href="/docs/">View Docs</a>
        </p>
        <p class="version-text">
          v{{ site.latest_version }} &#183; {{ site.latest_release_date }} &#183; MIT Licensed
        </p>
      </div>
      <div class="col-sm-6 feature-img">
        <a class="demo-link" href="https://github.com/driftyco/ionic-weather/" target="_blank">Ionic Weather Demo App</a>
        <img class="feature-img-loading" src="/img/homepage/phones-weather-demo@2x.png">
      </div>
    </div>
  </div>
</div>

<div class="utility-bar">
  <div class="container">
    <div class="row">
      <ul class="social-row ionic col-md-7">
        <li><a href="https://github.com/driftyco/ionic" target="_blank"><i class="ion-social-github"></i> <span id="gh-stargazers"></span> stars</a></li>
        <li><a href="https://github.com/driftyco/ionic" target="_blank"><i class="ion-fork-repo"></i> <span id="gh-forks"></span> forks</a></li>
        <li><a href="https://twitter.com/IonicFramework" target="_blank"><i class="ion-social-twitter"></i> <span id="tw-followers">Twitter</span></a></li>
      </ul>
      <form action="http://codiqa.createsend.com/t/t/s/jytylh/" method="post" class="input-group col-md-5">
        <input name="cm-jytylh-jytylh" class="form-control" type="email" placeholder="Enter your email for the latest ionic news" required />
        <span class="input-group-btn">
          <button class="btn btn-default" type="submit">Subscribe</button>
        </span>
      </form>
    </div>
  </div>
</div>

<script>
  $('.feature-img-loading').on('load', function() {
    $('.feature-img').addClass('img-loaded');
    $(this).remove();
  });

  function digits(n){
    return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  }
  $.ajax({
    dataType: "jsonp",
    url: "https://api.github.com/repos/driftyco/ionic",
    success: function(data){
      if(data) {
        if(data.data.watchers){
          $("#gh-stargazers").html(digits(data.data.watchers));
        }
        if(data.data.forks){
          $("#gh-forks").html(digits(data.data.forks));
        }
      }
    }
  });
  $.ajax({
    dataType: "jsonp",
    url: "https://cdn.syndication.twimg.com/widgets/followbutton/info.json?screen_names=ionicframework",
    success: function(data){
      if(data && data.length && data[0].formatted_followers_count){
        $("#tw-followers").html(digits(data[0].formatted_followers_count));
      }
    }
  });
{'fraction_non_alphanumeric': 0.20250587314017227, 'fraction_numerical': 0.006108065779169929, 'mean_word_length': 2.9226044226044228, 'pattern_counts': {'":': 0, '<': 137, '<?xml version=': 0, '>': 137, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 2, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '589530', 'n_tokens_mistral': 2213, 'n_tokens_neox': 2140, 'n_words': 387}