tag.hbs

{{!< default}}

<section class="central-structure">
	{{> sidebar}}

	<main>
		<section class="tag-title">
			<figure class="tag" style="background-image: url({{tag.feature_image}})"></figure>
			<h2 class="tag-description">{{tag.description}}</h2>
		</section>

		<section class="post-list">
			{{#foreach posts}}
			<article class="card">
				{{#if feature_image}}
				<figure class="card-banner" style="background-image: url({{feature_image}});"></figure>
				{{else}}
				<figure class="card-banner" style="background-image: url({{asset "/img/bg_default.jpg"}});"></figure>
				{{/if}}
				<div class="card-information">
					<span class="card-readme-time">{{reading_time}}</span>
					<span class="card-separate">/</span>
					<span
						class="card-date">{{date published_at format="DD"}}-{{date published_at format="MM"}}-{{date published_at format="YYYY"}}</span>
					<span class="tags-list">
						{{#foreach tags}}
						<img class="tag" alt="{{name}}" src="{{feature_image}}">
						{{/foreach}}
					</span>
				</div>
				<div class="card-title">{{title}}</div>
				<a class="card-glass" href="{{url}}" title="{{title}}"></a>
			</article>
			{{/foreach}}
		</section>

		{{pagination}}

		<section class="share-container" style="height: 400px; padding: 2rem 4rem 0 4rem; border-bottom: solid 0px;">
			<h2>Share On</h2>
			<span>
				These blogs, resources and demonstrations are of great relevance now, I would love it if I had a moment to
				share them!
			</span>
			<div class="social-media-wrapper">
				<a class="social-media" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
					onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;"
					title="Share on Facebook"><i class="fab fa-facebook-f share-icon"></i><span
						class="share-name">Facebook</span></a>
				<a class="social-media" href="https://twitter.com/share?text={{encode title}}&amp;url={{url absolute="true"}}"
					onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"
					title="Share on Twitter"><i class="fab fa-twitter share-icon"></i><span class="share-name">Twitter</span></a>
				<a class="social-media" href="https://plus.google.com/share?url={{url absolute="true"}}"
					onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;"
					title="Share on Google+"><i class="fab fa-google-plus-g share-icon"></i><span
						class="share-name">Google+</span></a>
				<a class="social-media"
					href="https://www.linkedin.com/shareArticle?mini=true&url={{url absolute="true"}}&title={{encode title}}"
					onclick="window.open(this.href, 'linkedin-share', 'width=600,height=494');return false;"
					title="Share on Linkedin"><i class="fab fa-linkedin-in share-icon"></i><span
						class="share-name">Linkedin</span></a>
			</div>
		</section>

		{{> footer}}
	</main>
</section>