<!DOCTYPE html>
<html$if(lang)$ lang="$lang$"$endif$ >
<head>
  <meta charset="utf-8">
  <meta name="generator" content="pandoc">
  <link rel='shortcut icon' href='/public/img/helcel.ico' type='image/x-icon'/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
  $for(author-meta)$
  <meta name="author" content="$author-meta$">
  $endfor$
  $if(date-meta)$
  <meta name="dcterms.date" content="$date-meta$">
  $endif$
  <title>$if(title-prefix)$$title-prefix$ - $endif$$pagetitle$</title>
  <style type="text/css">code{white-space: pre;}</style>
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  $if(quotes)$
  <style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style>
  $endif$
  $for(css)$
    <link rel="stylesheet" href="$css$">
  $endfor$
  $for(header-includes)$
    $header-includes$
  $endfor$
</head>
<body>
  <header itemscope itemtype="https://schema.org/Person" class="$if(photo)$with-photo$endif$">
    <div id="title">
      $if(qrcode)$
      <img class="logo" src="$qrcode$" />
      $endif$
      <h1 class="fullname">
        <span itemprop="givenName">$firstname$</span>
        <span itemprop="familyName">$lastname$</span>
      </h1>
      <h2 class="title">$description$</h2>
    </div>
    $if(photo)$
    <img class="portrait"  src="$photo$"></div>
    $endif$
    <ul class="details">
      <!-- phone -->
      $if(phone)$
      $if(settings.protect-phone)$
      $if(privatecv)$
      <li><a class='phone' href="phoneto:$phone$">$phone$</a></li>
      $endif$
      $else$
      <li><a class='phone' href="phoneto:$phone$">$phone$</a></li>
      $endif$
      $endif$
      <!-- mobile -->
      $if(mobile)$
      $if(settings.protect-mobile)$
      $if(privatecv)$
      <li><a class='mobile' href="phoneto:$mobile$">$mobile$</a></li>
      $endif$
      $else$
      <li><a class='mobile' href="phoneto:$mobile$">$mobile$</a></li>
      $endif$
      $endif$
      <!-- email -->
      $if(email)$
      $if(settings.protect-email)$
      $if(privatecv)$
      <li><a href="mailto:$email$">$email$</a></li>
      $endif$
      $else$
      <li><a href="mailto:$email$">$email$</a></li>
      $endif$
      $endif$
      <!-- homepage -->
      $if(homepage)$
      <li><a href="$homepage$" itemprop="url" title="homepage">$homepage$</a></li>
      $endif$
      <!--if(address)-->
      $if(address)$
      $if(settings.protect-address)$
      $if(privatecv)$
      <li itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
        $if(address.city)$
        <span itemprop="addressLocality">$address.city$</span>
        $endif$
        $if(address.country)$
        <span itemprop="addressCountry">$address.country$</span>
        $endif$
      </li>
      $endif$
      $else$
      <li itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
        $if(address.city)$
        <span itemprop="addressLocality">$address.city$</span>
        $endif$
        $if(address.country)$
        <span itemprop="addressCountry">$address.country$</span>
        $endif$
      </li>
      $endif$
      $endif$
      <!--endif-->
    </ul>
  </header>
  $for(include-before)$
  $include-before$
  $endfor$
  $body$
  $for(include-after)$
  $include-after$
  $endfor$
  <footer>
    $footer$
  </footer>
</body>
</html>