Update more layouts

markdown.md

@@ -1,58 +1,111 @@
 ---
 title: Markdown
 category: Markup
+layout: 2017/sheet
+prism_languages: [markdown]
+updated: 2017-09-20
+weight: -1
 ---
 
+## Reference
+{:.-three-column}
+
 ### Headers
 
-    # h1
-    ### h3
+```markdown
+# h1
+### h3
+```
 
-    Header 1
-    ========
+```markdown
+Header 1
+========
+```
 
-    Header 2
-    --------
-
-### Links
-
-    [link](http://google.com)
-
-    [link][google]
-    [google]: http://google.com
-
-    <http://google.com>
-
-### Images
-
-    ![Image alt text](/path/to/img.jpg)
-    ![Image alt text](/path/to/img.jpg "title")
-    ![Image alt text][img]
-
-    [img]: http://foo.com/img.jpg
+```markdown
+Header 2
+--------
+```
 
 ### Emphasis
 
-    *italic*
-    _italic_
+```markdown
+*italic*
+_italic_
+```
 
-    **bold**
-    __bold__
+```markdown
+**bold**
+__bold__
+```
+
+```markdown
+`code`
+```
+
+### Links
+
+```markdown
+[link](http://google.com)
+```
+
+```markdown
+[link][google]
+[google]: http://google.com
+```
+
+```markdown
+<http://google.com>
+```
+
+### Images
+
+```markdown
+![Image alt text](/path/to/img.jpg)
+![Image alt text](/path/to/img.jpg "title")
+![Image alt text][img]
+```
+
+```markdown
+[img]: http://foo.com/img.jpg
+```
 
 ### Code
 
-        4 space indent
+```
+    4 space indent
+    makes a code block
+```
+
+~~~markdown
+```
+code fences
+```
+~~~
+
+
+~~~markdown
+```js
+codeFences.withLanguage()
+```
+~~~
 
 ### Blockquotes
 
-    > This is
-    > a blockquote
-    >
-    > > Nested
-    > > Blockquote
+```markdown
+> This is
+> a blockquote
+>
+> > Nested
+> > Blockquote
+```
 
 ### Horizontal line
 
-    ----
-    ****
+```markdown
+----
+```
 
+```markdown
+****
+```

textile.md

@@ -1,63 +1,114 @@
 ---
 title: Textile
 category: Markup
+layout: 2017/sheet
+updated: 2017-09-20
+weight: -1
 ---
 
-### Pre blocks
-
-    <pre>
-    I am <b>very serious.</b> -- this will get escaped.
-    </pre>
-
-### Line breaks
-
-    Line breaks.
-    Just break the lines.
-
-### Entities
-
-    one(TM), two(R), three(C).
+## Reference
+{: .-three-column}
 
 ### Inlines
 
-    _em_ *strong* __bold-italic__. ??citation??.
-    @code@. -strikehtrough-. +insertion+.
-    %span%. %{color:red}formatting%.
-    "Hypertext":index.html
-    "Text link":link
-    
-    [link]http://link.com
-    
-    !image.jpg!
-    !image.jpg(title text)!
-    !image.jpg!:link.html
-    
-    !>right.jpg!
-
-### Horizontal line
-
-    --
+| Code | Description |
+| --- | --- |
+| `_em_` | |
+| `*strong*` | |
+| `__bold-italic__` | |
+| `@code@` | |
+| `??citation??` | |
+| --- | --- |
+| `-strikethrough-` | |
+| `+insertion+` | |
+| --- | --- |
+| `%span%` | HTML tag |
+| `%{color:red}formatting%` | CSS styles |
+| --- | --- |
 
 ### Blocks
 
-    h1. Header 1
-    
-    h2. Header 2
-    
-    bq. Blockquote
-    
-    p(classname). Class.
-    
-    p(#id). ID.
-    
+```textile
+h1. Header 1
+```
+
+```textile
+h2. Header 2
+```
+
+```textile
+bq. Blockquote
+```
+
+```textile
+p(classname). Class.
+```
+
+```textile
+p(#id). ID.
+```
+
 ### Lists
 
-    ## ordered list
-    
-    * unordered list
-    
+```textile
+## ordered list
+```
+
+```textile
+* unordered list
+```
+
+### Links
+
+| Code | Description |
+| --- | --- |
+| `"Hypertext":index.html` | Link |
+| --- | --- |
+| `"Text link":link` <br> `[link]http://link.com` | Link via reference |
+
+### Images
+
+| Code | Description |
+| --- | --- |
+| `!image.jpg!` | Image |
+| `!image.jpg(title text)!` | |
+| `!image.jpg!:link.html` | |
+| `!>right.jpg!` | |
+
+### Escaped HTML
+
+```html
+<pre>
+I am <b>very serious.</b> -- this
+will get escaped.
+</pre>
+```
+
+### Line breaks
+
+```textile
+Line breaks.
+Just break the lines.
+```
+
+### Entities
+
+```textile
+one(TM), two(R), three(C).
+```
+
+### Horizontal line
+
+```textile
+--
+```
+
 ### Footnotes
 
-    Footnotes[1].
-    
-    fn1. Something.
+```textile
+Footnotes[1].
+```
+
+```textile
+fn1. Something.
+```