inject smartphone.css dynamically in code/smartphone.js - this makes it easy to switch between modes on a URL parameter

fix #88

code/smartphone.js

@@ -20,6 +20,11 @@ window.runOnSmartphonesBeforeBoot = function() {
   if(!isSmartphone()) return;
   console.warn('running smartphone pre boot stuff');
 
+  // add smartphone stylesheet
+  headHTML = document.getElementsByTagName('head')[0].innerHTML;
+  headHTML += '<style>@@INCLUDESTRING:mobile/smartphone.css@@</style>';
+  document.getElementsByTagName('head')[0].innerHTML = headHTML;
+
   // disable zoom buttons to see if they are really needed
   window.localStorage['iitc.zoom.buttons'] = 'false';
 

main.js

@@ -60,10 +60,7 @@ document.getElementsByTagName('head')[0].innerHTML = ''
   + '<title>Ingress Intel Map</title>'
   + '<style>@@INCLUDESTRING:style.css@@</style>'
   + '<style>@@INCLUDESTRING:external/leaflet.css@@</style>'
-  // this navigator check is also used in code/smartphone.js
-  + (navigator.userAgent.match(/Android.*Mobile/)
-      ? '<style>@@INCLUDESTRING:mobile/smartphone.css@@</style>'
-      : '')
+//note: smartphone.css injection moved into code/smartphone.js
   + '<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Coda"/>';
 
 document.getElementsByTagName('body')[0].innerHTML = ''