index.html

{{ define "main" }}
  <div role="main" class="container">
    <div class="row">
      <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1">
        {{ with .Content }}
          <div class="well">
            {{.}}
          </div>
        {{ end }}

        <div class="posts-list">
          {{ $pag := .Paginate (where site.RegularPages "Type" "in" site.Params.mainSections) }}
          {{ range $pag.Pages }}
            {{ partial "post_preview" . }}
          {{ end }}
        </div>

        {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
          <ul class="pager main-pager">
            {{ if .Paginator.HasPrev }}
              <li class="previous">
                <a href="{{ .Permalink }}page/{{ .Paginator.Prev.PageNumber }}/">&larr; {{ i18n "newerPosts" }}</a>
              </li>
            {{ end }}
            {{ if .Paginator.HasNext }}
              <li class="next">
                <a href="{{ .Permalink }}page/{{ .Paginator.Next.PageNumber }}/">{{ i18n "olderPosts" }} &rarr;</a>
              </li>
            {{ end }}
          </ul>
        {{ end }}
      </div>
    </div>
  </div>
  <script type="text/javascript">
  // disable some elements, if in iframe
  document.addEventListener("DOMContentLoaded", function() {
    if (window.top != window.self) {
      // header with big image
      const header = document.querySelector("header.header-section.has-img");
      if (header != null) {
        header.style.display = "none";
        //header.remove();

        // navbar
        const navbar = document.querySelector("nav.navbar");
        if (navbar != null ) {
          navbar.style.display = "none";
          //navbar.remove();
        }

        // footer
        footer = document.querySelector("footer");
        if (footer != null) {
          footer.style.display = "none";
          //footer.remove();
        }
      }
    }
  });
  </script>
{{ end }}