footer.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. {{/* variables for enabling/disabling parts of the footer */}}
  2. {{ $footerEnabled := site.Params.footer.enable | default true }}
  3. {{ $navigationEnabled := site.Params.footer.navigation.enable | default true }}
  4. {{ $contactMeEnabled := site.Params.footer.contactMe.enable | default true }}
  5. {{ $newsletterEnabled := site.Params.footer.newsletter.enable | default true }}
  6. {{ $credentialsEnabled := site.Params.footer.credentials.enable | default true }}
  7. {{ $disclaimerEnabled := site.Params.footer.disclaimer.enable | default false }}
  8. {{/* Keep backward compatibility for the newsletter function */}}
  9. {{ if site.Params.newsletter }}
  10. {{ if site.Params.newsletter.enable }}
  11. {{ $newsletterEnabled = true }}
  12. {{ else }}
  13. {{ $newsletterEnabled = false }}
  14. {{ end }}
  15. {{ end }}
  16. {{ if $footerEnabled }}
  17. {{ $author:= site.Data.author }}
  18. {{ if (index site.Data site.Language.Lang).author }}
  19. {{ $author = (index site.Data site.Language.Lang).author }}
  20. {{ end }}
  21. {{ $sections:= site.Data.sections }}
  22. {{ if (index site.Data site.Language.Lang).sections }}
  23. {{ $sections = (index site.Data site.Language.Lang).sections }}
  24. {{ end }}
  25. {{ $copyrightNotice := "© 2021 Copyright."}}
  26. {{ if (index site.Data site.Language.Lang).site }}
  27. {{ $siteConfig := (index site.Data site.Language.Lang).site }}
  28. {{ if $siteConfig.copyright }}
  29. {{ $copyrightNotice = $siteConfig.copyright }}
  30. {{ end }}
  31. {{ end }}
  32. {{ $disclaimer := "" }}
  33. {{ $siteConfig := (index site.Data site.Language.Lang).site }}
  34. {{ if $siteConfig.disclaimer }}
  35. {{ $disclaimer = $siteConfig.disclaimer }}
  36. {{ end }}
  37. {{/* footer logos */}}
  38. {{ $themeLogo := "/images/theme-logo.png" }}
  39. {{ $hugoLogo := "/images/hugo-logo.svg" }}
  40. {{/* resize the logos. don't resize svg because it is not supported */}}
  41. {{ $themeLogo:= resources.Get $themeLogo}}
  42. {{ if and $themeLogo (ne $themeLogo.MediaType.SubType "svg") }}
  43. {{ $themeLogo = $themeLogo.Resize "32x" }}
  44. {{ end }}
  45. {{ $themeLogo = $themeLogo.RelPermalink}}
  46. {{ $hugoLogo:= resources.Get $hugoLogo}}
  47. {{ if and $hugoLogo (ne $hugoLogo.MediaType.SubType "svg")}}
  48. {{ $hugoLogo = $hugoLogo.Resize "32x" }}
  49. {{ end }}
  50. {{ $hugoLogo = $hugoLogo.RelPermalink}}
  51. <footer class="container-fluid text-center align-content-center footer pb-2">
  52. <div class="container pt-5">
  53. <div class="row text-left">
  54. {{ if $navigationEnabled }}
  55. <div class="col-md-4 col-sm-12">
  56. <h5>{{ i18n "navigation" }}</h5>
  57. {{ if $sections }}
  58. <ul>
  59. {{- range sort $sections "section.weight" }}
  60. {{ if and (.section.enable) (.section.showOnNavbar)}}
  61. {{ $sectionID := replace (lower .section.name) " " "-" }}
  62. {{ if .section.id }}
  63. {{ $sectionID = .section.id }}
  64. {{ end }}
  65. <li class="nav-item">
  66. <a class="smooth-scroll" href="/#{{ $sectionID }}">{{ .section.name }}</a>
  67. </li>
  68. {{ end }}
  69. {{- end }}
  70. </ul>
  71. {{ end }}
  72. </div>
  73. {{ end }}
  74. {{ if (and $contactMeEnabled $author) }}
  75. <div class="col-md-4 col-sm-12">
  76. <h5>{{ i18n "contact_me" }}</h5>
  77. <ul>
  78. {{ range $key,$value:= $author.contactInfo }}
  79. <li><span>{{ title $key }}: </span> <span>{{ $value }}</span></li>
  80. {{ end }}
  81. </ul>
  82. </div>
  83. {{ end }}
  84. <!-------------- Newsletter --------------->
  85. {{ if $newsletterEnabled }}
  86. {{ $provider := site.Params.footer.newsletter.provider }}
  87. <div class="col-md-4 col-sm-12">
  88. <p>{{ i18n "newsletter_text" }}</p>
  89. {{ if and (eq $provider "mailchimp") site.Params.footer.newsletter.mailchimpURL }} <!-- mailchimp -->
  90. <form
  91. action="{{ site.Params.footer.newsletter.mailchimpURL }}"
  92. method="post"
  93. id="mc-embedded-subscribe-form"
  94. name="mc-embedded-subscribe-form"
  95. class="validate"
  96. target="_blank"
  97. novalidate >
  98. <div class="form-group">
  99. <input
  100. type="email"
  101. class="form-control"
  102. id="mce-EMAIL"
  103. name="EMAIL"
  104. aria-describedby="emailHelp"
  105. placeholder="{{ i18n "newsletter_input_placeholder" }}"
  106. />
  107. <small id="emailHelp" class="form-text text-muted"
  108. >{{ i18n "newsletter_warning" }}</small
  109. >
  110. </div>
  111. <button type="submit" class="btn btn-info">{{ i18n "submit" }}</button>
  112. </form>
  113. {{ else }}
  114. <!-- a dummy form -->
  115. <form>
  116. <div class="form-group">
  117. <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{ i18n "newsletter_input_placeholder" }}"/>
  118. <small id="emailHelp" class="form-text text-muted">{{ i18n "newsletter_warning" }}</small>
  119. </div>
  120. <button type="submit" class="btn btn-info">{{ i18n "submit" }}</button>
  121. </form>
  122. {{ end }}
  123. </div>
  124. {{ end }}
  125. </div>
  126. </div>
  127. {{ if and $disclaimerEnabled $disclaimer}}
  128. <hr />
  129. <div class="container">
  130. <p id="disclaimer"><strong>{{ i18n "disclaimer_text" }}:</strong> {{ $disclaimer }}</p>
  131. </div>
  132. {{ end }}
  133. {{ if $credentialsEnabled }}
  134. <hr />
  135. <div class="container">
  136. <div class="row text-left">
  137. <div class="col-md-4">
  138. <a id="theme" href="https://github.com/hossainemruz/toha" target="_blank" rel="noopener">
  139. <img src="{{ $themeLogo }}" alt="Toha Theme Logo">
  140. Toha
  141. </a>
  142. </div>
  143. <div class="col-md-4 text-center">{{ $copyrightNotice | markdownify }}</div>
  144. <div class="col-md-4 text-right">
  145. <a id="hugo" href="https://gohugo.io/" target="_blank" rel="noopener">{{ i18n "hugoAttributionText" }}
  146. <img
  147. src="{{ $hugoLogo }}"
  148. alt="Hugo Logo"
  149. height="18"
  150. />
  151. </a>
  152. </div>
  153. </div>
  154. </div>
  155. {{ end }}
  156. </footer>
  157. {{end}}