hugo-toha/layouts/partials/footer.html

{{/*  variables for enabling/disabling parts of the footer  */}}
{{ $footerEnabled      := site.Params.footer.enable             | default true }}
{{ $navigationEnabled  := site.Params.footer.navigation.enable  | default true }}
{{ $contactMeEnabled   := site.Params.footer.contactMe.enable   | default true }}
{{ $newsletterEnabled  := site.Params.footer.newsletter.enable  | default true }}
{{ $credentialsEnabled := site.Params.footer.credentials.enable | default true }}
{{ $disclaimerEnabled  := site.Params.footer.disclaimer.enable  | default false }}

{{/*  Keep backward compatibility for the newsletter function */}}
{{ if site.Params.newsletter }}
  {{ if site.Params.newsletter.enable }}
    {{ $newsletterEnabled = true }}
  {{ else }}
      {{ $newsletterEnabled = false }}
  {{ end }}
{{ end }}

{{ if $footerEnabled }}
  {{ $author:= site.Data.author }}
  {{ if (index site.Data site.Language.Lang).author }}
    {{ $author = (index site.Data site.Language.Lang).author }}
  {{ end }}

  {{ $sections:= site.Data.sections }}
  {{ if (index site.Data site.Language.Lang).sections }}
    {{ $sections = (index site.Data site.Language.Lang).sections }}
  {{ end }}

  {{ $copyrightNotice := "© 2021 Copyright."}}
  {{ if (index site.Data site.Language.Lang).site }}
    {{ $siteConfig := (index site.Data site.Language.Lang).site }}
    {{ if $siteConfig.copyright }}
      {{ $copyrightNotice = $siteConfig.copyright }}
    {{ end }}
  {{ end }}


  {{ $disclaimer := "" }}
  {{ $siteConfig := (index site.Data site.Language.Lang).site }}
  {{ if $siteConfig.disclaimer }} 
    {{ $disclaimer = $siteConfig.disclaimer }}
  {{ end }}

  {{/*  footer logos  */}}
  {{ $themeLogo := "/images/theme-logo.png" }}
  {{ $hugoLogo := "/images/hugo-logo.svg" }}

  {{/* resize the logos. don't resize svg because it is not supported */}}
  {{ $themeLogo:= resources.Get $themeLogo}}
  {{ if and $themeLogo (ne $themeLogo.MediaType.SubType "svg") }}
    {{ $themeLogo = $themeLogo.Resize "32x" }}
  {{ end }}
  {{ $themeLogo = $themeLogo.RelPermalink}}

  {{ $hugoLogo:= resources.Get $hugoLogo}}
  {{ if and $hugoLogo (ne $hugoLogo.MediaType.SubType "svg")}}
    {{ $hugoLogo = $hugoLogo.Resize "32x" }}
  {{ end }}
  {{ $hugoLogo = $hugoLogo.RelPermalink}}

  <footer class="container-fluid text-center align-content-center footer pb-2">
    <div class="container pt-5">
      <div class="row text-left">
        {{ if $navigationEnabled }}
        <div class="col-md-4 col-sm-12">
          <h5>{{ i18n "navigation" }}</h5>
          {{ if $sections }}
          <ul>
            {{- range sort $sections "section.weight" }}
              {{ if and (.section.enable) (.section.showOnNavbar)}}
                {{ $sectionID := replace (lower .section.name) " " "-"  }}
                {{ if .section.id }}
                  {{ $sectionID = .section.id }}
                {{ end }}
                <li class="nav-item">
                  <a class="smooth-scroll" href="/#{{ $sectionID }}">{{ .section.name }}</a>
                </li>
              {{ end }}
            {{- end }}
          </ul>
          {{ end }}
        </div>
        {{ end }}
        {{ if (and $contactMeEnabled $author) }}
        <div class="col-md-4 col-sm-12">
          <h5>{{ i18n "contact_me" }}</h5>
          <ul>
            {{ range $key,$value:= $author.contactInfo }}
            <li><span>{{ title $key }}: </span> <span>{{ $value }}</span></li>
            {{ end }}
          </ul>
        </div>
        {{ end }}
        <!-------------- Newsletter --------------->
        {{ if $newsletterEnabled }}
          {{ $provider := site.Params.footer.newsletter.provider }}
          <div class="col-md-4 col-sm-12">
            <p>{{ i18n "newsletter_text" }}</p>
            {{ if and (eq $provider "mailchimp") site.Params.footer.newsletter.mailchimpURL }}  <!-- mailchimp -->
              <form
                action="{{ site.Params.footer.newsletter.mailchimpURL }}"
                method="post"
                id="mc-embedded-subscribe-form"
                name="mc-embedded-subscribe-form"
                class="validate"
                target="_blank"
                novalidate >
                <div class="form-group">
                  <input
                    type="email"
                    class="form-control"
                    id="mce-EMAIL"
                    name="EMAIL"
                    aria-describedby="emailHelp"
                    placeholder="{{ i18n "newsletter_input_placeholder" }}"
                  />
                  <small id="emailHelp" class="form-text text-muted"
                    >{{ i18n "newsletter_warning" }}</small
                  >
                </div>
                <button type="submit" class="btn btn-info">{{ i18n "submit" }}</button>
              </form>
            {{ else }}
             <!-- a dummy form -->
              <form>
                <div class="form-group">
                  <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{ i18n "newsletter_input_placeholder" }}"/>
                  <small id="emailHelp" class="form-text text-muted">{{ i18n "newsletter_warning" }}</small>
                </div>
                <button type="submit" class="btn btn-info">{{ i18n "submit" }}</button>
              </form>
            {{ end }}
          </div>
        {{ end }}
      </div>
    </div>
    {{ if and $disclaimerEnabled $disclaimer}}
    <hr />
    <div class="container">
      <p id="disclaimer"><strong>{{ i18n "disclaimer_text" }}:</strong> {{ $disclaimer | markdownify }}</p>
    </div>
    {{ end }}
    {{ if $credentialsEnabled }}
    <hr />
    <div class="container">
      <div class="row text-left">
        <div class="col-md-4">
          <a id="theme" href="https://github.com/hossainemruz/toha" target="_blank" rel="noopener">
            <img src="{{ $themeLogo }}" alt="Toha Theme Logo">
            Toha
          </a>
        </div>
        <div class="col-md-4 text-center">{{ $copyrightNotice | markdownify }}</div>
        <div class="col-md-4 text-right">
          <a id="hugo" href="https://gohugo.io/" target="_blank" rel="noopener">{{ i18n "hugoAttributionText" }}
          <img
            src="{{ $hugoLogo }}"
            alt="Hugo Logo"
            height="18"
          />
          </a>
        </div>
      </div>
    </div>
    {{ end }}
  </footer>
{{end}}