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
 
+```markdown
 # h1
 ### h3
+```
 
+```markdown
 Header 1
 ========
+```
 
+```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
 
+```markdown
 *italic*
 _italic_
+```
 
+```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
+    makes a code block
+```
+
+~~~markdown
+```
+code fences
+```
+~~~
+
+
+~~~markdown
+```js
+codeFences.withLanguage()
+```
+~~~
 
 ### Blockquotes
 
+```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
+## 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
 
+```textile
 h1. Header 1
+```
 
+```textile
 h2. Header 2
+```
 
+```textile
 bq. Blockquote
+```
 
+```textile
 p(classname). Class.
+```
 
+```textile
 p(#id). ID.
+```
 
 ### Lists
 
+```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
 
+```textile
 Footnotes[1].
+```
 
+```textile
 fn1. Something.
+```