2013-07-26 23:52:33 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2013-07-27 18:19:50 +02:00
|
|
|
<title>Doodle3D</title>
|
2013-07-26 23:52:33 +02:00
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
2013-10-30 13:03:15 +01:00
|
|
|
<link rel="icon" type="image/ico" href="./favicon_alt.ico"/>
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" href="./img/webpage_icons/apple-touch-icon-144x144-precomposed.png"/>
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" href="./img/webpage_icons/apple-touch-icon-144x144-precomposed.png" sizes="144x144" />
|
2013-09-18 10:46:36 +02:00
|
|
|
<meta id="Viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
2013-10-23 06:46:07 +02:00
|
|
|
<link href="css/styles.min.css" rel="stylesheet" media="screen">
|
|
|
|
|
<link href="css/debug.min.css" rel="stylesheet" media="screen">
|
2014-01-09 17:05:03 +01:00
|
|
|
<!-- <link href="http://jquerytools.org/media/css/rangeinput/skin1.css" rel="stylesheet" media="screen"> -->
|
2013-07-26 23:52:33 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2013-10-11 11:42:27 +02:00
|
|
|
<div id="landscape" class="clearfix">
|
|
|
|
|
|
|
|
|
|
<!-- background images -->
|
|
|
|
|
<div class="bgContainer">
|
|
|
|
|
<img class="bgTop" src="img/bg_top.png" />
|
2013-07-26 23:52:33 +02:00
|
|
|
<img class="bgMiddle" src="img/bg_middle.png" />
|
|
|
|
|
<img class="bgBottom" src="img/bg_bottom.png" />
|
2013-10-11 11:42:27 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- left panel -->
|
|
|
|
|
<div class="leftpanel shadowright">
|
2014-01-09 17:05:03 +01:00
|
|
|
<!-- <div class='sidebutton shadowright'></div> -->
|
2013-10-11 11:42:27 +02:00
|
|
|
<img class="btnNew btn" src="img/buttons/btnNew.png" /><br/>
|
2013-10-29 23:26:09 +01:00
|
|
|
<div class="btnsPrevNext" style="text-align:center">
|
2013-12-11 17:57:29 +01:00
|
|
|
<img class="btnPrevious btn disabled" src="img/buttons/btnLeft.png">
|
|
|
|
|
<img class="btnNext btn disabled" src="img/buttons/btnRight.png">
|
2013-07-26 23:52:33 +02:00
|
|
|
</div>
|
2013-10-11 11:42:27 +02:00
|
|
|
<img class="btnSave btn" src="img/buttons/btnSave.png" /><br/>
|
|
|
|
|
<img class="btnOops btn" src="img/buttons/btnOops.png" /><br/>
|
2014-01-09 17:05:03 +01:00
|
|
|
<img class="btnAdd btn" src="img/buttons/btnAdd.png" /><br/>
|
|
|
|
|
|
|
|
|
|
<div class="buttonGroup buttonGroupAdd">
|
|
|
|
|
<img class="btnWordArt btn" src="img/buttons/btnWordArt.png" />
|
|
|
|
|
<img class="btnShape btn" src="img/buttons/btnShape.png" />
|
|
|
|
|
</div>
|
|
|
|
|
|
2013-10-11 11:42:27 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- right panel -->
|
|
|
|
|
<div class="rightpanel shadowleft">
|
2013-10-21 10:28:04 +02:00
|
|
|
<img class="btnPrint btn clearfix" src="img/buttons/btnPrint.png" />
|
|
|
|
|
<img class="btnStop btn clearfix disabled" src="img/buttons/btnStop.png" />
|
|
|
|
|
|
2013-10-22 11:00:33 +02:00
|
|
|
<div class="progressbarCanvasContainerParent">
|
2013-10-16 23:11:06 +02:00
|
|
|
<div id="progressbarCanvasContainer">
|
|
|
|
|
<canvas id="progressbarCanvas" width="93" height="82"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2013-10-22 11:00:33 +02:00
|
|
|
<div class="thermometerContainerParent">
|
2013-10-16 23:11:06 +02:00
|
|
|
<div id="thermometerContainer">
|
|
|
|
|
<canvas id="thermometerCanvas" width="90" height="120"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
|
|
|
|
<div id="verticalShapes">
|
|
|
|
|
<img class="btn btnVertical btnStraight" src="img/buttons/btnStraight.png"/>
|
|
|
|
|
<img class="btn btnVertical btnDiv" src="img/buttons/btnDiv.png"/>
|
|
|
|
|
<img class="btn btnVertical btnConv" src="img/buttons/btnConv.png"/>
|
|
|
|
|
<img class="btn btnVertical btnSine" src="img/buttons/btnSine.png"/>
|
|
|
|
|
<!-- <div><img class="verticalshape straight" src="img/vertical_shape_icons/straight.png" /></div>
|
|
|
|
|
<div><img class="verticalshape diverging" src="img/vertical_shape_icons/diverging.png" /></div>
|
|
|
|
|
<div><img class="verticalshape converging" src="img/vertical_shape_icons/converging.png" /></div>
|
|
|
|
|
<div><img class="verticalshape sinus" src="img/vertical_shape_icons/sinus.png" /></div> -->
|
|
|
|
|
</div>
|
|
|
|
|
|
2013-10-11 11:42:27 +02:00
|
|
|
<div class="btnsSettingsInfo">
|
|
|
|
|
<img class="btnSettings btn" src="img/buttons/btnSettings.png">
|
|
|
|
|
<img class="btnInfo btn" src="img/buttons/btnInfo.png">
|
|
|
|
|
</div>
|
2013-10-22 19:43:37 +02:00
|
|
|
|
2014-01-09 17:05:03 +01:00
|
|
|
|
2013-07-26 23:52:33 +02:00
|
|
|
</div>
|
2013-12-11 17:57:29 +01:00
|
|
|
|
2013-10-29 14:43:48 +01:00
|
|
|
<div id="message"></div>
|
2013-10-11 11:42:27 +02:00
|
|
|
|
|
|
|
|
<!-- center panel -->
|
|
|
|
|
<div class="centerpanel">
|
2014-01-09 17:05:03 +01:00
|
|
|
|
|
|
|
|
<div class="logopanel" onclick="location.reload()">
|
|
|
|
|
<img class="pencil" src="img/logo/pencil.png"/>
|
|
|
|
|
<img class="logo" src="img/logo/doodle3d.png"/>
|
2013-09-18 16:02:51 +02:00
|
|
|
</div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
2013-10-11 11:42:27 +02:00
|
|
|
<div class="drawareacontainer">
|
2014-01-09 17:05:03 +01:00
|
|
|
|
2013-10-11 11:42:27 +02:00
|
|
|
<div id="canvasContainers">
|
|
|
|
|
<div id="mycanvasContainer">
|
|
|
|
|
<canvas id="mycanvas"></canvas>
|
|
|
|
|
</div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
2013-10-11 11:42:27 +02:00
|
|
|
<div id="previewContainer">
|
|
|
|
|
<canvas id="preview"></canvas>
|
|
|
|
|
</div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
2013-07-26 23:52:33 +02:00
|
|
|
</div>
|
2013-10-11 11:42:27 +02:00
|
|
|
<canvas id="preview_tmp"></canvas>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
|
|
|
|
<img class="btnEditClosed btn" src="img/buttons/btnEditClosed.png" />
|
|
|
|
|
<img class="btnEditOpen btn" src="img/buttons/btnEditOpen.png" />
|
|
|
|
|
|
|
|
|
|
</div>
|
2013-07-26 23:52:33 +02:00
|
|
|
</div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
2013-08-08 00:22:23 +02:00
|
|
|
<div id="debug_textArea">
|
2013-12-05 11:14:12 +01:00
|
|
|
<button onclick="settingsWindow.downloadGcode()">Download gcode</button>
|
2013-07-26 23:52:33 +02:00
|
|
|
</div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
|
|
|
|
<div id="debug_display"></div>
|
|
|
|
|
|
|
|
|
|
<div class="popupMask"></div>
|
|
|
|
|
|
|
|
|
|
<div class="popup popupWordArt">
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h1>Add WordArt</h1>
|
|
|
|
|
Please enter your text:<br>
|
|
|
|
|
<input class="txtWordArt" type="text"/>
|
|
|
|
|
<img class="btn btnWordArtOk" src="img/buttons/btnOk.png">
|
|
|
|
|
</div>
|
2013-10-11 12:39:05 +02:00
|
|
|
</div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
|
|
|
|
<div class="popup popupShape">
|
|
|
|
|
<div class="content">
|
|
|
|
|
<h1>Add a new shape</h1>
|
|
|
|
|
<div class="columnRight">
|
|
|
|
|
<img class="btn btnShapeMin" src="img/buttons/btnMin.png" />
|
|
|
|
|
<img class="btn btnShapePlus" src="img/buttons/btnPlus.png" />
|
|
|
|
|
<img class="btn btnShapeOk" src="img/buttons/btnOk.png">
|
|
|
|
|
</div>
|
|
|
|
|
<canvas class="shapePreview" width="150" height="150"></canvas><br/>
|
|
|
|
|
<div class="lblShapeResolution"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2013-07-28 02:46:32 +02:00
|
|
|
<div id="contentOverlay">
|
2013-08-08 00:22:23 +02:00
|
|
|
<div id="settings">
|
2013-10-11 23:33:19 +02:00
|
|
|
<div class="toppanel">
|
|
|
|
|
<div class="settingsLabelContainer">
|
|
|
|
|
<img class="settingsLabelImg" src="img/settings_lable.png" alt="settings" />
|
|
|
|
|
</div>
|
2013-10-11 11:42:27 +02:00
|
|
|
</div>
|
2013-10-11 23:33:19 +02:00
|
|
|
<div class="bottompanel">
|
|
|
|
|
<div class="settingsContainer"></div>
|
2013-11-22 17:45:43 +01:00
|
|
|
<div class="right">
|
|
|
|
|
<div class="btnContainer">
|
2013-12-05 17:32:29 +01:00
|
|
|
<img src="img/buttons/btnOk.png" class="btn btnOK" alt="save"/>
|
2013-11-22 17:45:43 +01:00
|
|
|
</div>
|
2013-07-28 02:46:32 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2013-07-26 23:52:33 +02:00
|
|
|
</div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
2013-07-26 23:52:33 +02:00
|
|
|
<div id="portrait">
|
2013-10-21 11:40:38 +02:00
|
|
|
<img class="vertImage" src="img/bg_vertical.png"/>
|
2013-07-26 23:52:33 +02:00
|
|
|
</div>
|
2013-10-23 06:46:07 +02:00
|
|
|
<div id="helpContainer"></div>
|
2014-01-09 17:05:03 +01:00
|
|
|
|
2013-10-23 23:40:26 +02:00
|
|
|
<script src="js/libs/jquery-1-9-1.min.js"></script>
|
2014-01-09 17:05:03 +01:00
|
|
|
<!-- <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> -->
|
2013-10-23 06:46:07 +02:00
|
|
|
<script src="js/libs/jquery-cookie.min.js"></script>
|
2013-10-23 11:39:25 +02:00
|
|
|
<script src="js/libs/jquery-joyride-2-1.min.js"></script>
|
2013-12-04 13:42:37 +01:00
|
|
|
<script src="js/libs/jquery-coolfieldset.min.js"></script>
|
2013-12-05 18:13:33 +01:00
|
|
|
<script src="js/libs/FileSaver.min.js"></script>
|
2014-01-09 17:05:03 +01:00
|
|
|
<script src="js/libs/jquery-fastclick.min.js"></script>
|
2013-10-23 11:40:54 +02:00
|
|
|
<script src="js/doodle3d-client.min.js"></script>
|
2013-10-22 12:21:45 +02:00
|
|
|
|
2013-07-26 23:52:33 +02:00
|
|
|
</body>
|
2013-10-22 19:43:37 +02:00
|
|
|
</html>
|
