Edge Case: Nested and Mixed Lists
Nested and mixed lists are an interesting beast. It’s a corner case to make sure that.
Posts by Year
2009
Edge Case: Many Tags
This post has many tags.
Edge Case: Many Categories
This post has many categories.
Edge Case No Yaml Title
This post has no title specified in the YAML Front Matter. 11ty should auto-generate a title from the filename.
Antidisestablishmentarianism
The following CSS properties will help you support non-breaking text.
Suspicio? Bene ... tunc ibimus? Quis uh ... CONEXUS locus his diebus? Quisque semper aliquid videtur, in volutpat mauris. Nolo enim dicere. Vobis neque ab aliis. Ego feci memetipsum explicans. Gus mortuus est. Lorem opus habeo. Jackson Isai? Tu quoque ... A te quidem a ante. Vos scitis quod blinking res Ive 'been vocans super vos? Et conteram illud, et conteram hoc. Maledicant druggie excors. Iam hoc tu facere conatus sum ad te in omni tempore? Ludum mutavit. Verbum est ex. Et ... sunt occid
Check for long titles and how they might break a template.
2010
Post: Modified Date
This post has been updated and should show a modified date if used in a layout.
Post: Standard
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing...
Post: Chat
Abbott: Strange as it may seem, they give ball players nowadays very peculiar names.
Post: Notice
A notice displays information that explains nearby content. Often used to call attention to a particular detail.
Post: Quote
Only one thing is impossible for God: To find any sense in any copyright law on the planet.
Post: Link
This theme supports link posts, made famous by John Gruber. To use, just add link: http://url-you-want-linked to the post’s YAML front matter and you’re done.
Post: Video (YouTube)
YouTube video embed below.
Post: Header Image with OpenGraph Override
This post has a header image with an OpenGraph override.
Post: Overlay Image with OpenGraph Override
This post has a header image with an OpenGraph override.
Post: Image (Standard)
The preferred way of using images is placing them in the /assets/images/ directory and referencing them with an absolute path. Prepending the filename with {...
Post: Teaser Image with OpenGraph Override
This post has a teaser image with an OpenGraph override.
Post: Gallery
These are gallery tests for image wrapped in <figure> elements.
Post: Twitter Embed
This post tests Twitter Embeds.
2012
Layout: Comments Disabled
This post has its comments disabled.
Layout: Comments Enabled
This post should display comments if a provider is enabled.
Layout: Post Date Disabled
This post has the date disabled. The date this post was published should not be showing if show_date: false is set in _config.yml or in this post’s YAML Fron...
Layout: Post Date Enabled
This post has post date enabled. The date the post was published should show if show_date: true is added to it’s YAML Front Matter or as a default in _config...
Layout: Read Time Disabled
This post has reading time disabled. The estimated time that it takes to read this post should not be showing if read_time: false is set in _config.yml or in...
Layout: Read Time Enabled
This post has reading time enabled. The estimated time that it takes to read this post should show if also enabled in _config.yml with read_time: true.
Layout: Related Posts Disabled
This post has related posts disabled.
Layout: Related Posts Enabled
This post has related posts enabled.
Layout: Social Sharing Links Disabled
This post has social sharing disabled.
Layout: Social Sharing Links Enabled
This post should display social sharing links.
Layout: Reading Time, Comments, Social Sharing Links, and Related Posts Disabled
This post has reading time, comments, social sharing links, and related posts disabled.
Layout: Post with Nested Table of Contents via Helper
Tests table of contents with multiple levels to verify indentation is readible via helper include (deprecated).
Layout: Post with Nested Table of Contents
Tests table of contents with multiple levels to verify indentation is readible.
Layout: Post with Table of Contents
Below is just about everything you’ll need to style in the theme. Check the source code to see the many embedded elements within paragraphs.
Layout: Post with Sticky Table of Contents
“Stick” table of contents to the top of a page by adding toc_sticky: true to its YAML Front Matter.
Layout: Code Excerpt (Generated)
This is the post content with inline code, (e.g. <span style="color: red;">red</span>. It should be displayed in place of the auto-gene...
Layout: Excerpt (Defined)
This is a user-defined post excerpt. It should be displayed in place of the post content in archive-index pages.
Layout: Excerpt (Generated)
This is the post content. Archive-index pages should display an auto-generated excerpt of this content.
Layout: Author Override
A post to test author overrides using a data file.
Layout: Author Sidebar Disabled
A post to test disabling author sidebar.
Layout: Header Image (External URL)
This post should display a header image, if the theme supports it.
Layout: Header Image (Horizontal)
This post should display a header image, if the theme supports it.
Layout: Header Image and Text Readability
This is a sample post with a large feature image[1] up top and tons of text. Odio ad blue bottle vinyl, 90’s narwhal commodo bitters pour-over nostrud. Ugh e...
Layout: Header Image (Vertical)
This post should display a header image, if the theme supports it.
Layout: Header Overlay with Background Fill
This post should display a header with a solid background color, if the theme supports it.
Layout: Header Image Overlay with Custom Tagline
This post should display a header with an overlay image and custom tagline, if the theme supports it.
Layout: Header Image Overlay
This post should display a header with an overlay image, if the theme supports it.
Layout: More Tag
This content is before the excerpt separator tag.
Layout: Sidebar Custom
A post with custom sidebar content.
Layout: Sidebar with Navigation List
A post with a sidebar navigation list.
Wide Single Layout Page
A page with classes: wide set to expand the main content’s width.
Markup: Text Readability Test
A bunch of text to test readability.
2013
Markup: Title with Special --- Characters
Putting special characters in the title should have no adverse effect on the layout or functionality.
Markup: Text Alignment
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, ...
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of...
Markup: HTML Tags and Formatting
A variety of common markup showing how the theme styles them.
Markup: Another Post with Images
Examples and code for displaying images in posts.
Markup: Syntax Highlighting
Post displaying the various ways of highlighting code in Markdown.
2016
Welcome to 11ty!
You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different wa...
2017
Layout: Header Video
This post should display a header with a responsive video, if the theme supports it.
Exclude Post from Search Index
To exclude files when using Algolia as a search provider add an array to algolia.files_to_exclude in your _config.yml. For more configuration options be sure...
2024
Markup: All markup
Post displaying the various ways of marking up code in Markdown.