Tweak code formatting and rephrase a sentence

index.html

@@ -121,7 +121,7 @@
 				</p>
 
 				<p>
-					If that sounds good, it's time to back up those claims!
+					Sounds good? Continue reading to find out how to try it yourself!
 				</p>
 			</div>
 		</section>
@@ -252,14 +252,13 @@ component(myComponent) //Registers it as &lt;my-component&gt;</code></pre>
 
 					<nyooom-showcase preview=false>
 						<code>
-<div contenteditable="false">return html.span(
+<div contenteditable="false">return html.span({
-	{ dataset: {
+	dataset: {
 		from: "Fire",
 		to: "Heat",
 		snakeCase: "converted"
-	} },
+	}
-	"Heat from Fire"
+}, "Heat from Fire")</div>
-)</div>
 						</code>
 					</nyooom-showcase>
 
@@ -269,13 +268,12 @@ component(myComponent) //Registers it as &lt;my-component&gt;</code></pre>
 
 					<nyooom-showcase code=false>
 						<code>
-<div contenteditable="false">return html.div(
+<div contenteditable="false">return html.div({
-	{ shadowRoot: [
+	shadowRoot: [
 		html.p("Shadow DOM text"),
 		"Arrays work too :)"
-	]},
+	]
-	"Light DOM text"
+}, "Light DOM text")</div>
-)</div>
 						</code>
 					</nyooom-showcase>
 				</section>
@@ -365,22 +363,20 @@ return html.buttonGroup(
 			<nyooom-showcase code="false">
 				<code>
 <div contenteditable="false">const task = value => 
-html.flexRow (
+	html.flexRow(
-	{class: "todo", gap: 1},
+		{ class: "todo", gap: 1 },
-	value,
+		value,
-	html.span("[x]", {
+		html.span("[x]", {
-		style: {
+			style: { cursor: "pointer" },
-			color: "var(--primary-6)",
+			click(event) {
-			cursor: "pointer"
+				event
-		},
+					.target
-		click(event) {
+					.closest(".todo")
-			event
+					.remove()
-				.target
+			}
-				.closest(".todo")
+		})
-				.remove()
+	)
-		}
+
-	})
-)
 let todo, input
 return todo = html.flexColumn(
 	{gap: 1},