gistfile1.html

<div class="media post">
	<a class="pull-left" href="#">
		<img src="http://www.gravatar.com/avatar/64a4d7587e6e3db5b5ff8152b25eb1bc?s=420&amp;d=mm&amp;r=g" class="media-object img-polaroid" width="42">
	</a>
	<div class="media-body h-entry">
	  <div class="post-permalink"><a class="pull-right u-url" href="http://www.sandeep.io/29"><span class="dt-published">9 May 2013</span></a></div>
		<h4 class="media-heading">Sandeep Shetty</h4>
		<div class="post-content e-content p-name p-summary">
      <p>Liking how the <a href="https://github.com/converspace/converspace/commit/379c52710e7be7c1a9bff0e1f1f3ca18e8bf6a30">implementation</a> of <a href="http://sandeep.shetty.in/2013/05/thinking-about-metadata.html">trailing tags</a> came out. The tags after this paragraph were entered into the same <code>textarea</code> as this post using special syntax to allow for them to be wrapped in a <code>&lt;div&gt;</code> during rendering and make them available for styling via CSS. I decreased their font size and greyed them out to slightly de-emphasize them and visually differentiate them as additional metadata.</p>

      <div class="additional_tags">
        <span class="deem">#</span><a href="http://www.sandeep.io/converspace/" rel="tag">converspace</a> <span class="deem">#</span><a href="http://www.sandeep.io/tagging/" rel="tag">tagging</a> <span class="deem">#</span><a href="http://www.sandeep.io/syntax/" rel="tag">syntax</a> <span class="deem">#</span><a href="http://www.sandeep.io/indieweb/" rel="tag">indieweb</a> <span class="deem">#</span><a href="http://www.sandeep.io/technology/" rel="tag">technology</a> <span class="deem">#</span><a href="http://www.sandeep.io/markup/" rel="tag">markup</a> <span class="deem">#</span><a href="http://www.sandeep.io/ux/" rel="tag">ux</a> <span class="deem">#</span><a href="http://www.sandeep.io/trailing-tags/" rel="tag">trailing-tags</a> <span class="deem">#</span><a href="http://www.sandeep.io/simplicity/" rel="tag">simplicity</a>
      </div>
    </div>
	  <div class="post-actions"></div>
  </div>
</div>