mailbox.html

<div id="mailbox" data-bb-type="screen">
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"></link>
  <link rel="stylesheet" type="text/css" href="css/bbui-min.css"></link>
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"></link>
  <link rel="stylesheet" type="text/css" href="css/styles.min.css"></link>
  <script type="text/javascript" src="js/snuownd.js"></script>
  <script type="text/javascript" src="js/mailbox.js" onunload="_mailbox.onUnload()"></script>
  <div data-bb-type="title" data-bb-caption="Mailbox" data-bb-back-caption="Back"></div>
  <div id="loading" style="display: none;" data-bb-type="activity-indicator" data-bb-size="large"></div>
  <div id="listing" style="display: none;">
    <div id="inner">
    </div>
  </div>
  <div id="pull-to-refresh" style="display: none">
    <div id="ptrarrow">&#x21ea;</div><span id="ptrtext"></span>
  </div>
  <script id="messageTemplate" type="text/template">
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span12 subject">{{subject}}</div>
      </div>
      <div class="row-fluid">
        <div class="span10 meta">
          from <span class="author">{{author}}</span>
          {{#subreddit}}
            via <span class="subreddit">/r/{{subreddit}}</span> 
          {{/subreddit}}
        </div>
        <div class="span2 time">{{time}}</div>
      </div>
      <div class="row-fluid">
        <div class="span12 body">{{&body}}</div>
      </div>
      <div class="row-fluid">
        <div class="span12 status"><i class="icon-envelope-alt"></i></div>
      </div>
    </div>  
  </script>
</div>