json-theme-even-fork/partials/header.hbs

39 lines
1.6 KiB
Handlebars
Raw Normal View History

2020-10-31 13:19:52 +01:00
<header class="masthead">
<div>
{{#name}}
<h1>{{.}}</h1>
{{/name}}
{{#label}}
<h2>{{.}}</h2>
{{/label}}
</div>
<ul class="icon-list">
{{#location}}
{{#if city}}
<li>
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
{{city}}{{#countryCode}}, {{formatCountry .}}{{/countryCode}}
</li>
{{/if}}
{{/location}}
{{#email}}
<li>
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<a href="mailto:{{.}}">{{.}}</a>
</li>
{{/email}}
{{#phone}}
<li>
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
<a href="tel:{{formatPhone .}}">{{.}}</a>
</li>
{{/phone}}
{{#url}}
<li>
<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
<a href="{{.}}">{{formatURL .}}</a>
</li>
{{/url}}
</ul>
</header>