<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="{{.URLPrefix}}<%= htmlWebpackPlugin.files.css[0] %>">

    <!-- Icons & Platform Specific Settings - Favicon generator used to generate the icons below http://realfavicongenerator.net -->
    <!-- shortcut icon - This file contains the following sizes 16x16, 32x32 and 48x48. -->
    <link rel="shortcut icon" href="{{.URLPrefix}}/assets/favicons/favicon.ico">
    <!-- favicon-96x96.png - For Google TV https://developer.android.com/training/tv/index.html#favicons. -->
    <link rel="icon" type="image/png" href="{{.URLPrefix}}/assets/favicons/favicon-96x96.png" sizes="96x96">
    <!-- favicon-32x32.png - For Safari on Mac OS. -->
    <link rel="icon" type="image/png" href="{{.URLPrefix}}/assets/favicons/favicon-32x32.png" sizes="32x32">
    <!-- favicon-16x16.png - The classic favicon, displayed in the tabs. -->
    <link rel="icon" type="image/png" href="{{.URLPrefix}}/assets/favicons/favicon-16x16.png" sizes="16x16">

    <!-- Android/Chrome -->
    <!-- manifest-json - The location of the browser configuration file. It contains locations of icon files, name of the application and default device screen orientation. Note that the name field is mandatory.
        https://developer.chrome.com/multidevice/android/installtohomescreen. -->
    <link rel="manifest" href="{{.URLPrefix}}/assets/favicons/manifest.json">
    <!-- theme-color - The colour of the toolbar in Chrome M39+
        http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android -->
    <meta name="theme-color" content="#1E1E1E">
    <!-- mobile-web-app-capable - Run Android/Chrome version M31 to M38 in standalone mode, hiding the browser chrome. -->
    <!-- <meta name="mobile-web-app-capable" content="yes"> -->

    <!-- Apple Icons - You can move all these icons to the root of the site and remove these link elements, if you don't mind the clutter.
        https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Introduction.html#//apple_ref/doc/uid/30001261-SW1 -->
    <!-- apple-touch-icon-57x57.png - Android Stock Browser and non-Retina iPhone and iPod Touch -->
    <link rel="apple-touch-icon" sizes="57x57" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-57x57.png">
    <!-- apple-touch-icon-114x114.png - iPhone (with 2× display) iOS = 6 -->
    <link rel="apple-touch-icon" sizes="114x114" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-114x114.png">
    <!-- apple-touch-icon-72x72.png - iPad mini and the first- and second-generation iPad (1× display) on iOS = 6 -->
    <link rel="apple-touch-icon" sizes="72x72" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-72x72.png">
    <!-- apple-touch-icon-144x144.png - iPad (with 2× display) iOS = 6 -->
    <link rel="apple-touch-icon" sizes="144x144" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-144x144.png">
    <!-- apple-touch-icon-60x60.png - Same as apple-touch-icon-57x57.png, for non-retina iPhone with iOS7. -->
    <link rel="apple-touch-icon" sizes="60x60" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-60x60.png">
    <!-- apple-touch-icon-120x120.png - iPhone (with 2× and 3 display) iOS = 7 -->
    <link rel="apple-touch-icon" sizes="120x120" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-120x120.png">
    <!-- apple-touch-icon-76x76.png - iPad mini and the first- and second-generation iPad (1× display) on iOS = 7 -->
    <link rel="apple-touch-icon" sizes="76x76" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-76x76.png">
    <!-- apple-touch-icon-152x152.png - iPad 3+ (with 2× display) iOS = 7 -->
    <link rel="apple-touch-icon" sizes="152x152" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-152x152.png">
    <!-- apple-touch-icon-180x180.png - iPad and iPad mini (with 2× display) iOS = 8 -->
    <link rel="apple-touch-icon" sizes="180x180" href="{{.URLPrefix}}/assets/favicons/apple-touch-icon-180x180.png">

    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-320x460.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-640x920.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-640x1096.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-750x1294.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-1182x2208.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-1242x2148.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-748x1024.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-768x1004.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-1496x2048.png"/>
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="{{.URLPrefix}}/assets/favicons/apple-touch-startup-image-1536x2008.png"/>
    <!-- Windows 8.1 IE11 -->
    <!-- msapplication-config - The location of the browser configuration file. If you have an RSS feed, go to
        http://www.buildmypinnedsite.com and regenerate the browserconfig.xml file. You will then have a cool live tile! -->
    <meta name="msapplication-config" content="{{.URLPrefix}}/assets/favicons/browserconfig.xml">
    <title>Kolide Fleet</title>
    <script type="text/javascript">
        var urlPrefix = "{{.URLPrefix}}";
    </script>
  </head>
  <body>
    <div id="app"></div>
    <script async defer src="{{.URLPrefix}}<%= htmlWebpackPlugin.files.js[0] %>" onload="this.parentElement.removeChild(this)"></script>
    <!-- Because iOS hates interactive stuff, we have to kill it with fire -->
    <script>document.addEventListener("touchstart", function() {},false);</script>
    <!-- End Apple Hate -->
  </body>
</html>
