footer.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <footer class="bg-secondary">
  2. <div class="section">
  3. <div class="container">
  4. <div class="row">
  5. <div class="col-md-3 col-sm-6 mb-4 mb-md-0">
  6. <a href="{{site.BaseURL}}"><img src="{{site.Params.logo | absURL }}" alt="{{site.Title}}" class="img-fluid" style="max-height:50px;"></a>
  7. </div>
  8. <div class="col-md-3 col-sm-6 mb-4 mb-md-0">
  9. {{ if .Site.Params.address }}
  10. <h6>公司地址</h6>
  11. <ul class="list-unstyled">
  12. <li class="font-secondary text-dark"><a href="https://www.google.com/maps?q=%E6%96%B0%E7%AB%B9%E7%B8%A3%E7%AB%B9%E5%8C%97%E5%B8%82%E5%BE%A9%E8%88%88%E4%BA%8C%E8%B7%AF229%E8%99%9F9%E6%A8%93%E4%B9%8B9" target="_blank" style="color:black;">{{site.Params.address | markdownify }}</a></li>
  13. </ul>
  14. {{ end }}
  15. </div>
  16. <div class="col-md-3 col-sm-6 mb-4 mb-md-0">
  17. {{ if or .Site.Params.mobile .Site.Params.email }}
  18. <h6>聯絡我們</h6>
  19. <ul class="list-unstyled">
  20. {{ if .Site.Params.mobile }}
  21. <li class="font-secondary text-dark">Tel : <a class="text-dark" href="tel:{{ .Site.Params.mobile | markdownify }}" target="_blank">{{ .Site.Params.mobile | markdownify }}</a></li>
  22. {{ end }}
  23. {{ if .Site.Params.email }}
  24. <li class="font-secondary text-dark">Email : {{ .Site.Params.email | markdownify }}</li>
  25. {{ end }}
  26. </ul>
  27. {{ end }}
  28. </div>
  29. <div class="col-md-3 col-sm-6 mb-4 mb-md-0">
  30. <h6>社群平台</h6>
  31. <ul class="list-inline d-inline-block">
  32. {{ range site.Params.social }}
  33. <li class="list-inline-item"><a href="{{ .url }}" class="text-dark" target="_blank"><i class="{{ .icon }}"></i></a></li>
  34. {{ end }}
  35. </ul>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="text-center pb-3">
  41. <p class="mb-0">{{ site.Params.copyright | markdownify }}</p>
  42. </div>
  43. </footer>
  44. {{ if site.Params.search }}
  45. <script>
  46. var indexURL = {{ "index.json" | absURL }}
  47. </script>
  48. {{ end }}
  49. {{ "<!-- JS Plugins -->" | safeHTML }}
  50. {{ range site.Params.plugins.js}}
  51. <script src="{{ .link | absURL }}"></script>
  52. {{ end }}
  53. {{ "<!-- Main Script -->" | safeHTML }}
  54. {{ $script := resources.Get "js/script.js" | minify}}
  55. <script src="{{ $script.Permalink }}"></script>
  56. {{ "<!-- google analitycs -->" | safeHTML }}
  57. {{ with site.Params.google_analitycs_id }}
  58. <script>
  59. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  60. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  61. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  62. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  63. ga('create', '{{ . }}', 'auto');
  64. ga('send', 'pageview');
  65. </script>
  66. {{ end }}
  67. <!-- cookie -->
  68. {{ if site.Params.cookies.enable }}
  69. <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>
  70. <div id="js-cookie-box" class="cookie-box cookie-box-hide">
  71. This site uses cookies. By continuing to use this website, you agree to their use. <span id="js-cookie-button" class="btn btn-sm btn-outline-light ml-2">I Accept</span>
  72. </div>
  73. <script>
  74. (function ($) {
  75. const cookieBox = document.getElementById('js-cookie-box');
  76. const cookieButton = document.getElementById('js-cookie-button');
  77. if (!Cookies.get('cookie-box')) {
  78. cookieBox.classList.remove('cookie-box-hide');
  79. cookieButton.onclick = function () {
  80. Cookies.set('cookie-box', true, {
  81. expires: {{ site.Params.cookies.expire_days }}
  82. });
  83. cookieBox.classList.add('cookie-box-hide');
  84. };
  85. }
  86. })(jQuery);
  87. </script>
  88. <!-- cookie style -->
  89. <style>
  90. .cookie-box {
  91. position: fixed;
  92. left: 0;
  93. right: 0;
  94. bottom: 0;
  95. text-align: center;
  96. z-index: 9999;
  97. padding: 1rem 2rem;
  98. background: rgb(71, 71, 71);
  99. transition: all .75s cubic-bezier(.19, 1, .22, 1);
  100. color: #fdfdfd;
  101. }
  102. .cookie-box-hide {
  103. display: none;
  104. }
  105. </style>
  106. {{ end }}