invent/index.html at main · invent-framework/invent · 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Invent</title>

    <!-- Recommended meta tags -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    <link rel="stylesheet" href="https://pyscript.net/releases/2026.2.1/core.css" />
    <script type="module" src="https://pyscript.net/releases/2026.2.1/core.js"></script>
    <style>
    body {
      font-family: Verdana, Geneva, Tahoma, sans-serif;
    }
    a, a:visited {
      color: #004dcc;
    }
    h2 {
      color: #0000008a;
    }
    </style>
</head>
<body>
  <mpy-config>
    {
      "files":{
          "./static/test_suite.tar.gz": "./*",
          "https://raw.githubusercontent.com/ntoll/upytest/main/upytest.py": "",
          "https://raw.githubusercontent.com/ntoll/umock/main/umock.py": ""
      }
  }
  </mpy-config>
  <py-config>
    {
      "files":{
          "./static/test_suite.tar.gz": "./*",
          "https://raw.githubusercontent.com/ntoll/upytest/main/upytest.py": "",
          "https://raw.githubusercontent.com/ntoll/umock/main/umock.py": ""
      }
  }
  </py-config>
  <div style="margin: auto; width: 85%" id="main">
    <a href="./"><img src="./static/logo_black.svg" style="height: 128px;"/></a>
    <h2>Express yourself with code.</h2>
    <p>
      <a href="https://github.com/invent-framework/invent" target="_blank">Source code</a> ·
      <a href="https://invent-framework.github.io/" target="_blank">Documentation</a> ·
      <a href="./examples/" target="_blank">Examples</a> ·
      <a href="./examples/theme_testcard/index.html" target="_blank">Widgets</a> ·
      <a href="https://discord.gg/TKyjvSynTP" target="_blank">Community</a>
    </p>
    <p id="test_instructions">
      <label for="runtime">Run test suite in: </label>
      <select id="runtime">
        <option value="mpy">MicroPython</option>
        <option value="py">Pyodide</option>
      </select>
      <button id="go">Go</button>
    </p>
    <script>
      go = document.getElementById("go");
      go.onclick = function() {
        const source="./static/main.py";
        const settings="./static/settings.json";
        const runtime = document.getElementById("runtime").value;
        const script = document.createElement('script');
        script.type = runtime;
        script.src = source;
        script.setAttribute('terminal', '');
        const instructions = document.getElementById("test_instructions");
        instructions.innerHTML = "Running tests... (<a href='./'>Reset</a>)";
        const main = document.getElementById("main");
        main.appendChild(script);
      };
    </script>
  </div>
</body>
</html>