coding-2d-cookbook/index.html at main · feldhaus/coding-2d-cookbook · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Coding 2D Cookbook</title>
    <meta
      name="viewport"
      content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width, minimal-ui" />
    <meta name="mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" href="vendor/codemirror/codemirror.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <nav class="main-nav">
      <div class="main-menu"></div>
    </nav>
    <article class="main-content">
      <h1>Loading&hellip;</h1>
      <h2>Subtitle</h2>
      <div class="example-frame">
        <div class="sizer" id="example">
          <iframe id="preview" src="blank.html"></iframe>
        </div>
        <div class="reload">
          <svg
            version="1.1"
            id="Layer_1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            x="0px"
            y="0px"
            viewBox="0 0 30.9 30.9"
            xml:space="preserve">
            <path
              id="XMLID_4_"
              d="M30.4,18.6c0,0.1,0,0.1,0,0.1c-0.9,3.6-2.7,6.5-5.4,8.7c-2.7,2.2-5.9,3.3-9.6,3.3c-2,0-3.8-0.4-5.7-1.1
                        C7.8,29,6.2,28,4.8,26.6l-2.6,2.6c-0.3,0.3-0.6,0.4-0.9,0.4s-0.6-0.1-0.9-0.4C0.1,28.9,0,28.6,0,28.3v-9c0-0.3,0.1-0.6,0.4-0.9
                        C0.6,18.1,0.9,18,1.3,18h9c0.3,0,0.6,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9c0,0.3-0.1,0.6-0.4,0.9l-2.8,2.8c1,0.9,2,1.6,3.2,2
                        c1.2,0.5,2.5,0.7,3.8,0.7c1.8,0,3.5-0.4,5-1.3c1.6-0.9,2.8-2.1,3.7-3.6c0.1-0.2,0.5-1,1.1-2.4c0.1-0.3,0.3-0.5,0.6-0.5h3.9
                        c0.2,0,0.3,0.1,0.5,0.2C30.3,18.3,30.4,18.5,30.4,18.6z M30.9,2.6v9c0,0.3-0.1,0.6-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4h-9
                        c-0.3,0-0.6-0.1-0.9-0.4s-0.4-0.6-0.4-0.9c0-0.3,0.1-0.6,0.4-0.9l2.8-2.8c-2-1.8-4.3-2.8-7-2.8c-1.8,0-3.5,0.4-5,1.3
                        S7.6,8.5,6.7,10c-0.1,0.2-0.5,1-1.1,2.4c-0.1,0.3-0.3,0.5-0.6,0.5H1c-0.2,0-0.3-0.1-0.5-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-0.1
                        C1.2,8.5,3,5.6,5.8,3.3s6-3.3,9.6-3.3c2,0,3.9,0.4,5.7,1.1c1.8,0.7,3.5,1.8,4.9,3.1l2.6-2.6c0.3-0.3,0.6-0.4,0.9-0.4
                        s0.6,0.1,0.9,0.4C30.7,1.9,30.9,2.2,30.9,2.6z" />
          </svg>
        </div>
      </div>
      <div class="code clearfix">
        <h3 id="code-header">Example Code</h3>
        <textarea id="code"></textarea>
        <div class="footer"></div>
      </div>
    </article>
    <script
      src="https://code.jquery.com/jquery-3.7.1.min.js"
      integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
      crossorigin="anonymous"></script>
    <script src="vendor/codemirror/codemirror.js"></script>
    <script src="vendor/codemirror/javascript.js"></script>
    <script src="js/index.js" crossorigin="anonymous"></script>
  </body>
</html>