footer.html 5.1 KB

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