Style Guide
Ignore this page. I am using Jekyll, a static website generator, and I’m leaving this here as my cheatsheet on Markdown and special codes for how to format this website correctly.
These are not the pages you’re looking for. Move along…
This is an H1
Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis.
This is an H2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.
This is an H3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.
This is an H4
Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis.
Quoting
“Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep.” ― Scott Adams
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.
Syntax Highlighter
Videos
Terraforming from Studio Swine on Vimeo.
Full Width Image
Images work too! Already know the URL of the image you want to include in your article? Simply paste it in like this to make it show up:
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.
Regular Image
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.
Unordered Lists
- Donec non tortor in arcu mollis feugiat
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- Donec id eros eget quam aliquam gravida
- Vivamus convallis urna id felis
- Nulla porta tempus sapien
Ordered Lists
- Donec non tortor in arcu mollis feugiat
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit
- Donec id eros eget quam aliquam gravida
- Vivamus convallis urna id felis
- Nulla porta tempus sapien
Tables
Content categories | Flow content |
---|---|
Permitted content |
In this order:
|
Tag omission | None, both the start tag and the end tag are mandatory |
Permitted parent elements | Any element that accepts flow content |
Normative document | HTML5, section 4.9.1 (HTML4.01, section 11.2.1) |