{{ define "main" }}
<div class="content-grid">
  <main id="main-content">

    <!-- Resume Header -->
    <div class="resume-header pixel-border">
      <div class="resume-header__top">
        <div class="resume-header__prompt">
          <span style="color:var(--forest-light);">~/resume $</span>
          <span style="color:var(--amber);"> cat dossier.md</span>
        </div>
        <a href="{{ .Site.Params.resumePDF | default "#" }}" class="btn btn--primary" style="font-size:0.85rem; padding:0.3rem 0.9rem;">
          [ download .pdf ]
        </a>
      </div>

      <h1 class="resume-name">{{ .Params.resumeName | default .Site.Params.author | default "Your Name" }}</h1>

      {{- with .Params.resumeTitle }}
      <div class="resume-title">{{ . }}</div>
      {{- end }}

      <div class="resume-contacts">
        {{- with .Params.email }}
        <span class="resume-contact"><span class="resume-contact__label">mail:</span> <a href="mailto:{{ . }}">{{ . }}</a></span>
        {{- end }}
        {{- with .Params.location }}
        <span class="resume-contact"><span class="resume-contact__label">loc:</span> {{ . }}</span>
        {{- end }}
        {{- with .Params.website }}
        <span class="resume-contact"><span class="resume-contact__label">web:</span> <a href="{{ . }}">{{ . }}</a></span>
        {{- end }}
        {{- with .Params.github }}
        <span class="resume-contact"><span class="resume-contact__label">git:</span> <a href="https://github.com/{{ . }}" target="_blank" rel="noopener">{{ . }}</a></span>
        {{- end }}
      </div>
    </div>

    <!-- Resume Body from markdown -->
    <div class="resume-body">
      {{ .Content }}
    </div>

  </main>

  {{ partial "sidebar.html" . }}
</div>
{{ end }}