list.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  1. <<<<<<< HEAD
  2. {{ define "main" }}
  3. <section class="page-title3 bg-2">
  4. <div class="container">
  5. <div class="row">
  6. <div class="col-md-12 text-center">
  7. <h1>設計專欄</h1>
  8. </div>
  9. </div>
  10. </div>
  11. </section>
  12. <div class="page-wrapper" style="padding-top: 50px;">
  13. <div class="container">
  14. <div class="row">
  15. <div class="col-md-8">
  16. {{ $paginator := .Paginate .Data.Pages }}
  17. {{ range where $paginator.Pages "Draft" false }}
  18. <div class="mb-5 post">
  19. <div class="mb-4">
  20. <a href="{{ .RelPermalink }}">
  21. <amp-img
  22. alt="{{ .Title }}"
  23. src="{{ .Params.Image | relURL }}"
  24. width="2664"
  25. height="956"
  26. layout="responsive">
  27. </amp-img>
  28. </a>
  29. </div>
  30. <a href="{{ .RelPermalink }}" style="color:#444444;" data-vars-event="accuhit" data-vars-event-type="6" data-vars-event-col1="{{ .Params.Col1 }}" data-vars-event-col2="{{ .Params.col2 }}" data-vars-event-col4="{{ .Params.title }}">
  31. <div class="title-size"><b>{{ .Title }}</b></div>
  32. </a>
  33. <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
  34. <div class="blog-content">
  35. <p class="card-text" style="color:#4D4D4D;">{{ .Summary }}</p>
  36. <a href="{{ .RelPermalink }}" class="btn btn-light">繼續閱讀</a>
  37. </div>
  38. </div>
  39. <!-- <div class="mb-5 post">
  40. <div class="mb-4">
  41. <a href="{{ .Permalink }}">
  42. <amp-img
  43. alt="{{ .Title }}"
  44. src="{{ .Params.Image | relURL }}"
  45. width="2664"
  46. height="956"
  47. layout="responsive">
  48. </amp-img>
  49. </a>
  50. </div>
  51. <h3><a href="{{ .Permalink }}" style="color:black;"><b>{{ .Title }}</b></a></h3>
  52. <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
  53. <div class="blog-content">
  54. <p>{{ .Summary }}</p>
  55. <a href="{{ .Permalink }}" class="btn btn-light">繼續閱讀</a>
  56. </div>
  57. </div> -->
  58. {{ end }}
  59. <!-- pagination -->
  60. {{ $paginator := .Paginator }}
  61. {{ $adjacent_links := 2 }}
  62. {{ $max_links := (add (mul $adjacent_links 2) 1) }}
  63. {{ $lower_limit := (add $adjacent_links 1) }}
  64. {{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
  65. {{ if gt $paginator.TotalPages 1 }}
  66. <nav class="text-center">
  67. <ul class="pagination post-pagination">
  68. <!-- Previous page. -->
  69. {{ if $paginator.HasPrev }}
  70. <li>
  71. <a href="{{ $paginator.Prev.URL }}" class="page-link">上一頁</a>
  72. </li>
  73. {{ end }}
  74. <!-- Page numbers. -->
  75. {{ range $paginator.Pagers }}
  76. {{ $.Scratch.Set "page_number_flag" false }}
  77. <!-- Advanced page numbers. -->
  78. {{ if gt $paginator.TotalPages $max_links }}
  79. <!-- Lower limit pages. -->
  80. <!-- If the user is on a page which is in the lower limit. -->
  81. {{ if le $paginator.PageNumber $lower_limit }}
  82. <!-- If the current loop page is less than max_links. -->
  83. {{ if le .PageNumber $max_links }}
  84. {{ $.Scratch.Set "page_number_flag" true }}
  85. {{ end }}
  86. <!-- Upper limit pages. -->
  87. <!-- If the user is on a page which is in the upper limit. -->
  88. {{ else if ge $paginator.PageNumber $upper_limit }}
  89. <!-- If the current loop page is greater than total pages minus $max_links -->
  90. {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
  91. {{ $.Scratch.Set "page_number_flag" true }}
  92. {{ end }}
  93. <!-- Middle pages. -->
  94. {{ else }}
  95. {{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
  96. {{ $.Scratch.Set "page_number_flag" true }}
  97. {{ end }}
  98. {{ end }}
  99. <!-- Simple page numbers. -->
  100. {{ else }}
  101. {{ $.Scratch.Set "page_number_flag" true }}
  102. {{ end }}
  103. <!-- Output page numbers. -->
  104. {{ if eq ($.Scratch.Get "page_number_flag") true }}
  105. <li class="{{ if eq . $paginator }} active {{ end }}">
  106. <a href="{{ .URL }}">
  107. {{ .PageNumber }}
  108. </a>
  109. </li>
  110. {{ end }}
  111. {{ end }}
  112. <!-- Next page. -->
  113. {{ if $paginator.HasNext }}
  114. <li>
  115. <a href="{{ $paginator.Next.URL }}">下一頁</a>
  116. </li>
  117. {{ end }}
  118. </ul>
  119. </nav>
  120. {{ end }}
  121. </div>
  122. <div class="col-md-4">
  123. {{ partial "blog-sidebar.html" . }}
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. =======
  129. {{ define "main" }}
  130. <section class="page-title3 bg-2">
  131. <div class="container">
  132. <div class="row">
  133. <div class="col-md-12 text-center">
  134. <h1>設計專欄</h1>
  135. </div>
  136. </div>
  137. </div>
  138. </section>
  139. <div class="page-wrapper" style="padding-top: 50px;">
  140. <div class="container">
  141. <div class="row">
  142. <div class="col-md-8">
  143. {{ $paginator := .Paginate .Data.Pages }}
  144. {{ range where $paginator.Pages "Draft" false }}
  145. <div class="mb-5 post">
  146. <div class="mb-4">
  147. <a href="{{ .RelPermalink }}">
  148. <amp-img
  149. alt="{{ .Title }}"
  150. src="{{ .Params.Image | relURL }}"
  151. width="2664"
  152. height="956"
  153. layout="responsive">
  154. </amp-img>
  155. </a>
  156. </div>
  157. <a href="{{ .RelPermalink }}" style="color:#444444;" data-vars-event="accuhit" data-vars-event-type="6" data-vars-event-col1="{{ .Params.Col1 }}" data-vars-event-col2="{{ .Params.col2 }}" data-vars-event-col4="{{ .Params.title }}">
  158. <div class="title-size"><b>{{ .Title }}</b></div>
  159. </a>
  160. <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
  161. <div class="blog-content">
  162. <p class="card-text" style="color:#4D4D4D;">{{ .Summary }}</p>
  163. <a href="{{ .RelPermalink }}" class="btn btn-light">繼續閱讀</a>
  164. </div>
  165. </div>
  166. <!-- <div class="mb-5 post">
  167. <div class="mb-4">
  168. <a href="{{ .Permalink }}">
  169. <amp-img
  170. alt="{{ .Title }}"
  171. src="{{ .Params.Image | relURL }}"
  172. width="2664"
  173. height="956"
  174. layout="responsive">
  175. </amp-img>
  176. </a>
  177. </div>
  178. <h3><a href="{{ .Permalink }}" style="color:black;"><b>{{ .Title }}</b></a></h3>
  179. <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
  180. <div class="blog-content">
  181. <p>{{ .Summary }}</p>
  182. <a href="{{ .Permalink }}" class="btn btn-light">繼續閱讀</a>
  183. </div>
  184. </div> -->
  185. {{ end }}
  186. <!-- pagination -->
  187. {{ $paginator := .Paginator }}
  188. {{ $adjacent_links := 2 }}
  189. {{ $max_links := (add (mul $adjacent_links 2) 1) }}
  190. {{ $lower_limit := (add $adjacent_links 1) }}
  191. {{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
  192. {{ if gt $paginator.TotalPages 1 }}
  193. <nav class="text-center">
  194. <ul class="pagination post-pagination">
  195. <!-- Previous page. -->
  196. {{ if $paginator.HasPrev }}
  197. <li>
  198. <a href="{{ $paginator.Prev.URL }}" class="page-link">上一頁</a>
  199. </li>
  200. {{ end }}
  201. <!-- Page numbers. -->
  202. {{ range $paginator.Pagers }}
  203. {{ $.Scratch.Set "page_number_flag" false }}
  204. <!-- Advanced page numbers. -->
  205. {{ if gt $paginator.TotalPages $max_links }}
  206. <!-- Lower limit pages. -->
  207. <!-- If the user is on a page which is in the lower limit. -->
  208. {{ if le $paginator.PageNumber $lower_limit }}
  209. <!-- If the current loop page is less than max_links. -->
  210. {{ if le .PageNumber $max_links }}
  211. {{ $.Scratch.Set "page_number_flag" true }}
  212. {{ end }}
  213. <!-- Upper limit pages. -->
  214. <!-- If the user is on a page which is in the upper limit. -->
  215. {{ else if ge $paginator.PageNumber $upper_limit }}
  216. <!-- If the current loop page is greater than total pages minus $max_links -->
  217. {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
  218. {{ $.Scratch.Set "page_number_flag" true }}
  219. {{ end }}
  220. <!-- Middle pages. -->
  221. {{ else }}
  222. {{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
  223. {{ $.Scratch.Set "page_number_flag" true }}
  224. {{ end }}
  225. {{ end }}
  226. <!-- Simple page numbers. -->
  227. {{ else }}
  228. {{ $.Scratch.Set "page_number_flag" true }}
  229. {{ end }}
  230. <!-- Output page numbers. -->
  231. {{ if eq ($.Scratch.Get "page_number_flag") true }}
  232. <li class="{{ if eq . $paginator }} active {{ end }}">
  233. <a href="{{ .URL }}">
  234. {{ .PageNumber }}
  235. </a>
  236. </li>
  237. {{ end }}
  238. {{ end }}
  239. <!-- Next page. -->
  240. {{ if $paginator.HasNext }}
  241. <li>
  242. <a href="{{ $paginator.Next.URL }}">下一頁</a>
  243. </li>
  244. {{ end }}
  245. </ul>
  246. </nav>
  247. {{ end }}
  248. </div>
  249. <div class="col-md-4">
  250. {{ partial "blog-sidebar.html" . }}
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. >>>>>>> 495a66c88a74b4a8d0669195070b7f9ff2c7678e
  256. {{ end }}