footer.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. {% import "partials/language.html" as lang with context %}
  2. <!-- Footer -->
  3. <footer class="md-footer">
  4. <!-- Link to previous and/or next page -->
  5. {% if page.previous_page or page.next_page %}
  6. <nav class="md-footer__inner md-grid" aria-label="{{ lang.t('footer.title') }}">
  7. <!-- Link to previous page -->
  8. {% if page.previous_page %}
  9. <a href="{{ page.previous_page.url | url }}" class="md-footer__link md-footer__link--prev" rel="prev">
  10. <div class="md-footer__button md-icon">
  11. {% include ".icons/material/arrow-left.svg" %}
  12. </div>
  13. <div class="md-footer__title">
  14. <div class="md-ellipsis">
  15. <span class="md-footer__direction">
  16. {{ lang.t("footer.previous") }}
  17. </span>
  18. {{ page.previous_page.title }}
  19. </div>
  20. </div>
  21. </a>
  22. {% endif %}
  23. <!-- Link to next page -->
  24. {% if page.next_page %}
  25. <a href="{{ page.next_page.url | url }}" class="md-footer__link md-footer__link--next" rel="next">
  26. <div class="md-footer__title">
  27. <div class="md-ellipsis">
  28. <span class="md-footer__direction">
  29. {{ lang.t("footer.next") }}
  30. </span>
  31. {{ page.next_page.title }}
  32. </div>
  33. </div>
  34. <div class="md-footer__button md-icon">
  35. {% include ".icons/material/arrow-right.svg" %}
  36. </div>
  37. </a>
  38. {% endif %}
  39. </nav>
  40. {% endif %}
  41. <!-- Further information -->
  42. <div class="md-footer-meta md-typeset">
  43. <div class="md-footer-meta__inner md-grid">
  44. <!-- Copyright and theme information -->
  45. <div class="md-footer-copyright">
  46. {% if config.copyright %}
  47. <a href="https://github.com/liangjingkanji" target="_blank" rel="noopener">
  48. <div class="md-footer-copyright__highlight">
  49. {{ config.copyright }}
  50. </div>
  51. </a>
  52. {% endif %}
  53. {{ extracopyright }}
  54. </div>
  55. <!-- Social links -->
  56. {% include "partials/social.html" %}
  57. </div>
  58. </div>
  59. </footer>