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>
@@ -369,10 +367,7 @@ html.flexRow (
 		{ class: "todo", gap: 1 },
 		value,
 		html.span("[x]", {
-		style: {
+			style: { cursor: "pointer" },
-			color: "var(--primary-6)",
-			cursor: "pointer"
-		},
 			click(event) {
 				event
 					.target
@@ -381,6 +376,7 @@ html.flexRow (
 			}
 		})
 	)
+
 let todo, input
 return todo = html.flexColumn(
 	{gap: 1},