Skip to content

Instantly share code, notes, and snippets.

@bnb

bnb/block9.html Secret

Created August 22, 2017 22:42
Show Gist options
  • Save bnb/402ec69caf470106111efe2d5ad5196d to your computer and use it in GitHub Desktop.
Save bnb/402ec69caf470106111efe2d5ad5196d to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html class="blog-index">
{{> html-head }} <!-- A partial - this will be explained in the next section! -->
<body>
{{> header }} <!-- A partial - this will be explained in the next section! -->
<div id="main">
<div class="container">
<ul class="blog-list">
{{#each collections.blog-post}} <!-- A Handlebars iterative function. -->
{{#if title}} <!-- If a post has a title element, it will be listed. -->
<div class="humongous {{#unless cover-img}}no-cover{{/unless}}" {{#if cover-img}}style="background-image: {{cover-img}};"{{/if}}><!-- Two handlebars helpers that test for a background-image in each humongous element. -->
<img src="./assets/img/vector-scroll-top.png" alt="" class="grayscale">
<a href="./blog/posts/{{ slug }}.html"><h1 class="hello">{{title}}</h1></a> <!-- Slug is a property of each document's metadata, called front-matter. See the section on front matter below. -->
<span class="datetime"><time>{{posted}}</time></span>
<img src="./assets/img/vector-scroll-bottom.png" alt="" class="grayscale">
</div>
{{/if}}
{{/each}}
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment