Skip to content

Instantly share code, notes, and snippets.

@duellsy
Created August 11, 2020 01:49
Show Gist options
  • Save duellsy/21d9c48474e2880cb2608c603ce3e67e to your computer and use it in GitHub Desktop.
Save duellsy/21d9c48474e2880cb2608c603ce3e67e to your computer and use it in GitHub Desktop.
Counted tag style release summary
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment