<!DOCTYPE html>
<html lang="ZH-cn">

<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">
  <title>云教练</title>
  <script src="/flexible.js" charset="UTF-8"></script>
  <style>
    #loading {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      display: none;
    }

    #loading.show {
      display: block;
    }

    #update {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      display: none;
    }

    #update.show {
      display: block;
    }

    #update img {
      display: block;
      width: 2rem;
      height: 2rem;
      margin: auto;
    }

    #update span {
      display: block;
      margin: auto;
      margin-top: 30px;
      color: rgba(0, 0, 0, .65);
      line-height: 1.8;
    }
  </style>
  <script>
    window.postMessageInstance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA);
    if (window.navigator && navigator.serviceWorker) {
      navigator.serviceWorker.getRegistrations()
        .then(function (registrations) {
          for (let registration of registrations) {
            registration.unregister();
          }
        });
    }
    function getBroswer() {
      var Sys = {};
      var ua = navigator.userAgent.toLowerCase();
      var s = (s = ua.match(/chrome\/([\d.]+)/)) ? (s[1] && (Sys.chrome = s[1].split('.')[0])) : 0
      if (Sys.chrome) return { broswer: "Chrome", version: Sys.chrome };
      return { broswer: "", version: "0" };
    }
    var broswer = getBroswer();
    window.addEventListener('DOMContentLoaded', function () {
      if (broswer.broswer === 'Chrome' && parseFloat(broswer.version) <= 50) {
        document.getElementById('update').className = 'show'
      }
    })
  </script>
</head>

<body>
  <div id="app"></div>
  <div id="update">
    <img src="/update.png" />
    <span>您的系统当前版本过低,请及时前往系统设置进行升级。</span>
  </div>
  <img id="loading" class="show" src="/loading.svg" alt="loading" />
  <script type="module" src="/src/page-gym/main.ts"></script>
</body>

</html>