{{ define "main" }}
<main>
	<header class="personal-summary section">
		<div class="container">
				<img src="/images/mo1.jpg" alt="Picture of Mohammed al-Tarawneh">
				{{ with .Params.summary }}
				<p>{{. | markdownify}}</p>
				{{ end }}
		</div>
	</header>
	<section id="about" class="section">
		<div class="container">
			{{ with .Params.about }}
			<h2 class="section-header">{{.}}</h2>
			{{ end }}
			<div class="organization-logos">
			<img src="/logos/un-ohchr.png" alt="UN OHCHR logo" width="320px"><br>
			<img src="/logos/crpd.png" alt="CRPD logo" width="320px"><br>
			<img src="/logos/ifes.jpg" alt="IFES logo" width="320px"><br>
			<img src="/logos/ard.png" alt="ARD, Inc. logo" width="320px"><br>
			<img src="/logos/g3ict.png" alt="G3ICT logo" width="320px"><br>
			<img src="/logos/gaates.png" alt="GAATES logo" width="320px">
			</div>
			<div class="cta">
				{{ with .Params.readmore }}
				<a href="/about">{{.}}</a>
				{{ end }}
			</div>
		</div>
	</section>
	<section id="media" class="section">
		<div class="container">
			{{ with .Params.latest }}
			<h2 class="section-header">{{.}}</h2>
			{{ end }}
		</div>
	</section>
	<section class="section" id="contact">
		<div class="container">
			{{ with .Params.contact }}
			<h2 class="section-header">{{.}}</h2>
			{{ end }}
			<ul class="contact-methods">
				<li class="contact-method"><i class="fa fa-envelope" aria-hidden="true"></i>motarawneh@gmail.com</li>
				<li class="contact-method"><i class="fa fa-phone" aria-hidden="true"></i>+962 79 555 5850</li>
			</ul>
		</div>
	</section>
</main>
{{ end }}