<!DOCTYPE html>
<html>
<head>
  <title>Doodle3D</title>
  <link href="css/style.css" rel="stylesheet" media="screen">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
</head>
<body>

  <div id="toolbar">
    <img id="logo" src="../img/logo/doodle3d.png" alt="Doodle3D">
    <h1>Print Management</h1>
    You can combine multiple doodles to print them at once. Just move and scale these doodles on your tablet. When done, press Next.
    <br><br>
    <hr>
    <button id="btnPrevious">Previous</button>
    <button id="btnNext">Next</button>

    <!-- <button id="btnRefresh">Refresh</button>
    <button id="btnDownload">Download</button>
    <button id="btnPrint">Print</button>
    <button id="btnStop">Stop</button>
    <button id="btnExtrude">Extrude 10mm</button> -->
    <!-- <span class="statusvar" id="lblState"></span>
    <span class="statusvar" id="lblNozzle"></span>
    <span class="statusvar" id="lblBed"></span>
    <span class="statusvar" id="txtInfo"></span>
    <span class="statusvar" id="lblBufferProgress"></span>
    <span class="statusvar" id="lblPrintProgress"></span> -->
    <!-- <hr> -->
  </div>

  <div id="svgContainer"></div>

  <div id="rightToolbar">
    
  </div>
  <!-- <canvas id="printPreview" id="canvas" width="400" height="400"></canvas> -->

  <script src="../js/libs/jquery-1-9-1.min.js"></script>
  <script src="../js/doodle3d-api.min.js"></script>
  <script src="js/Point.js"></script>
  <script src="js/Rectangle.js"></script>
  <script src="js/Polyline.js"></script>
  <script src="js/Path.js"></script>
  <script src="js/Svg.js"></script>
  <script src="js/Doodle.js"></script>
  <script src="js/ViewerItem.js"></script>
  <script src="js/Viewer.js"></script>
  <script src="js/Doodle2gcode.js"></script>
  <script src="js/PrintPreview.js"></script>
  <script src="js/main.js"></script>
  
</body>
</html>