diff options
Diffstat (limited to '_draft/2018-01-01-example-content.md')
| -rw-r--r-- | _draft/2018-01-01-example-content.md | 166 |
1 files changed, 166 insertions, 0 deletions
diff --git a/_draft/2018-01-01-example-content.md b/_draft/2018-01-01-example-content.md new file mode 100644 index 0000000..1b6a085 --- /dev/null +++ b/_draft/2018-01-01-example-content.md @@ -0,0 +1,166 @@ +--- +description: "Howdy! This is an example blog post that shows several types of HTML content supported in this theme." +title: "Example Content" +layout: post +--- + +Cum sociis natoque penatibus et magnis <a href="#">dis parturient montes</a>, nascetur ridiculus mus. +*Aenean eu leo quam.* +Pellentesque ornare sem lacinia quam venenatis vestibulum. +Sed posuere consectetur est at lobortis. +Cras mattis consectetur purus sit amet fermentum. + +> Curabitur blandit tempus porttitor. +Nullam quis risus eget urna mollis ornare vel eu leo. +Nullam id dolor id nibh ultricies vehicula ut id elit. + +Etiam porta **sem malesuada magna** mollis euismod. +Cras mattis consectetur purus sit amet fermentum. +Aenean lacinia bibendum nulla sed consectetur. + +## Inline HTML elements + +HTML defines a long list of available inline tags, a complete list of which can be found on the +[Mozilla Developer Network](https://developer.mozilla.org/en-US/docs/Web/HTML/Element). + +- **To bold text**, use `<strong>`. +- *To italicize text*, use `<em>`. +- Abbreviations, like <abbr title="HyperText Markup Langage">HTML</abbr> should use `<abbr>`, with an optional `title` attribute for the full phrase. +- Citations, like <cite>— Mark otto</cite>, should use `<cite>`. +- <del>Deleted</del> text should use `<del>` and <ins>inserted</ins> text should use `<ins>`. +- Superscript <sup>text</sup> uses `<sup>` and subscript <sub>text</sub> uses `<sub>`. + +Most of these elements are styled by browsers with few modifications on our part. + +## Heading + +Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. +Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. +Morbi leo risus, porta ac consectetur ac, vestibulum at eros. + +### Code + +Cum sociis natoque penatibus et magnis dis `code element` montes, nascetur ridiculus mus. + +```js +// Example can be run directly in your JavaScript console + +// Create a function that takes two arguments and returns the sum of those arguments +var adder = new Function("a", "b", "return a + b"); + +// Call the function +adder(2, 6); +// > 8 +``` + +Aenean lacinia bibendum nulla sed consectetur. +Etiam porta sem malesuada magna mollis euismod. +Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa. + +### Gists via GitHub Pages + +Vestibulum id ligula porta felis euismod semper. +Nullam quis risus eget urna mollis ornare vel eu leo. +Donec sed odio dui. + +{% gist 5555251 gist.md %} + +Aenean eu leo quam. +Pellentesque ornare sem lacinia quam venenatis vestibulum. +Nullam quis risus eget urna mollis ornare vel eu leo. +Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. +Donec sed odio dui. +Vestibulum id ligula porta felis euismod semper. + +### Lists + +Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. +Aenean lacinia bibendum nulla sed consectetur. +Etiam porta sem malesuada magna mollis euismod. +Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. + +* Praesent commodo cursus magna, vel scelerisque nisl consectetur et. +* Donec id elit non mi porta gravida at eget metus. +* Nulla vitae elit libero, a pharetra augue. + +Donec ullamcorper nulla non metus auctor fringilla. +Nulla vitae elit libero, a pharetra augue. + +1. Vestibulum id ligula porta felis euismod semper. +2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. +3. Maecenas sed diam eget risus varius blandit sit amet non magna. + +Cras mattis consectetur purus sit amet fermentum. +Sed posuere consectetur est at lobortis. + +<dl> + <dt>HyperText Markup Language (HTML)</dt> + <dd>The language used to describe and define the content of a Web page</dd> + + <dt>Cascading Style Sheets (CSS)</dt> + <dd>Used to describe the appearance of Web content</dd> + + <dt>JavaScript (JS)</dt> + <dd>The programming language used to build advanced Web sites and applications</dd> +</dl> + +Integer posuere erat a ante venenatis dapibus posuere velit aliquet. +Morbi leo risus, porta ac consectetur ac, vestibulum at eros. +Nullam quis risus eget urna mollis ornare vel eu leo. + +### Images + +Quisque consequat sapien eget quam rhoncus, sit amet laoreet diam tempus. +Aliquam aliquam metus erat, a pulvinar turpis suscipit at. + + + + + +### Tables + +Aenean lacinia bibendum nulla sed consectetur. +Lorem ipsum dolor sit amet, consectetur adipiscing elit. + +<table class="table"> + <thead> + <tr> + <th>Name</th> + <th>Upvotes</th> + <th>Downvotes</th> + </tr> + </thead> + <tfoot> + <tr> + <td>Totals</td> + <td>21</td> + <td>23</td> + </tr> + </tfoot> + <tbody> + <tr> + <td>Alice</td> + <td>10</td> + <td>11</td> + </tr> + <tr> + <td>Bob</td> + <td>4</td> + <td>3</td> + </tr> + <tr> + <td>Charlie</td> + <td>7</td> + <td>9</td> + </tr> + </tbody> +</table> + +Nullam id dolor id nibh ultricies vehicula ut id elit. +Sed posuere consectetur est at lobortis. +Nullam quis risus eget urna mollis ornare vel eu leo. + +----- + +Want to see something else added? +<a href="https://github.com/poole/poole/issues/new">Open an issue.</a> |