diff --git a/demo.html b/demo.html index c3644e5e..def4d26f 100644 --- a/demo.html +++ b/demo.html @@ -88,6 +88,42 @@

+
+

Pretty Code

+ 

+						import React, { useState } from 'react';
+
+						function Example() {
+						  const [count, setCount] = useState(0);
+
+						  return (
+						    ...
+						  );
+						}
+
+

Code syntax highlighting courtesy of highlight.js.

+
+ +
+

With animations

+ 

+						import React, { useState } from 'react';
+
+						function Example() {
+						  const [count, setCount] = useState(0);
+
+						  return (
+						    <div>
+						      <p>You clicked {count} times</p>
+						      <button onClick={() => setCount(count + 1)}>
+						        Click me
+						      </button>
+						    </div>
+						  );
+						}
+
+
+

Point of View

@@ -239,27 +275,6 @@

-
-

Pretty Code

- 

-						import React, { useState } from 'react';
-
-						function Example() {
-						  const [count, setCount] = useState(0);
-
-						  return (
-						    <div>
-						      <p>You clicked {count} times</p>
-						      <button onClick={() => setCount(count + 1)}>
-						        Click me
-						      </button>
-						    </div>
-						  );
-						}
-
-

Code syntax highlighting courtesy of highlight.js.

-
-

Marvelous List

Auto-Animate Example

-

This will fade out

+

This will fade out

This element is unmatched

- + 

 						function Example() {
 						  New line!
@@ -49,34 +49,53 @@
 					
Line Height & Letter Spacing
-
- 

-						import React, { useState } from 'react';
+				

+					

+						

+							import React, { useState } from 'react';
 
-						function Example() {
-						  const [count, setCount] = useState(0);
+							function Example() {
+							  const [count, setCount] = useState(0);
 
-						  return (
-						    ...
-						  );
-						}
-					

-				

-				

-					

-						function Example() {
-						  const [count, setCount] = useState(0);
+							  return (
+							    ...
+							  );
+							}
+						

+					

+					

+						

+							function Example() {
+							  const [count, setCount] = useState(0);
 
-						  return (
-						    <div>
-						      <p>You clicked {count} times</p>
-						      <button onClick={() => setCount(count + 1)}>
-						        Click me
-						      </button>
-						    </div>
-						  );
-						}
-					

+							  return (
+							    <div>
+							      <p>You clicked {count} times</p>
+							      <button onClick={() => setCount(count + 1)}>
+							        Click me
+							      </button>
+							    </div>
+							  );
+							}
+
+
+
+ 

+							function Example() {
+							  // A comment!
+							  const [count, setCount] = useState(0);
+
+							  return (
+							    <div>
+							      <p>You clicked {count} times</p>
+							      <button onClick={() => setCount(count + 1)}>
+							        Click me
+							      </button>
+							    </div>
+							  );
+							}
+
+