{% set basics = page.resume.basics %}
 {% if basics %}
  <header id="header" class="clear">
    {% if basics.image_b64 %}
    <img class="image" src="data:image/jpeg;base64,{{ basics.image_b64 | safe }}" alt="{{ basics.name }}" />
    <div class="middle">
      <h1 class="name">{{ basics.name }}</h1>
      <h2 class="label">{{ basics.label }}</h2>
    </div>
    {% else %}
    <div>
      <h1 class="name">{{ basics.name }}</h1>
      <h2 class="label">{{ basics.label }}</h2>
    </div>
    {% endif %}

    {% if basics.location %}
    <span class="location">
      {% if basics.location.city %}
      <span class="city">{{ basics.location.city }},</span>
      {% endif %}
      {% if basics.location.region %}
      <span class="region">{{ basics.location.region }}</span>
      {% endif %}
      {% if basics.location.countryCode %}
      <span class="countryCode {{ basics.location.countryCode }}"></span>
      {% endif %}
    </span>
    {% endif %}

    <div id="contact">
			<a href="{{ basics.email }}" class="obfuscated_email">E-mail (hover me)</a>
    </div>
  </header>

  {% if basics.summary %}
  <section class="section">
    <section class="main-summary">
      <div>{{ basics.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
    </section>
  </section>
  {% endif %}
{% endif %}