<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width initial-scale=1" />
    <link href="stylesheets/servicedock.css" rel="stylesheet" type="text/css" />
    <link href="stylesheets/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="javascripts/jquery.js"></script>
    <script type="text/javascript" src="javascripts/jquery-ui.js"></script>
    <script type="text/javascript" src="javascripts/viz.js"></script>
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script type="text/javascript" src="javascripts/servicedock.js"></script>
    <title>ServiceDock: Docker as a Service</title>
  </head>

  <body>
    
    <div id="header" class="header">
      <h1>ServiceDock <%= packageversion %> - Docker as a Service</h1>
      <div id="togglemenu">
        <span id="username">[unknown]</span>
        <span id="connectionstatus">
          <span id="good" title="connected" style="display: none">&#x2714;</span>
          <span id="bad" title="disconnected">&#x2718;</span>
        </span>
        <span id="imagetools" style="display: none">
          <img onclick="zoom(1)" src="images/zoom.svg" />
          <img onclick="rotateviz()" src="images/rotate.svg" />
        </span>
        <img id="menuicon" onclick="togglemenu()" onmouseover="$('#menu').show();" src="images/menu.svg" />
      </div>
    </div>
    
    <ul id="menu" style="display: none" onmouseleave="$('#menu').hide();">
      <li onclick="$('#menu').hide();overview()">Overview</li>
      <li onclick="$('#menu').hide();manage()">Manage</li>
      <li onclick="$('#menu').hide();imgs()">Images</li>
      <li onclick="$('#menu').hide();about()">About</li>
    </ul>

    <div id="main">

      <p>start up engine, please wait ...</p>
      
    </div>
    
<div id="status">
  
  <noscript>JavaScript is required for the interface.</noscript>
  
</div>
