tortoise/index.html at master · morgannivan/tortoise · 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
38
<!DOCTYPE html>
<html>

<head>
  <title>Tortoise JS</title>

  <!-- stylesheets -->
  <link href="./src/css/stylesheets/crt.css" rel="stylesheet" type="text/css">
  <link href="./src/css/stylesheets/style.css" rel="stylesheet" type="text/css">

  <!-- scripts -->
  <script src="./src/js/tortoise.js"></script>
  <script src="./src/js/tokens.js"></script>
  <script src="./src/js/logo.js"></script>
</head>

<body>
  <input type="checkbox" id="switch">
  <label for="switch" class="switch-label">Turn </label>
  <div class="container">
    <div class="screen">
      <svg xmlns="http://www.w3.org/2000/svg" id="canvas" align="xMidYMid" viewBox="0 0 400 400">
        <g id="slate" transform="translate(200,100) scale(0.5,-0.5)">
          <path id="tortoise" d="M 00 20 L 10 0 L -10 0 z" fill="green" fill-opacity="1"
            stroke="green" stroke-opacity="0.8" stroke-width="1"/>
        </g>
      </svg>
      <div id="prog-div">
        <textarea id="program" rows="20"></textarea>
        <a id="run" href="#">RUN</a>
      </div>
    </div>
    <div class="overlay">LOGO Programming Language</div>
  </div>
  <script src="./src/js/control.js"></script>
</body>

</html>