js/index.html
2022-02-08 14:50:32 +01:00

49 lines
1.1 KiB
HTML

<link rel="stylesheet" href="page/style.css">
<script type="module" src="page/codeblock.js"></script>
<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>
<code-block>
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-block>
</p>
<a class="button" href="page/skooma.html">Read more</a>
</section>
<section>
<h2>Debounce</h2>
<p>
Debounces data like user input or events that can occur in a burst.
</p>
<p>
<h3 class="all-unset"><b>Code Sample</b>:</h3>
<code-block>
import debounce from 'debounce.js'
input.addEventListener("change", debounce(event =&gt; update(input.value)))
</code-block>
</p>
<a class="button" href="page/debounce.html">Read More</a>
</section>