Zendesk home screen widget for displaying our uptime and satisfaction

policystat_zendesk_uptime.html

<!------------------------------------------------------------------
Satisfied Customers / Application Uptime
------------------------------------------------------------------->
<!-- This code lives at: https://gist.github.com/winhamwr/5886065 Make all edits there, first -->
<style type="text/css" media="screen, projection">
  @import url(https://policystat.zendesk.com/stylesheets/public_satisfaction.css);
  .highlighted { color: #133672; }
  .uptime-percentage {
    font-weight: bold;
    font-size: large;
  }
</style>
<div class="satisfaction">
  <h1><span color="#3965BO">What do clients say about PolicyStat Customer Support?</span></h1>
  <div id="zendesk-satisfaction-results"></div>
  <p>*Overall goodness based on the last 100 satisfaction ratings.</p>
  <a href="/hc/en-us/requests/new"><img src="//p4.zdassets.com/hc/theme_assets/19931/200118989/helpTicketButton.png"></a>
  <br>
  <hr>
  <h3>PolicyStat proudly sponsors <a href="https://timmyglobalhealth.org/" target="_blank">Timmy Global Health</a></h3>
  <a href="https://timmyglobalhealth.org/" target="_blank"><img src="//p4.zdassets.com/hc/theme_assets/19931/200118989/NEW_TGH_Horizontal_Logo_2015_smaller.png"></a>
</div>
  
<div class="uptime">
  <h1 class="highlighted">Application Uptime</h1>
  <table id="uptime">
    <tbody>
      <tr>
        <td>2011-<br/>2014</td>
        <td><p><span class="uptime-percentage">99.989%</span> <br/>Downtime: 03:50</p></td>
      </tr>
      <tr>
        <td>2015</td>
        <td>
          <p>
            <span class="uptime-percentage">99.998%</span>
            <br/>
            Downtime: 00:10
          </p>
        </td>
      </tr>
      <tr>
        <td>Through March 10, 2016</td>
        <td>
          <p>
            <span class="uptime-percentage">100.00%</span>
            <br/>
            Downtime: Zilch
          </p>
        </td>		
      </tr>
    </tbody>
  </table>
</div>

<script type="text/javascript" src="https://policystat.zendesk.com/satisfaction.js"></script>
<script type="text/javascript">
  if (typeof(Satisfaction) !== "undefined") {
    Satisfaction.show({
      strings: {
        goodRatings:      "Said we're good",
        badRatings:       "Weren't so sure",
        score:            "Overall goodness*",
        zendeskPlug:   		"Powered by <a href='http://www.zendesk.com/'>Zendesk</a>"
      },
      element: "zendesk-satisfaction-results"
    });
  }
</script>