Counted tag style release summary

counted_tag_release_summary.html

<div class="md:mb-20 md:rounded overflow-hidden bg-white shadow-md text-grey-darkest">
  {{#if featured_image}}
  <a href="{{ link }}" class="hidden md:block"><img src="{{ featured_image }}" alt="{{ title }}" class="w-full" /></a>
  {{/if}}
  <div class="md:p-24 p-8">

	<span class="no-underline text-grey text-sm" title="{{ release.released_at }}">{{ released_at_human }}</span>

	<h2 class="mb-4 font-serif"><a href="{{ link }}" class="no-underline text-grey-darkest"><span class="capitalize release-{{ type }}">{{ type }}:</span> {{ title }}</a></h2>
	{{#each tags}}
	<a class="inline-block bg-grey-lighter rounded-full px-3 py-1 text-xs font-semibold text-grey-darker hover:bg-grey-light mr-2 mb-2 no-underline" href="/tag/{{ name }}">{{ name }}</a>
	{{/each}}	
	{{#if description.length}}
	<div class="release-styles mt-4">
	  {{{ description }}}
	</div>
	{{/if}}

	{{#if notes.length}}
	<div class="block mt-4">
	  <h3 class="text-grey-darkest mb-2 font-serif">What happened:</h4>
	  {{#each notes}}
	  <span class="inline-block bg-grey-darker rounded-full px-3 py-1 font-semibold text-grey-darker type-{{ label }} text-white text-sm">{{ notes.length }} x <span class="capitalize">{{ label }}</span></span>
	  {{/each}}
	</div>
	{{/if}}

	<div class="text-center mt-20">
	  <a href="{{ link }}" class="text-grey-dark hover:text-grey-darkest py-2 px-4 border border-grey rounded no-underline">View Full Details</a>
	</div>
  </div>
</div>