diff options
Diffstat (limited to 'examples/quadrilaterals/index.html')
-rwxr-xr-x | examples/quadrilaterals/index.html | 61 |
1 files changed, 50 insertions, 11 deletions
diff --git a/examples/quadrilaterals/index.html b/examples/quadrilaterals/index.html index 346bbb7..ed7d791 100755 --- a/examples/quadrilaterals/index.html +++ b/examples/quadrilaterals/index.html @@ -18,29 +18,68 @@ <script type="text/javascript" src="../../js/jquery.jgrowl_minimized.js"></script> <script type="text/javascript" src="js/activity.js"></script> - </head> +<!-- <body> <noscript> Man, you need to enable JavaScript. </noscript> + <div id="main"> + + Construct a quadrilateral by moving the given straight lines to appropriate places + Make quadrilaterals on geo-board + + + <div id="Karma" class="kanimation"> - <canvas id="canvas" width="550" height="400"></canvas> - <canvas id="canvasDrawing" width="550" height="400"></canvas> - <canvas id="canvasTmp" width="550" height="400"></canvas> - <div class="kbutton" id="previous">Previous</div> - <div class="kbutton" id="next">Next</div> + + <img id="imgBg" src="images/bg.png" + <img id="imgPrev" src="images/previous.png" /> + <img id="imgNext" src="images/next.png" /> + <img id="btnErase" src="images/erase.png" /> + <canvas id="canvas" width="550" height="400"></canvas> + <canvas id="canvasDrawing" width="550" height="400"></canvas> + <canvas id="canvasTmp" width="550" height="400"></canvas> + </div> +</body> +--> + +<body> + + <noscript> + Man, you need to enable JavaScript. + </noscript> + + <div id="main"> + <div id="left"> + Construct a quadrilateral by moving the given straight lines to appropriate places </div> - <div id="bottom"> - <div class="kbutton" id="erase">Erase</div> + <div id="right"> + Make quadrilaterals on geo-board </div> - <div id="debug"> </div> - - + + <div id="Karma"> + <canvas id="canvas" width="550" height="400"></canvas> + <canvas id="canvasDrawing" width="550" height="400"></canvas> + <canvas id="canvasTmp" width="550" height="400"></canvas> + </div> + <div id="btn"> + <img id="imgPrev" src="images/previous.png" /> + <img id="imgNext" src="images/next.png" /> + </div> + <div id="erase"> + <img id="btnErase" src="images/erase.png" /> + </div> + + + + </div> + </body> + </html> |