tag.jet.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <div class="container">
  2. <div class="tag-header">
  3. {{ if Tag.Metadata.ID }}
  4. <a href="/artworks/{{ Tag.Metadata.ID }}">
  5. <img class="tag-thumbnail" src="{{ Tag.Metadata.Image }}" alt="{{ Tag.Name }}" />
  6. </a>
  7. {{ end }}
  8. <div class="tag-details">
  9. <b class="main-tag">#{{ Tag.Name }}</b>
  10. <span class="translated-tag">{{ Tag.Metadata.Name }}</span>
  11. <br />
  12. <br />
  13. <span><b>{{ Data.Artworks.Total }}</b> works</span>
  14. <p class="tag-description">{{ Tag.Metadata.Detail }}</p>
  15. </div>
  16. </div>
  17. <div class="artwork-container-scroll">
  18. {{ range Data.RelatedTags }}
  19. <a href="/tags/{{ . }}">
  20. <div class="tag-container">
  21. <div class="main">#{{ . }}</div>
  22. </div>
  23. </a>
  24. {{ end }}
  25. </div>
  26. <div class="switcher">
  27. {{ url := "/tags/" + Tag.Name + "?order=" + Queries.Order + "&mode=" +
  28. Queries.Mode + "&ratio=" + Queries.Ratio + "&page=1" + "&category=" }}
  29. <div class="switch-title">Type</div>
  30. <a href="{{url }}artworks" class="switch-button">All</a>
  31. <a href="{{url }}illustrations" class="switch-button">Illustrations</a>
  32. <a href="{{url }}manga" class="switch-button">Manga</a>
  33. </div>
  34. <div class="switcher">
  35. {{ url := "/tags/" + Tag.Name + "?category=" + Queries.Category + "&mode=" +
  36. Queries.Mode + "&ratio=" + Queries.Ratio + "&page=1" + "&order=" }}
  37. <div class="switch-title">Order</div>
  38. <a href="{{url }}date_d" class="switch-button">Newest</a>
  39. <a href="{{url }}date" class="switch-button">Oldest</a>
  40. </div>
  41. <div class="switcher">
  42. <div class="switch-title">Filter</div>
  43. {{ url := "/tags/" + Tag.Name + "?category=" + Queries.Category + "&order="
  44. + Queries.Order + "&ratio=" + Queries.Ratio + "&page=1" + "&mode=" }}
  45. <a href="{{url }}all" class="switch-button">All</a>
  46. <a href="{{url }}safe" class="switch-button">Safe</a>
  47. <a href="{{url }}r18" class="switch-button">R-18</a>
  48. </div>
  49. <div class="switcher">
  50. <div class="switch-title">Ratio</div>
  51. {{ url := "/tags/" + Tag.Name + "?category=" + Queries.Category + "&order="
  52. + Queries.Order + "&page=1" + "&mode=" + Queries.Mode + "&ratio=" }}
  53. <a href="{{url }}" class="switch-button">All</a>
  54. <a href="{{url }}-0.5" class="switch-button">Portrait</a>
  55. <a href="{{url }}0" class="switch-button">Square</a>
  56. <a href="{{url }}0.5" class="switch-button">Landscape</a>
  57. </div>
  58. {{ if Data.Popular.Recent }}
  59. <h2>Popular artworks</h2>
  60. <h3>Recent</h3>
  61. <div class="artwork-container-scroll">
  62. {{ include "components/small-tn" Data.Popular.Recent }}
  63. </div>
  64. <h3>All Time</h3>
  65. <div class="artwork-container-scroll">
  66. {{ include "components/small-tn" Data.Popular.Permanent }}
  67. </div>
  68. {{ end }}
  69. {* Switchers here *}
  70. <br />
  71. <h2>Works</h2>
  72. <div class="artwork-container">
  73. {{ include "components/small-tn" Data.Artworks.Artworks }}
  74. </div>
  75. <div class="pagination">
  76. {{ url := "/tags/" + Tag.Name + "?category=" + Queries.Category + "&order="
  77. + Queries.Order + "&mode=" + Queries.Mode + "&ratio=" + Queries.Ratio + "&page=" }}
  78. <small>Page {{ Page }}</small>
  79. <br />
  80. {{ raw: createPaginator(url, "#checkpoint", Page, -1) }}
  81. </div>
  82. </div>