Change section order

index.html

@@ -22,8 +22,8 @@ <h2>Table of contents</h2>
 
 					<ul>
 						<li><a href="#kiss">KISS—Keep it simple, stupid</a></li>
-						<li><a href="#how-to-read">How to read the examples</a></li>
 						<li><a href="#list-of-examples">List of examples</a></li>
+						<li><a href="#how-to-read">How to read the examples</a></li>
 						<li><a href="#license">License</a></li>
 					</ul>
 				</aside>
@@ -58,6 +58,19 @@ <h2 id="kiss">KISS—Keep it simple, stupid</h2>
 					regularly pruning it—these are the guiding principles of the 'vanilla way'.
 				</p>
 
+				<h2 id="list-of-examples">List of examples</h2>
+
+				<ul>
+					<li><a href="using-existing-nodes">Using existing nodes</a></li>
+					<li><a href="creating-nodes">Creating nodes</a></li>
+					<li><a href="pre-rendered-list">Pre-rendered list</a></li>
+					<li><a href="paginated-list">Paginated list</a></li>
+					<li><a href="sorted-list">Sorted list</a></li>
+					<li><a href="filtered-list">Filtered list</a></li>
+					<li><a href="form-validation">Form validation</a></li>
+					<li><a href="click-outside">Click outside</a></li>
+				</ul>
+
 				<h2 id="how-to-read">How to read the examples</h2>
 
 				<p>
@@ -203,18 +216,6 @@ <h3>Entry point at the top</h3>
 					</li>
 				</ul>
 
-				<h2 id="list-of-examples">List of examples</h2>
-
-				<ul>
-					<li><a href="using-existing-nodes">Using existing nodes</a></li>
-					<li><a href="creating-nodes">Creating nodes</a></li>
-					<li><a href="pre-rendered-list">Pre-rendered list</a></li>
-					<li><a href="paginated-list">Paginated list</a></li>
-					<li><a href="sorted-list">Sorted list</a></li>
-					<li><a href="filtered-list">Filtered list</a></li>
-					<li><a href="form-validation">Form validation</a></li>
-					<li><a href="click-outside">Click outside</a></li>
-				</ul>
 
 				<h2 id="license">License</h2>