34 lines
737 B
HTML
34 lines
737 B
HTML
|
<link rel="stylesheet" href="page/style.css">
|
||
|
|
|
||
|
|
<h1>DarkWiiPlayer/JS</h1>
|
||
|
|
<p>A JavaScript <em>micro-framework</em> to make front-end <em>easier</em></p>
|
||
|
|
|
||
|
|
<p>Note: <b>This website is still work in progress!</b></p>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Skooma.js</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Skooma lets you <strong>generate DOM nodes in JavaScript</strong>.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<h3 class="all-unset"><b>Code Sample</b>:</h3>
|
||
|
|
<pre><code>
|
||
|
|
import {html} from 'skooma.js'
|
||
|
|
|
||
|
|
let div = html.div([
|
||
|
|
html.h1('Hello, World!'),
|
||
|
|
html.p('Here is some text', {class: ["class_a", "class_b"]})
|
||
|
|
html.button("Click Me!", { click: event => console.log(event) })
|
||
|
|
])
|
||
|
|
</code></pre>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<a class="button" href="page/skooma.html">Read more</a>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Listener</h2>
|
||
|
|
</section>
|