<!DOCTYPE html>
<html>
  <head>
    <title>Neutral</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body class="LOG_body">
    <div class="panel-box m-align t-center">
      <div class="logo"><img class="logo-img" src="/images/FormatLogo_WHITE.svg"><p>Neutral</p></div>
      <div id="views" class="views-box">
          <div class="view">
              <span class="view-image"><i class="fa-solid fa-folder"></i></span>
              <p class="view-text">Gestionnaire de fichiers</p>
          </div>
            <div class="view">
              <span class="view-image"><i class="fa-solid fa-layer-group"></i></span>
              <p class="view-text">Gestion des services</p>
          </div>
          <div class="view">
            <span class="view-image"><i class="fa fa-server"></i></span>
            <p class="view-text">Gestion des serveurs</p>
          </div>
        <div class="view">
          <span class="view-image"><i class="fa-brands fa-jenkins"></i></span>
          <p class="view-text">Gestion des pipelines</p>
        </div>
        <div class="view">
          <span class="view-image"><i class="fa-solid fa-square-poll-vertical"></i></span>
          <p class="view-text">Web Metrics</p>
        </div>
        <div class="view">
          <span class="view-image"><i class="fa fa-users"></i></span>
          <p class="view-text">Gestion des utilisateurs</p>
        </div>
        <div class="view">
          <span class="view-image"><i class="fa-solid fa-link"></i></span>
          <p class="view-text">Générateur de lien</p>
        </div>
        <div class="view">
          <span class="view-image"><i class="fa fa-gear"></i></span>
          <p class="view-text">Paramètres</p>
        </div>
      </div>
    </div>
    <div class="subpanel-box m-align t-center">
      <div class="subpanel-user">
        <img id="infoUserimage" class="subpanel-image" src="/images/users/default.jpg">
        <div class="subpanel-userinfo">
          <p id="infoDisplayname" class="subpanel-dispname">DisplayName</p>
          <p id="infoUsername" class="subpanel-username">Username</p>
        </div>
    
      </div>
      <a href="/login/signout"><button class="btn yellow"><span><i class="fa fa-sign-out"></i> Déconnexion</span></button></a>
    </div>
    <script src="/socket.io/socket.io.js"></script>
    <script defer="" src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" crossorigin="anonymous"></script>
    <script src="/javascripts/io.js"></script>
    <script src="/javascripts/link.js"></script>
    <script src="/javascripts/service.js"></script>
    <script src="/javascripts/filexplorer.js"></script>
    <script src="/javascripts/basics.js"></script>
    <script src="/javascripts/indexscript.js"></script>
 
  </body>
</html>
