jGE-WebTurtle/index.html at master · C0618C/jGE-WebTurtle · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Web Turtle</title>
    <script src="//vmwed.com/jGE/jGE.min.js"></script>
    <style>
        * {padding: 0px 0px;margin:0px 0px;border:0px;box-sizing: border-box;}
        body{overflow: hidden;}
        #main{overflow: hidden;position: relative;}
        #main #view_port{position: fixed;top: 0px;left: 0px;}
        #cmd{position: fixed;bottom: 1px;left:0px;overflow: hidden;}
        #cmd_log{height: 222px;background-color: black;border-top: 3px solid hsla(0,0%,50%,.35);padding-left: 20px;overflow-y: auto;}
        #cmd_in{height: 19px; border-top: 1px solid hsla(0,0%,50%,.35);padding-left: 20px;font-size: 12px;line-height: 18px;overflow: hidden;position:relative;}
        #cmd_in::before{float: left;content: "\203A";font-size:30px;margin-left:-15px;line-height: 12px;height: 19px;}
        #cmd_log p{color:white;padding-bottom: 5px;}
        #cmd_log p pre{font-size: 1.4em;margin-left:15px; }
        #cmd_input{width: 95%;position: absolute;top:0px;height: 19px;}
        #cmd_input:focus{outline:inherit;}
        #cmd_log .help_cmd,#cmd_log .HELP_CMD{display: inline-block;width:120px;margin-left:15px;}
    </style>
</head>
<body>
<div id="main">
    <div id="view_port"></div>
    <div id="cmd">
        <div id="cmd_log"></div>
        <div id="cmd_in">
            <input type="text" id="cmd_input" disabled="disabled" placeholder="请在这输入Logo指令，并按回车执行。"/>
        </div>
    </div>
</div>
<script src="logopolyfill.js"></script>
<script src="weblogo.js"></script>

</body>
</html>