Add mobile app features to webpage

[TransitScreen]

Borrowing from https://github.com/MobilityLab/TransitNearMe/blob/master/tnm/templates/client/leaflet.html:

in head

<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="{{ STATIC_URL }}images/CPlogo.png" />

in body

<noscript>
<div id="noscript-padding"></div>
<div id="noscript-warning">Transit Screen requires a JavaScript-enabled browser. <a href="https://www.google.com/support/adsense/bin/answer.py?answer=12654" target="_blank">Not sure how to enable it?</a></div>
</noscript>
<script type="text/javascript">
  if( navigator.userAgent.match(/Mobile/i) &&
      navigator.userAgent.match(/Safari/i)
    ) {
         document.title = "Transit Screen";
      }
</script>