When the figure helper is used in a list, which can be either ordered or
unordered, and no caption is specified, a line with text "</figure>"
will be shown below the figure on the rendered page.
This is because, if the '{% if include.caption %}' evaluates to false,
the lines between that 'if' statement and '{% endif %}' will be emptied,
not removed, so the block will be filled by empty lines.
HTML ignores redundant empty lines, but Markdown takes them seriously.
In addition, Markdown expects proper indentation of lines inside lists,
and the closing '</figure>' tag is not indented. When combined, the
empty space and absence of indentation cause Markdown to process the
'</figure>' tag as a separate paragraph instead of an HTML tag, thus the
text for the tag is directly rendered on the page.
The fix for this issue is very simple: remove the empty space when
'include.caption' is false. As described in
<https://shopify.github.io/liquid/basics/whitespace/>, this can be done
by adding hyphens to the 'if' and 'endif' tags.
* Rename include
* Add grid view test pages
* Rename `.post__meta-sep` and use CSS to add line break
* Improve collection grid archive
* Improve page grid archive
* Enable `grid`
* Don't show date icon if there is no `date` value
* Add blank line at EOF
* Add space
* Wrap date and reading time in named `span` elements
* add date to read-time.html
* add option for show_date, dynamic icon style
* change read-time to post__meta
* cleanup post__metal.html
* cleanup post__meta include variables
* put date before read time
* remove space in include variable
* allow customisation of post__meta separator
* add some documentation
* oops fix typo derp
* add post date image
* change page meta separator customisation to CSS
* Configure entries layout `list` or `grid`
This allows to use grid layout on `page.entries_layout` on the home layout.
Included a break since when using grid the post images are too close to the horizontal line bellow `posts` text.
There's a entries div now surrounding the posts since the first row of the grid was having a slight padding on the left. The home now behaves like posts/categories/tags pages with grid but including the paginator.
For best results on desktop use `classes: wide` and `paginate: 4` on `_config.yml` (or multiples of 4 if you want more rows)
* Fix indent
* Archive subtitle leaves space on the bottom
* Now space is added through style
