<section class="container centered">
	<div class="about">
		{{ with .Site.Params.avatarurl }}
		<div class="avatar"><img src="{{ . | relURL }}" alt="avatar"></div>
		{{ end }}
		<h1>{{ .Site.Params.author }}</h1>
		<h2>{{ .Site.Params.info }}</h2>
		{{ with .Site.Params.social }}
		<ul>
			{{ range sort . "weight" }}
			{{ if .icon }}
			<li>
				{{ if eq .type "tel"}}
					<a href="tel:{{ .url }}" rel="me" aria-label="{{ .name }}" title="{{ .name }}">
				{{ else }}
					<a href="{{ .url }}" rel="me" aria-label="{{ .name }}" title="{{ .name }}">
				{{ end }}
					<i class="{{ .icon }}" aria-hidden="true"></i>
				</a>
			</li>
			{{ else }}
			<li>
				<a href="{{ .url }}" rel="me" aria-label="{{ .name }}" title="{{ .name }}">{{ .name }}</a>
			</li>
			{{ end }}
			{{ end }}
		</ul>
		{{ end }}
	</div>
</section>