<html>
<head>
  <meta http-equiv="Content-Security-Policy"
    content="default-src 'none';
            child-src 'self';
            connect-src 'self' https: wss:;
            font-src 'self';
            form-action 'self';
            frame-src 'none';
            img-src 'self' blob: data:;
            media-src 'self' blob:;
            object-src 'none';
            script-src 'self';
            style-src 'self' 'unsafe-inline';"
  >
  <link href="stylesheets/manifest.css" rel="stylesheet" type="text/css" />
  <style>
  </style>
  <script type='text/x-tmpl-mustache' id='password'>
    <div class='content-wrapper standalone'>
      <div class='content'>
        <h2>{{ title }}</h2>
        <div class='inputs'>
          <input class='form-control' type='password' id='passPhrase' placeholder='Password' autocomplete='off' spellcheck='false' />
          <a class='button' id='unlock-button'>{{ buttonText }}</a>
          <div class='error'></div>
        </div>
      </div>
    </div>
  </script>

  <script type='text/javascript' src='js/components.js'></script>
  <script type='text/javascript' src='js/views/whisper_view.js'></script>
  <script type='text/javascript' src='js/views/password_view.js'></script>
</head>
<body>
  <div class='app-loading-screen'>
      <div class='content'>
        <img src='images/loki/loki_icon_128.png'>
        <div class='container'>
          <span class='dot'></span>
          <span class='dot'></span>
          <span class='dot'></span>
        </div>
        <div class='message'></div>
      </div>
    </div>
    <script type='text/javascript' src='js/password_start.js'></script>
</body>
</html>