google_results.handlebars

{{!--  NOT PRODUCTION READY CODE  --}}

<section class="section--condensed section--primary flush">
	<div class="shell soft-half--ends">
		{{#if total}}
			<h3 class="flush">
				We've found
				<strong>{{total}}</strong>
				results for
				<strong>"{{query}}"</strong>
			</h3>
		{{else}}
			<h3 class="flush">
				We didn't find any results for
				<strong>"{{query}}"</strong>.
				Please try searching again.
			</h3>
		{{/if}}
	</div>
</section>

<section class="section--grey section--condensed">

	<div class="shell soft--top">
		<div class="grid">
			<div class="grid flush">
				<div class="grid__item one-whole hard">
					{{#each items}}<div class="grid__item one-third portable-one-half handheld-one-whole">
					{{#if image}}
						<div class="grid__item hard flush one-whole">
							<a href="{{link}}" class="image ratio--landscape flush background--fill clickable" style="background-image: url({{ image }});">
							</a>
						</div>{{/if}}<!--
						--><div class="grid__item one-whole hard flush">
								<div class="card flush">
									<h3 class="push-quarter--bottom"><a href="{{link}}" class="dark">{{title}}</a></h3>
									{{#if section}}
									<p class="capitalize push-quarter--bottom colfax dark">
										<b>{{section}}</b>
									</p>
									{{/if}}
									<p class="push-quarter--bottom">
										{{description}}
									</p>
									<p>
										<a href="{{link}}" class="link--arrow flush">Read More</a>
									</p>
							</div>
						</div>
					</div>{{/each}}
				</div>
			</div><!--

			-->{{#if pagination}}<!--
			--><div class="grid__item one-whole centered">
					<div class="tiles tiles--horizontal outlined">
						{{#if previous}}
							<div class="tile__item icon icon--small {{#if previous}}icon--arrow-left{{/if}}"{{#if next}} style="min-width: 35.69px;"{{/if}} {{#if previous}}data-search-previous{{/if}}></div>
						{{/if}}
						{{#if next}}<!--
					--><div class="tile__item icon icon--small {{#if next}}icon--arrow-right{{/if}}" {{#if next}}data-search-next{{/if}}></div>
						{{/if}}
			</div>{{/if}}<!--
			--><div class="grid__item one-whole centered">
				<small class="soft-half">Results powered by <span class="google-logo background--fill"></span></small>
			</div>

		</div>
	</div>


</section>