Markup: Image Alignment
![](/images/so-simple-sample-image-5-400x200.jpg)
The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.
Markup: Text Alignment and Transformations
Sample text to demonstrate alignment and transformation classes.
Markup: Title with Special — Characters
Putting special characters in the title should have no adverse effect on the layout or functionality.
Markup: Title with Markdown
Using Markdown in the title should have no adverse effect on the layout or functionality.
Markup: Text Readability Test
![](/images/so-simple-sample-image-2-400x200.jpg)
A large amount of sample text to test readability of a text heavy page.
Layout: Hero Image
![](/images/so-simple-sample-image-3-400x200.jpg)
This post should display a large hero image at the top of a page.
Layout: Excerpt (Generated with Separator Tag)
This is the post content. Archive-index pages should display an auto-generated excerpt of all the content preceding the excerpt_separator
, as defined in the YAML Front Matter or globally in _config.yml
.
Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn’t create any layout problems.
Layout: Excerpt (Defined)
This is a user-defined post excerpt. It should be displayed in place of the auto-generated excerpt or post content on index pages.
Layout: Author Override
A post to test author overrides using a data file.
Layout: Post with Table Of Contents
Enable table of contents on post or page by adding {% include toc %}
where you’d like it to appear.