writers.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">Meet the team</h1>
	<h2 class="site-description">
		{{#if description}}
		{{description}}
		{{else}}
		This is our team, a lot of smiling happy people who work hard to empower your knowledge.
		{{/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 "authors" 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;">
						<img class="post-card-image"
							src="https://ik.imagekit.io/andwdlka{{img_url profile_image}}?tr=h-262.50,w-500"
							alt="{{title}}" />
					</a>
					</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">
						<div class="post-card-content-link">
							<header class="post-card-header">
								<a class="post-card-content-link" href="{{url}}">
									<h2 class="post-card-title text-center">{{name}}</h2>
								</a>
							</header>
							{{#if location}}
							<h4 class="post-card-title text-center">From {{location}}</h4>
							{{else}}
							<h4 class="post-card-title text-center">From Sri Lanka</h4>
							{{/if}}
							<section class="post-card-excerpt">
								<p class="text-center">{{bio}}</p>
							</section>
						</div>

						<footer class="post-card-meta">
							<ul class="author-list">
								{{#if website}}
								<a class="social-share" style="color: #738a94;" title="{{website}}" href="{{website}}"
									target="_blank" rel="noopener"><i class="fas fa-globe-americas"></i></a>
								{{/if}}
								{{#if twitter}}
								<a class="social-share" style="color: #738a94;" title="{{name}} on Twitter"
									href="https://twitter.com/{{twitter}}" target="_blank" rel="noopener"><i
										class="fab fa-twitter"></i></a>
								{{/if}}
								{{#if facebook}}
								<a class="social-share" style="color: #738a94;" title="{{name}} on Facebook"
									href="https://facebook.com/{{facebook}}" target="_blank" rel="noopener"><i
										class="fab fa-facebook-f"></i></a>
								{{/if}}
							</ul>
						</footer>




					</div>
				</article>
				{{/foreach}}
				{{/get}}
			</div>
		</div>
	</div>
</main>