This partial is useful for placing within context of a blog post. It will list all the relevant attributes of the post.

  • Date
  • Author
  • Read time
  • Comment count
  • Tags
  • Social links


To setup the partial is automatic if its within context of a blog article template. Simply allowing the features on the partial.

For the social links the relevant JS libraries must be loaded and initiated. Also include the correct directives for the social links required.


  • by
  • Read time: 03 min
  • X Comments
= codeBlender "detail", "molecule", { author: true, cal: true, comment: true, more: true, name: "docs", social: true, tags: true }
<div class='blogDetail'>
<ul class='blogDetail__details list-inline'>
<span class='fa fa-calendar'></span>

<time datetime='2016-04-08T00:00:00Z' itemprop='datePublished' pubdate>

<span class='fa fa-user'></span>

<span itemprop='author' itemptype='' itemscope>
<a class='blogDetail__author' itemprop='url' rel='author'>
<span itemprop='name'>DryKISS</span>
<span class='fa fa-clock-o'></span>

Read time: 03 min
<span class='fa fa-comment'></span>

X Comments
<div class='blogDetail__tags'>
<a href="/docs/tag/blog.html" class="label blogDetail__tag label-info" itemprop="keywords">blog
<div class='blogDetail__social'>
<span class='blogDetail__shareText'>Share this article</span>
<a href="javascript:;" class="facebookShareButton" data-url=""><span class='fa fa-facebook-square fa-2x'></span>

<a href=""><span class='fa fa-twitter-square fa-2x'></span>

<a href="" data-pin-description="test this out" data-pin-do="buttonPin" data-pin-custom="true"><span class='fa fa-pinterest-square fa-2x'></span>


Resources Useful websites and tutorials


Task Date
Social elements need to be called via a Directive
Need to be able to put in a test article to test the detail module
Consider putting the tags in a DL / LI
Should link up the Author to show articles by Authors name - finish of link
Include more social link options
Add in social links - Twitter / Google+
Need to distinguish the types of Articles / Posts and change template accordingly and microdata, i.e. event
Tags should scale with a reveal on the end - use overflow or bootstrap collapse
Maybe move this partial into a more inclusive Blog section
Link Up Date, Author and Comments
Docs page not showing any data - add locals to show these