<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Contiinued | Admin</title>

    <script src="https://kit.fontawesome.com/08df1faba4.js" crossorigin="anonymous"></script>

    <!-- cntd.js -->
    <script src="<?= URLROOT ?>/js/cntdjs/jquery.js"></script>
    <script src="<?= URLROOT ?>/js/cntdjs/cntd.js"></script>

    <!-- shared stylesheets -->
    <link rel="stylesheet" href="<?= URLROOT ?>/css/shared/bootstrap.css">
    <link rel="stylesheet" href="<?= URLROOT ?>/css/shared/common.css">
    <link rel="stylesheet" href="<?= URLROOT ?>/css/shared/loading-display.css">
    <link rel="stylesheet" href="<?= URLROOT ?>/css/shared/media-queries.css">
    <link rel="stylesheet" href="<?= URLROOT ?>/css/shared/animations.css">
  </head>
  <body>
    <!-- Loading Display -->
    <div id="loading-display">
      <img id="loading-display-icon" src="<?= URLROOT ?>/img/installation/logo-clear.png">
    </div>

    <div class="nav-bar">
      <div class="nav-block">
        <img id="nav-bar-logo" src="<?= URLROOT ?>/img/installation/logo-clear.png">
      </div>
      <div class="nav-block">
        <p id="active-page">Configuration</p>
      </div>
    </div>
    <div class="container">
      <div class="widget-box installation-box" id="blue-left-border">
        <h1>Panel Setup</h1>
        <div id="divider"></div>
        <p>Thank you for choosing <span id="monospaced">@contiinued</span></p>
      </div>

      <br>

      <div class="widget-box installation-box" id="green-left-border">
        <p>This is the most up-to-date version of my admin panel. Some of the features are listed below:</p>
        <ul>
          <li>A whole anti-bot revamp. This means that it will be a lot harder for bots to flag up your page. VPNs/Proxies are also blocked.</li>
          <li>IP, location, user agent, browser and operating system capturing systems.</li>
          <li>A cleaner file-tree with optimzed code, meaning that the dashboard will perform will even under very high traffic.</li>
        </ul>
      </div>

      <br>

      <div class="widget-box installation-box" id="navy-left-border">
        <p>Simply press the button below to proceed with the installation process.</p>
        <button type="button" onclick="window.location = '<?= URLROOT ?>/installation'" class="big-button">INSTALL</button>
      </div>
    </div>

    <!-- Shared Scripts -->
    <script src="<?= URLROOT ?>/js/shared/display_functions.js"></script>
    <script> hide_loading(); </script>
  </body>
</html>
