{{ define "main" }}
<div class="col-xs-12 col-sm-8 col-md-9 content-column">
  {{ partial "mobile_nav_toggle.html" . }}
  <div class="row">
    <div class="col-lg-8">
      <div class="content-column-content">

         <h1>{{ .Title }}</h1>
          <h5>
            <span style="color: grey;">
              <span title="Created Date">
                      <i class='fa fa-calendar'></i>&nbsp;{{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") }}
                  </span>&nbsp;|&nbsp;
                  <span title="Last Modified Date">
                      <i class='fa fa-calendar-check-o'></i>&nbsp;{{ .Lastmod.Format (.Site.Params.dateFormat | default "2 January 2006") }}
                  </span>

                {{ if (not .Params.disableComments) }}
                  &nbsp;|&nbsp;
                  <span title="Comments">
                    <i class="fa fa-comments-o"></i>&nbsp;<a href="{{ .Permalink }}#commento"></a>
                </span>
                {{ end }}
          </span>
        </h5>
        <hr/>

         {{ .Content }}

         {{ if isset $.Params "tags" }}
          <div class="categories">
          Categorized under: 
          {{ range .Params.tags }}
              <a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
          {{ end }}
         {{ end }}
         </div>

         <hr/>

        {{ if (not .Params.disableComments) }}
          <h4 class="page-header"><i class="fa fa-comments-o"></i>&nbsp;
              Join the Discussion
          </h4>        

        {{- if (ne hugo.Environment "development") }}
          <script defer src="https://commento.jefklakscodex.com/js/commento.js"></script>
          <script src="https://commento.jefklakscodex.com/js/count.js"></script>
        {{- else }}
          (localhost, commento not loaded)
        {{- end }}
          <div id="commento"></div>

        {{ end }}

      </div>
    </div>
  </div>
</div>
{{ end }}