Add IDs to headings in skooma page

page/skooma.html

@@ -12,7 +12,7 @@
 <code-block>import {html} from 'skooma.js'</code-block>
 
 <section>
-	<h2>Introduction & Scope</h2>
+	<h2 id="introduction">Introduction & Scope</h2>
 	<p>
 		Skooma.js is a library for generating DOM nodes within JavaScript.
 	</p>
@@ -30,7 +30,7 @@
 </section>
 
 <section>
-	<h2>Showcase</h2>
+	<h2 id="showcase">Showcase</h2>
 
 	<p>Here's a few examples of how things are done in Skooma.js and how it compares to vanilla JavaScript.</p>
 
@@ -183,7 +183,7 @@
 </section>
 
 <section>
-	<h2>The <code>svg</code> helper</h2>
+	<h2 id="svg">The <code>svg</code> helper</h2>
 
 	<p>
 		This works exactly the same as the <code>html</code> helper,
@@ -193,7 +193,7 @@
 </section>
 
 <section>
-	<h2>The <code>text</code> helper</h2>
+	<h2 id="text">The <code>text</code> helper</h2>
 	<div class="columns">
 		<p>The <code>text</code> helper provides a convenient wrapper around the
 		<code>document.createTextNode</code> function</p>
@@ -246,7 +246,7 @@
 </section>
 
 <section>
-	<h2>The <code>fragment</code> helper</h2>
+	<h2 id="fragment">The <code>fragment</code> helper</h2>
 
 	<p>
 		This helper simply collects its arguments into a document fragment.
@@ -259,7 +259,7 @@
 </section>
 
 <section>
-	<h2>The <code>bind</code> helper</h2>
+	<h2 id="bind">The <code>bind</code> helper</h2>
 
 	<dl>
 		<code>
@@ -332,7 +332,7 @@
 </section>
 
 <section>
-	<h2>The <code>handle</code> helper</h2>
+	<h2 id="handle">The <code>handle</code> helper</h2>
 
 	<p>
 		This helper function takes an event handler and wraps it in a new
@@ -347,7 +347,7 @@
 </section>
 
 <section>
-	<h2>The <code>empty</code> constant</h2>
+	<h2 id="empty">The <code>empty</code> constant</h2>
 
 	<p>
 		This symbol will be completely ignored when it appears as a children in any skooma generator.