xeonjs-org.github.io/index.html at master · xeonjs-org/xeonjs-org.github.io · 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
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
      <meta name="theme-color" content="#000000">
      <meta name="mobile-web-app-capable" content="yes">
      <meta name="apple-mobile-web-app-capable" content="yes">
      <meta name="apple-mobile-web-app-status-bar-style" content="black">
      <meta name="apple-mobile-web-app-title" content="SPI LAB">
      <meta name="google-site-verification" content="URRFN_3VfUN3pBW5aUSQIa0OsRjyBt3OVF6KqKfhTsI" />
      <link rel="shortcut icon" href="./111c7e624a45f4dc21ea07127579ae71.ico" type="image/x-icon">
      <link rel="apple-touch-icon" sizes="192x192" href="./64f2c1db67152636e9ef89493e37164a.png">
      <link rel="apple-touch-icon" sizes="384x384" href="./afe72a93d55783bea2cf0263016a04ac.png">
      <link rel="apple-touch-icon" sizes="512x512" href="./d482c3210fa479c0c09a566e40dd0d90.png">
      <link rel="apple-touch-icon" sizes="1024x1024" href="./751e43f445ea31f40c3608e4e1f5f761.png">

      <title>XEON JS - Documentation</title>
      <meta name="description"
            content="XEON JS, a web-framework & javascript library to create amazing User Interfaces.">
      <style>
            :root {
                  --primary-text-color: #fff;
                  --primary-link-color: #1696eb;
                  --secondary-link-color: #0d86ff;
                  --primary-background-color: #FFF9EB;
                  --primary-select-background-color: #0197af66;
                  --primary-font-family: system-ui
            }

            * {
                  margin: 0;
                  padding: 0;
                  box-sizing: border-box
            }

            body,
            html {
                  height: 100%;
                  width: 100%;
                  overflow: hidden;
                  font-family: system-ui;
                  user-select: none
            }

            #root {
                  height: 100%;
                  width: 100%;
                  overflow: hidden;
                  background-color: #eee;
                  color: #000
            }

            @media (prefers-color-scheme:dark) {
                  :root {
                        --primary-text-color: #fff;
                        --primary-link-color: #3498db;
                        --secondary-link-color: #3399FF;
                        --primary-background-color: #000614;
                        --primary-select-background-color: #0197af66;
                        --primary-font-family: system-ui
                  }

                  #root {
                        background-color: #21242a;
                        color: #fff
                  }
            }

            a {
                  color: var(--primary-link-color);
                  text-decoration: none
            }

            a:hover {
                  text-decoration: underline
            }
      </style>
      <script defer="defer" src="./static/js/runtime.bundle.js"></script>
      <script defer="defer" src="./static/js/vendors.bundle.js"></script>
      <script defer="defer" src="./static/js/main.bundle.js"></script>
</head>

<body>
      <div id="root"></div>
</body>

</html>