categories.hbs

{{!< default}}

<header class="site-header outer border-primary-top">
	<div class="inner-header">
		<nav class="site-nav">
			<div class="site-nav-left">
				<a class="site-nav-logo" href="{{@site.url}}" aria-label="{{@site.title}}">

					<img src="{{@site.logo}}">
				</a>
			</div>
			<div class="inner-header">
				<div class="category-holder">
					<ul class="nav category-nav pull-left">
						<li class="nav-tag"><a href="/tag/exclusives/" title="Exclusive">Exclusive</a></li>
						<li class="nav-tag"><a href="/tag/news/" title="News">News</a></li>
						<li class="nav-tag"><a href="/tag/devices/" title="Devices">Devices</a></li>
						<li class="nav-tag"><a href="/tag/how-to/" title="How-To">How-To</a></li>
						<li class="nav-tag"><a href="/tag/technology/" title="Technology">Technology</a></li>
						<li class="nav-tag"><a href="/tag/apps/" title="Apps & Software">Apps & Software</a></li>
						<li>
							<a href="/categories">
								<span style="margin-left:0.5rem;">More...</span>
							</a>
						</li>
					</ul>
					<a class="search-btn no-decoration pull-right" href="#searchinghost-easy">
						<span style="color: white;">
							<i class="fas fa-search fa-lg"></i>
						</span>
					</a>
					<a class="category-search no-decoration category-xs" href="/categories">
						<span style="margin-right:1.5rem;"><i class="fas fa-bars fa-2x"></i></span>
					</a>
				</div>
			</div>
		</nav>
	</div>
</header>



{{> header-background background=feature_image}}
{{!--Special header-image.hbs partial to generate the background image--}}
<div class="inner site-header-content">
    <h1 class="site-title">Categories</h1>
    <h2 class="site-description">
        {{#if description}}
        {{description}}
        {{else}}
        A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}
        {{/if}}
    </h2>
</div>
</div>
</header>

<main id="site-main" class="site-main outer">
	<div class="inner">
		<div class="inner posts">
			<div class="post-feed">
				{{#get "tags" limit="all" order="count.posts desc" include="count.posts" as |authors|}}
				{{#foreach authors}}
				<article class="post-card">
					<a class="post-card-image-link no-decoration" href="{{url}}" style="color:#ffffff;">
						<div class="post-card-image cat-img"
							style="background-image: url({{#if feature_image}}{{feature_image}}{{else}}https://ik.imagekit.io/androidwedakarayo{{asset "images/category-cover.jpg?tr=h-200,w-381"}}{{/if}})">
							<h2 class="post-card-title category-title text-center">{{name}}</h2>
						</div>
					</a>
					<span class="post-card-tags pull-left author-post-count"><a href="{{url}}"
							style="color:#ffffff;">{{plural count.posts empty='No articles' singular='% article' plural='% articles'}}</a></span>
					<div class="post-card-content">
						<a class="post-card-content-link" href="{{url}}">
							<section class="post-card-excerpt text-center">
								<p></p>
								<p>
									{{#if description}}
									{{description}}
									{{else}}
									{{name}} යටතේ ලැයිස්තුගත කර ඇති news article {{count.posts}} ක් මේ යටතේ ඇත.
									{{/if}}
								</p>
							</section>
						</a>
						<footer class="post-card-meta">
							<ul class="author-list">
							</ul>
							<span class="reading-time"></span>
						</footer>
					</div>
				</article>
				{{/foreach}}
				{{/get}}
			</div>
		</div>
	</div>
</main>