1 | import CMenu from './components/c-menu.js';
|
2 | import Index from './select/index.js';
|
3 |
|
4 | document.head.insertAdjacentHTML('afterbegin', `
|
5 |
|
6 | <meta charset="utf-8" />
|
7 | <meta name="theme-color" content="darkorange" />
|
8 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
|
9 |
|
10 | <meta name="keywords" content="oxe, tiny, web, components, framework, library" />
|
11 | <meta name="description" content="A mighty tiny web components framework/library" />
|
12 |
|
13 | <title>Oxe</title>
|
14 |
|
15 | <link rel="stylesheet" href="/index.css" />
|
16 | `);
|
17 |
|
18 | document.body.insertAdjacentHTML('afterbegin', `
|
19 | <div class="title">
|
20 | <h1><span>O</span>xe</h1>
|
21 | <h2>A mighty tiny web components framework/library</h2>
|
22 | </div>
|
23 |
|
24 | <div class="menu">
|
25 | <a href="./">Home</a>
|
26 | <a href="./performance" o-external>Performance</a>
|
27 | <div class="menu-item">
|
28 | <div class="menu-item-button">
|
29 | <a>Examples</a>
|
30 | </div>
|
31 | <div class="menu-item-content">
|
32 | <a href="./test">Test</a>
|
33 | <a href="./class">Class</a>
|
34 | <a href="./input">Input</a>
|
35 | <a href="./style">Style</a>
|
36 | <a href="./select">Select</a>
|
37 | <a href="./each">Each</a>
|
38 | </div>
|
39 | </div>
|
40 | </div>
|
41 | `);
|
42 |
|
43 | Oxe.setup({
|
44 | component: {
|
45 | components: [
|
46 | CMenu,
|
47 | Index
|
48 | ]
|
49 | }
|
50 | }).catch(console.error);
|