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
+```markdown
-    ### h3
+# h1
+### h3
+```
 
-    Header 1
+```markdown
-    ========
+Header 1
+========
+```
 
-    Header 2
+```markdown
-    --------
+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
 
 ### Emphasis
 
-    *italic*
+```markdown
-    _italic_
+*italic*
+_italic_
+```
 
-    **bold**
+```markdown
-    __bold__
+**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
+```markdown
-    > a blockquote
+> This is
-    >
+> a blockquote
-    > > Nested
+>
-    > > 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
+## Reference
-
+{: .-three-column}
-    <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).
 
 ### Inlines
 
-    _em_ *strong* __bold-italic__. ??citation??.
+| Code | Description |
-    @code@. -strikehtrough-. +insertion+.
+| --- | --- |
-    %span%. %{color:red}formatting%.
+| `_em_` | |
-    "Hypertext":index.html
+| `*strong*` | |
-    "Text link":link
+| `__bold-italic__` | |
-    
+| `@code@` | |
-    [link]http://link.com
+| `??citation??` | |
-    
+| --- | --- |
-    !image.jpg!
+| `-strikethrough-` | |
-    !image.jpg(title text)!
+| `+insertion+` | |
-    !image.jpg!:link.html
+| --- | --- |
-    
+| `%span%` | HTML tag |
-    !>right.jpg!
+| `%{color:red}formatting%` | CSS styles |
-
+| --- | --- |
-### Horizontal line
-
-    --
 
 ### Blocks
 
-    h1. Header 1
+```textile
+h1. Header 1
+```
 
-    h2. Header 2
+```textile
+h2. Header 2
+```
 
-    bq. Blockquote
+```textile
+bq. Blockquote
+```
 
-    p(classname). Class.
+```textile
+p(classname). Class.
+```
 
-    p(#id). ID.
+```textile
+p(#id). ID.
+```
 
 ### Lists
 
-    ## ordered list
+```textile
+## ordered list
+```
 
-    * unordered 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].
+```textile
+Footnotes[1].
+```
 
-    fn1. Something.
+```textile
+fn1. Something.
+```