{{ define "main" }}
<main>
	<header class="personal-summary section">
		<div class="container">
			<img src="/images/king.jpg" alt="Mohammed al-Tarawneh being thanked by King Abdullah II of Jordan">
			{{ with .Params.about }}
			<h2 class="section-header">{{.}}</h2>
			{{ end }}
			{{ with .Params.summary }}
				<p>{{. | markdownify}}</p>
			{{ end }}
			</div>
	</header>
	<section id="about" class="section">
		<div class="container">
			<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 }}
			<div class="vcard h-card">
				<img class="u-photo" src="/images/mo-square.jpg" alt="Picture of Mohammed al-Tarawneh">
				<div class="info">
					<p class="p-name">Mohammed al-Tarawneh</p>
					<ul class="contact-methods">
						<li class="contact-method email u-email"><i class="fa fa-envelope" aria-hidden="true"></i>motarawneh@gmail.com</li>
						<li class="contact-method tel p-tel"><i class="fa fa-phone" aria-hidden="true"></i>+962 79 555 5850</li>
					</ul>
				</div>
			</div>
		</div>
	</section>
</main>
{{ end }}