{{- /*
Renders an article card with a circle image, title, and summary.
@context {image} the image resource.
@context {alt} alt text for the image.
@context {title} the title of the card.
@context {summary} the summary text.
@context {url} the url of the article.
*/}}
{{- $image := .image }}
{{- $alt := .alt }}
{{- $title := .title }}
{{- $summary := .summary }}
{{- $url := .url }}
<a href="{{ $url }}">
<article class="alt float-on-hover">
	<div>
	  <img src="{{ $image.RelPermalink }}" alt="{{ $alt }}" />
	</div>
	<div>
		<h2>{{ $title }}</h2>
		<p>{{ $summary }}</p>
	</div>
</article>
</a>