appcapable.html

<!-- // I FIND IT BEST TO LEAVE THIS TO "BLACK" // -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
<!-- // GIVE YOUR APP A NAME // -->
<meta name="application-name" content="Alvin Nguyen Photo" />
 
<!-- // THIS IS JUST LETS THE IPAD KNOW WE'RE WANTING TO RENDER A "WEB APP" // -->
<meta name="apple-mobile-web-app-capable" content="yes" />
 
<!-- // THESE ARE THE ICON IMAGES USED FOR THE "APP" ICON THAT APPEARS AFTER "SAVING TO HOMESCREEN" // -->
<!-- // I RECOMMEND YOU USE THESE SIZES, FOR BEST USE ON RETNIA & STANDARD DISPLAYS // -->
<link rel="apple-touch-icon" sizes="144x144" href="/wp-content/themes/devly/assets/img/apple/144x144.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="/wp-content/themes/devly/assets/img/apple/114x114.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="/wp-content/themes/devly/assets/img/apple/72x72.png"/>

overscroll.html

<script>
  // Cited: http://casual-effects.blogspot.com/2012/02/prevent-overscroll-on-ios-safari.html
  // This must be during the bubble phase (i.e., last argument =false) 
  // Add to end of html doc if possible - so that inner objects have an opportunity to override it.
  document.addEventListener('touchmove', function(e) { 
  
    e.preventDefault(); 
  
  }, false);
  
  var scroller = document.getElementById('scroller');
  
  preventOverScroll(scroller);
  
</script>