src/web-app/index.html

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>QControl</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=0">
  <link rel="icon" type="image/x-icon" href="./favicon.ico">
  <link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="192x192" href="/assets/icons/favicon/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon/favicon-16x16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/assets/icons/favicon/favicon-96x96.png">

  <link rel="manifest" href="manifest.json">

  <meta name="mobile-web-app-capable" content="yes">
  <!-- <meta name="theme-color" content="#1976d2"> -->
  <meta name="theme-color" content="#0a1866">
  <!-- <meta name="theme-color" content="##f65c39"> -->


  <link rel="stylesheet" rel="noreferrer" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <link href='https://api.mapbox.com/mapbox-gl-js/v0.46.0/mapbox-gl.css' rel='stylesheet' rel="noreferrer" />


</head>

<body>
  <app-root>
    <div class="spinner">
      <div class="dot1"></div>
      <div class="dot2"></div>
    </div>
  </app-root>


  <noscript>
    <p>
      Sorry, JavaScript must be enabled to use this app !
    </p>
  </noscript>
</body>

</html>