<!doctype html>
<html id="root">
  <head>
    <meta charset="utf-8">
    <title>Amazing Content</title>
  </head>
  <style>
    #preloader {
      background: rgb(37, 37, 37);
      position: absolute;

      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;

      height: 100%;
      width: 100%;

      z-index: 99999;

      transition: background 1s cubic-bezier(0.4, 0.0, 0.2, 1), top 2s cubic-bezier(0.4, 0.0, 0.2, 1);
    }

    #preloader.loaded {
      background: rgba(0,0,0,0);
      top: 100vh;
    }
  </style>
  <body>
    <div id="preloader"></div>

    <div class="wallpaper-background">
      <div id="experimental-mount"></div>
      <div class="wallpaper-foreground"></div>
      <div class="wallpaper-preload"></div>
    </div>

    <div class="notifications-container">
    </div>

    <div class="login-window-container">
      <div id="login-window-mount"></div>
      <div id="date-display" class="date-display"></div>
    </div>

    <div id="settings" class="settings hidden"></div>

    <div id="settings-toggler-mount"></div>

    <script type="text/javascript">
      window.__debug = false;

      if (window.__debug === true) {
        window.lightdm = {
          "authenticate": function(){ return true; },
          "hibernate": function(){ return true; },
          "restart": function(){ return true; },
          "shutdown": function(){ return true; },
          "suspend": function(){ return true; },
          "can_hibernate": true,
          "can_restart": true,
          "can_shutdown": true,
          "can_suspend": true,
          "hostname": "Mercury",
          "default_session": 'deepin',
          "lock_hint": false,
          "users": [
            {"display_name":"captain","language":"en_US.utf8","real_name":"John Doe","layout":null,"image":"src/img/default-user.png","home_directory":"/home/captain","name":"captain","logged_in":false,"session":"deepin"},
            {"display_name":"GClooney","language":"en_US.utf8","real_name":"George Clooney","layout":null,"image":"src/img/default-user.png","home_directory":"/home/gclooney","name":"gclooney","logged_in":false,"session":"xfce"},
            {"display_name":"LannisterX","language":"en_US.utf8","real_name":"Jaime Lannister","layout":null,"image":"src/img/default-user.png","home_directory":"/home/lannisterx","name":"lannisterx","logged_in":false,"session":"gnome"}
          ],
          "sessions": [
            {"name":"Deepin","key":"deepin","comment":"Deepin Desktop Environment"},
            {"name":"Gnome","key":"gnome","comment":"Gnome Desktop Environment"},
            {"name":"XFCE4","key":"xfce","comment":"XFCE Desktop Environment"},
            {"name":"Cinnamon","key":"cinnamon","comment":"Cinnamon DE"},
            {"name":"Cinnamon (Software)","key":"cinnamon-software","comment":"Cinnamon DE (Software Rendering)"},
            {"name":"LXDE","key":"lxde","comment":"LXDE Desktop Environment"}
          ]
        };
      }
    </script>
    <script src="dist/js/Aether.js"></script>
  </body>
</html>