turtle.js/index.html at main · hasan-bro-coder/turtle.js · 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="manifest" href="manifest.json" />
    <link rel="shortcut icon" href="icon.png" type="image/x-icon" />
    <title>Turtle Editor</title>
  </head>
  <body>
    <nav class="navbar">
      <div class="logo">Turtle<span>JS</span></div>
      <div id="nav-buttons">
        <button id="consoleToggleBtn" class="mobile-only">⌨</button>
        <button id="exportBtn">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
            <path
              d="M352 96C352 78.3 337.7 64 320 64C302.3 64 288 78.3 288 96L288 306.7L246.6 265.3C234.1 252.8 213.8 252.8 201.3 265.3C188.8 277.8 188.8 298.1 201.3 310.6L297.3 406.6C309.8 419.1 330.1 419.1 342.6 406.6L438.6 310.6C451.1 298.1 451.1 277.8 438.6 265.3C426.1 252.8 405.8 252.8 393.3 265.3L352 306.7L352 96zM160 384C124.7 384 96 412.7 96 448L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 448C544 412.7 515.3 384 480 384L433.1 384L376.5 440.6C345.3 471.8 294.6 471.8 263.4 440.6L206.9 384L160 384zM464 440C477.3 440 488 450.7 488 464C488 477.3 477.3 488 464 488C450.7 488 440 477.3 440 464C440 450.7 450.7 440 464 440z"
            />
          </svg>
        </button>
        <button id="importBtn">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
            <path
              d="M192 64C156.7 64 128 92.7 128 128L128 368L310.1 368L279.1 337C269.7 327.6 269.7 312.4 279.1 303.1C288.5 293.8 303.7 293.7 313 303.1L385 375.1C394.4 384.5 394.4 399.7 385 409L313 481C303.6 490.4 288.4 490.4 279.1 481C269.8 471.6 269.7 456.4 279.1 447.1L310.1 416.1L128 416.1L128 512.1C128 547.4 156.7 576.1 192 576.1L448 576.1C483.3 576.1 512 547.4 512 512.1L512 234.6C512 217.6 505.3 201.3 493.3 189.3L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z"
            />
          </svg>
        </button>
        <input
          type="file"
          id="fileInput"
          accept=".txt,.js,.py,.turtle"
          style="display: none"
        />
        <button id="runBtn">▶</button>
      </div>
    </nav>

    <main class="app-container">
      <div class="side-panel">
        <div id="editor-container"></div>
        <div id="console-container">
          <div id="console-bar">
            <div class="console-header">Console</div>
            <div class="console-clear">Clear</div>
          </div>
          <div id="console-output"></div>
        </div>
      </div>
      <div id="mobile-toolbar" class="toolbar mobile-only">

    </div>
      <div id="canvas-wrapper">
        <canvas id="turtleCanvas"></canvas>
        <canvas id="turtleCursorCanvas"></canvas>
      </div>
    </main>

    <script type="module" src="/src/main.ts"></script>
    <script type="module" src="/src/other.ts"></script>
    <script type="module" src="/src/module.ts"></script>
    <script async src="/src/pwa.js"></script>
  </body>
</html>