{{ define "main" }}
<div class="section" id="section-1">
  <div class="section-child">
    {{- partial "index_nav.html" . -}}
    <!-- The first section of the page will be loaded with partial intro.html -->
    <!-- and/or .Site.Params.indexContent variable in your hugo config file.  -->
    <!-- While the second section will be generated by content/_index.md file -->
    <!-- basically, the first section is more permanent,                      -->
    <!-- while you can regularly and easily change the second section         -->

    {{ if .Site.Params.indexContent }}
      {{ .Site.Params.indexContent | safeHTML }}
    {{ else }}
      {{- partial "intro.html" . -}}
    {{ end }}
  </div>
</div>

<!--
<div class="section" id="section-2">
  <div class="section-child">
    <div id="other-content">
      {{ .Content }}
    </div>
      <div class="img-l">
-->
        <!-- remove the <a> tag if the image shouldn't be a hyperlink -->
<!--
        <a href="{{ .Params.imgLink }}">
          <img src="{{ .Params.img }}" alt="{{ .Params.imgAlt }}">
        </a>
      </div>
  </div>
</div>
-->
{{ end }}