{{ define "main" }}
<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
  {{ 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 }}

         <hr/>

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

          <script defer src="https://commento.jefklakscodex.com/js/commento.js"></script>
          <script src="https://commento.jefklakscodex.com/js/count.js"></script>
          <div id="commento"></div>

        {{ end }}

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