mirror of
https://github.com/Doodle3D/doodle3d-client.git
synced 2024-11-25 02:27:56 +01:00
160 lines
5.8 KiB
HTML
Executable File
160 lines
5.8 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Doodle3D</title>
|
|
|
|
<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" />
|
|
<link rel="icon" type="image/ico" href="favicon_alt.ico"/>
|
|
<link href="./img/webpage_icons/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" />
|
|
|
|
<meta id="Viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
|
|
|
<link href="css/styles.css" rel="stylesheet" media="screen">
|
|
<link href="css/debug.css" rel="stylesheet" media="screen">
|
|
|
|
</head>
|
|
<body>
|
|
<div id="landscape" class="clearfix">
|
|
|
|
<!-- background images -->
|
|
<div class="bgContainer">
|
|
<img class="bgTop" src="img/bg_top.png" />
|
|
<img class="bgMiddle" src="img/bg_middle.png" />
|
|
<img class="bgBottom" src="img/bg_bottom.png" />
|
|
</div>
|
|
|
|
<!-- left panel -->
|
|
<div class="leftpanel shadowright">
|
|
<div class='sidebutton shadowright'></div>
|
|
<img class="btnNew btn" src="img/buttons/btnNew.png" /><br/>
|
|
<div class="btnsPrevNext">
|
|
<img class="btnPrevious btn" src="img/buttons/btnLeft.png">
|
|
<img class="btnNext btn" src="img/buttons/btnRight.png">
|
|
</div>
|
|
<img class="btnSave btn" src="img/buttons/btnSave.png" /><br/>
|
|
<img class="btnOops btn" src="img/buttons/btnOops.png" /><br/>
|
|
</div>
|
|
|
|
<!-- right panel -->
|
|
<div class="rightpanel shadowleft">
|
|
<!--<div class='sidebutton shadowleft'></div>-->
|
|
<!--<div><img class="btnPrint btn" src="img/buttons/btnPrint.png" /></div>-->
|
|
<!--<div><img class="btnStop btn disabled" src="img/buttons/btnStop.png" /></div>-->
|
|
<div class="clearfix">
|
|
<img class="btnPrint btn" src="img/buttons/btnPrint.png" />
|
|
</div>
|
|
<div class="clearfix">
|
|
<img class="btnStop btn disabled" src="img/buttons/btnStop.png" />
|
|
</div>
|
|
<!-- not now
|
|
<div id="printProgressContainer">
|
|
<label for="progressbarContainer">Progress:</label><span class="progressAmount">0%</span>
|
|
<div id="progressbarContainer">
|
|
<div id="progressbar"></div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<div class="progressbarCanvasContainerParent clearfix">
|
|
<div id="progressbarCanvasContainer">
|
|
<canvas id="progressbarCanvas" width="93" height="82"></canvas>
|
|
</div>
|
|
</div>
|
|
<div class="thermometerContainerParent clearfix">
|
|
<div id="thermometerContainer">
|
|
<canvas id="thermometerCanvas" width="90" height="120"></canvas>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<div id="thermometerContainer" class="clearfix">-->
|
|
<!--<canvas id="thermometerCanvas" width="90" height="120"></canvas>-->
|
|
<!--</div>-->
|
|
<!-- 2013-10-16 tmp backup
|
|
<div id="thermometerContainer">
|
|
<canvas id="thermometerCanvas" width="100" height="125"></canvas>
|
|
</div>
|
|
-->
|
|
<div class="btnsSettingsInfo">
|
|
<img class="btnSettings btn" src="img/buttons/btnSettings.png">
|
|
<img class="btnInfo btn" src="img/buttons/btnInfo.png">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- center panel -->
|
|
<div class="centerpanel">
|
|
<div class="logopanel">
|
|
<div class="d3dlogo" onclick="location.reload()"></div>
|
|
</div>
|
|
<div class="drawareacontainer">
|
|
<div id="canvasContainers">
|
|
<div id="mycanvasContainer">
|
|
<canvas id="mycanvas"></canvas>
|
|
</div>
|
|
<div id="previewContainer">
|
|
<canvas id="preview"></canvas>
|
|
</div>
|
|
</div>
|
|
<canvas id="preview_tmp"></canvas>
|
|
<div id="verticalShapes">
|
|
<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>
|
|
</div>
|
|
<div class="bottompanel">
|
|
<div class="manipulationBtns clearfix">
|
|
<div id="btnsUpDown">
|
|
<img class="manipulationBtn" id="btnMoveUp" src="img/buttons/btnUp.png" />
|
|
<img class="manipulationBtn" id="btnMoveDown" src="img/buttons/btnDown.png" />
|
|
</div>
|
|
<div id="btnsTurnLeftRight">
|
|
<img class="manipulationBtn" id="btnTwistLeft" src="img/buttons/btnTurnLeft.png" />
|
|
<img class="manipulationBtn" id="btnTwistRight" src="img/buttons/btnTurnRight.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="debug_textArea">
|
|
<textarea rows="5" cols="60" id="textdump"></textarea>
|
|
</div>
|
|
<div id="debug_display">
|
|
</div>
|
|
<div id="contentOverlay">
|
|
<div id="settings">
|
|
<div class="toppanel">
|
|
<div class="settingsLabelContainer">
|
|
<img class="settingsLabelImg" src="img/settings_lable.png" alt="settings" />
|
|
</div>
|
|
</div>
|
|
<div class="bottompanel">
|
|
<div class="settingsContainer"></div>
|
|
<div class="btnContainer">
|
|
<img src="img/buttons/btnOk_settings.png" class="btnOK" alt="settings"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="portrait">
|
|
<img class="vertImage" src="img/bg_vertical2.png"/>
|
|
</div>
|
|
<script src="js/libs/jquery-1.8.3.min.js"></script>
|
|
<script src="js/SettingsWindow.js"></script>
|
|
<script src="js/d3dServerInterfacing.js"></script>
|
|
<script src="js/verticalShapes.js"></script>
|
|
<script src="js/buttonbehaviors.js"></script>
|
|
<script src="js/canvasDrawing.js"></script>
|
|
<script src="js/previewRendering.js"></script>
|
|
<script src="js/gcodeGenerating.js"></script>
|
|
<script src="js/init_layout.js"></script>
|
|
<script src="js/Printer.js"></script>
|
|
<script src="js/Progressbar.js"></script>
|
|
<script src="js/Thermometer.js"></script>
|
|
<script src="js/utils.js"></script>
|
|
<script src="js/sidebar.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
</body>
|
|
</html> |