syntax highlighting gallery expansion

content/treehouse/dev/syntax-highlighting.tree

@@ -5,6 +5,34 @@
     - really there's not much more to it, but I use it for debugging + with it you can get a general feel for how I highlight things in the treehouse
 
 - `javascript`
+
+    - patterns:
+    ```javascript
+    // This is a single-line comment.
+    /* This is
+    a multiline comment. */
+
+    ident Class CONSTANT funciton()
+    0b1010 0o01234567 0x0123456789ABCDEF
+    01234567
+    1.0 1.41e-3 1.42E+4 1.43e1
+    'string' "string" `string`
+    + - * / == != <= >= ! ~ || && . ? :
+    , ;
+    ```
+
+    - keywords:
+    ```javascript
+    as async await break case catch class const continue debugger default delete do else export
+    extends finally for from function get if import in instanceof let new of return set static
+    switch throw try typeof var void while with yield
+
+    super this
+
+    false true undefined null
+    ```
+
+    - sample code:
     ```javascript
     // t is an existing tile index; variable name is short for brevity
     export function removeRedundancies(t) {
@@ -22,15 +50,4 @@ export function removeRedundancies(t) {
         }
         return t;
     }
-
-/* This is
-   a multiline comment. */
-
-ident Class CONSTANT funciton()
-0b1010 0o01234567 0x0123456789ABCDEF
-01234567
-1.41e-3
-'string' /**/ "string" /**/ `string`
-+ - * / == != <= >= ! ~ || && . ? :
-, ;
     ```