app/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hullagram</title>

    <!-- Sets initial viewport load and disables zooming  -->
    <meta name="viewport" content="initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

    <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./images/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="./images/apple-touch-icon-57x57.png">
    <link rel="icon" type="image/png" href="./images/favicon.png" />

    <!-- build:css application.css -->
    <link rel="stylesheet" href="./components/ratchet/dist/ratchet.css">
    <link rel="stylesheet" href="./components/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="./styles/ratchet_overrides.css">
    <link rel="stylesheet" href="./styles/main.css">
    <!-- endbuild -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="//hull-js.s3.amazonaws.com/0.6.5/hull.js"></script>

    <!-- build:js application.js -->
    <script src="scripts/templates.js"></script>
    <script src="scripts/widgets.js"></script>
    <!-- endbuild -->

    <script type='text/javascript'>
    Hull.init({
      appId: '5103a56f93e74e3a1f000012',
      orgUrl: 'http://hull-demos.hullapp.io',
      debug: true
    });
    </script>

  </head>
  <body>
    <!-- GitHub Ribbon -->
    <a href="https://github.com/hull/hullagram" class="forkme">Fork me on Github</a>

    <div data-hull-id="app" data-hull-widget="hullagram">
      <i class="icon-spinner icon-spin loading-spinner"></i>
    </div>

    <div data-hull-widget="uploader"></div>
  </body>
</html>