support.html

<div id="support" data-bb-type="screen">
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"></link>
  <link rel="stylesheet" type="text/css" href="css/bbui-min.css"></link>
  <link rel="stylesheet" type="text/css" href="css/styles.min.css"></link>
  <script type="text/javascript" src="js/support.js"></script>
  <div data-bb-type="title" data-bb-caption="Support" data-bb-back-caption="Close"></div>
  <div id="snoobyGoldPurchased" data-bb-type="round-panel" style="display: none">
    <div data-bb-type="panel-header">Supporting Snooby</div>
    <div>
      Thank you for purchasing Snooby Gold!
    </div>
  </div>
  <div id="supportSnooby" data-bb-type="round-panel" style="display: none">
    <div data-bb-type="panel-header">Supporting Snooby</div>
    <div>
      <p>Snooby Gold unlocks the full suite of features for Snooby. Non-Snooby Gold users are 
      subjected to a 50 token rate limit and every action expires in 24 hours. Currently,</p>
      <ul>
        <li>Voting costs 1 token</li>
        <li>Commenting costs 3 tokens</li>
      </ul>
      <p>Thanks again for downloading the app and for your continued support!</p>
    </div>
    <div data-bb-type="label-control-horizontal-row">
      <div id="snoobyGoldButton" data-bb-type="button" onclick="_support.purchaseSnoobyGold()">
        <i class="icon-trophy"></i> I want Snooby Gold!
      </div>
    </div>
    <div data-bb-type="label-control-horizontal-row">
      <div id="restoreSnoobyGoldButton" data-bb-type="button" onclick="_support.restoreSnoobyGold()">
        <i class="icon-trophy"></i> Restore my Snooby Gold
      </div>
    </div>
  </div>
  <div class="separator">
    <i class="icon-star"></i> 
    <i class="icon-star"></i> 
    <i class="icon-star"></i>
  </div>
</div>