{{ define "header" }}
   {{/* We can override any block in the baseof file be defining it in the template */}}
  {{ partial "page-header.html" . }}
{{ end }}

{{ define "main" }}

  {{ $section := .Site.GetPage "section" .Section }}
  <article class="{{ .Site.Params.post_article_class  | default "flex-l flex-wrap justify-between mw8 center ph3 ph0-l"}}">

    <header class="mt4 w-100">
      <p class="f6 b tracked" style="font-family: 'Krub', sans-serif;">
          {{/*
          CurrentSection allows us to use the section title instead of inferring from the folder.
          https://gohugo.io/variables/page/#section-variables-and-methods
          */}}
        {{with .CurrentSection.Title }}{{. | upper }}{{end}}
      </p>
      <h1 class="{{ .Site.Params.post_title_class  | default "f1 athelas mb1" }}" style="font-family: 'Krub', sans-serif; letter-spacing: 0.1em">
        {{- .Title -}}
        {{ partial "story-dates.html" . }}
        <div class="avenir mid-gray normal">
          {{ partial "date.html" . }}
        </div>
      </h1>
      {{/* Hugo uses Go's date formatting is set by example. Here are two formats */}}

      {{/*
          Show "reading time" and "word count" but only if one of the following are true:
          1) A global config `params` value is set `show_reading_time = true`
          2) A section front matter value is set `show_reading_time = true`
          3) A page front matter value is set `show_reading_time = true`
        */}}
      {{ if (or (eq (.Param "show_reading_time") true) (eq $section.Params.show_reading_time true) )}}
        <span class="f6 mv4 dib tracked"> - {{ .ReadingTime}} minutes read</span>
        <span class="f6 mv4 dib tracked"> - {{ .WordCount}} words</span>
      {{ end }}
    </header>

    <main class="{{ .Site.Params.post_main_class  | default "nested-copy-line-height lh-copy f4 nested-links nested-img mid-gray pr4-l w-two-thirds-l" }}">
      {{- .Content -}}

      <div class="pv3 bb bt b--black-10 tc">
          {{ partial "social-follow.html" . }}
          <br>
          {{ partial "link-post.html" . }}
      </div>

      <div class="bb b--black-10">
        {{- partial "tags.html" . -}}
      </div>

      <div class="pt3">
        <p class="f4 b helvetica tracked" style="font-family: 'Krub', sans-serif;"> COMENTARIOS:</p>
        {{ template "_internal/disqus.html" . }}
      </div>
    </main>

    <aside class="w-30-l mt6-l">
      {{- partial "menu-contextual.html" . -}}
    </aside>

  </article>
{{ end }}