layout.jet.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. {{ title := "" }} {{ if isset(Title) }} {{ title = Title }} {{ else }} {{
  5. title = "PixivFE" }} {{ end }}
  6. <title>{{ title }} - PixivFE</title>
  7. <meta charset="UTF-8" />
  8. <meta name="description" content="View this page on PixivFE." />
  9. <meta name="viewport" content="width=device-width, initial-scale=1" />
  10. <meta http-equiv="Content-Security-Policy" content="script-src 'self'" />
  11. <meta name="referrer" content="no-referrer, same-origin" />
  12. <link href="/css/style.css" rel="stylesheet" />
  13. {{ if BaseURL }}
  14. <meta property="og:site_name" content="PixivFE" />
  15. <meta property="og:title" content="{{ title }}" />
  16. <meta property="og:type" content="website" />
  17. <meta property="og:url" content="{{ FullURL }}" />
  18. <meta property="twitter:url" content="{{ FullURL }}">
  19. <meta name="twitter:title" content="{{ title }}" />
  20. <meta name="twitter:card" content="summary_large_image" />
  21. <meta property="twitter:domain" content="{{ BaseURL }}">
  22. {{ if isset(PageType) }} {{ if PageType == "artwork" }} <meta
  23. property="og:description"
  24. content="View this artwork by {{ Illust.User.Name }} on PixivFE."
  25. />
  26. <meta name="twitter:description" content="View this artwork by {{ Illust.User.Name }} on PixivFE.">
  27. <meta property="og:image" content="{{ Illust.Images[0].Large }}" />
  28. <meta name="twitter:image" content="{{ Illust.Images[0].Large }}">
  29. {{ else if PageType == "user" }}
  30. <meta
  31. property="og:description"
  32. content="View this user's profile on PixivFE."
  33. />
  34. <meta name="twitter:description" content="View this user's profile on PixivFE.">
  35. {{ if User.BackgroundImage }}
  36. <meta property="og:image" content="{{ User.BackgroundImage }}" />
  37. <meta name="twitter:image" content="{{ User.BackgroundImage }}">
  38. {{ else }}
  39. <meta property="og:image" content="{{ User.Avatar }}" />
  40. <meta name="twitter:image" content="{{ User.Avatar }}">
  41. {{ end }} {{ end }} {{ end }} {{ end }}
  42. </head>
  43. <body>
  44. <nav>
  45. <div class="navigation-wrapper">
  46. <span>
  47. <input type="checkbox" class="sidebar-toggler" id="sidebar-toggler" checked />
  48. <label for="sidebar-toggler" class="sidebar-label">
  49. <img
  50. src="/assets/menu-thin.png"
  51. alt="Menu"
  52. width="30"
  53. height="30"
  54. />
  55. </label>
  56. <div class="sidebar">
  57. <ul class="sidebar-list">
  58. <a class="sidebar-item" href="/discovery">
  59. <img src="/assets/compass.png" alt="icon" />Discovery</a
  60. >
  61. <a class="sidebar-item" href="/ranking">
  62. <img src="/assets/crown.png" alt="icon" />Ranking</a
  63. >
  64. <a class="sidebar-item" href="/newest">
  65. <img src="/assets/sparkling.png" alt="icon" />Newest</a
  66. >
  67. <br />
  68. <a class="sidebar-item" href="/self/following_works">
  69. <img src="/assets/users.png" alt="icon" />Latest by followed</a
  70. >
  71. <a class="sidebar-item" href="/self/bookmarks">
  72. <img src="/assets/heart.png" alt="icon" />Your bookmarks</a
  73. >
  74. <a class="sidebar-item" href="/self">
  75. <img src="/assets/user.png" alt="icon" />Your profile</a
  76. >
  77. <br />
  78. <a class="sidebar-item" href="/settings">
  79. <img src="/assets/settings.png" alt="icon" />Settings</a
  80. >
  81. <a class="sidebar-item" href="/about">
  82. <img src="/assets/about.svg" alt="icon" />About</a
  83. >
  84. <br />
  85. <a
  86. class="sidebar-item"
  87. href="https://codeberg.org/vnpower/pixivfe"
  88. >
  89. <img src="/assets/globe.png" alt="icon" />Source code</a
  90. >
  91. </ul>
  92. </div>
  93. <span class="navbar-brand">
  94. <img src="https://pixivfe.exozy.me/favicon.ico" alt="Icon" />
  95. <a href="/">
  96. <span>PixivFE</span>
  97. </a>
  98. </span>
  99. </span>
  100. <span class="navbar-entry">
  101. <form
  102. class="search-form"
  103. action="/tags"
  104. method="post"
  105. autocomplete="off"
  106. >
  107. <input
  108. type="text"
  109. name="name"
  110. class="search-form-text"
  111. placeholder="⌕ Search artworks..."
  112. />
  113. <input type="submit" hidden />
  114. </form>
  115. </span>
  116. <span>
  117. <span class="navbar-entry" id="search-page-entry">
  118. <img src="/assets/search.svg" alt="Search" />
  119. </span>
  120. <span class="navbar-entry">
  121. <a href="/settings">
  122. <img src="/assets/cog.svg" alt="Settings" />
  123. </a>
  124. </span>
  125. </span>
  126. </div>
  127. <div class="navbar-shadow"></div>
  128. </nav>
  129. {{ embed() }}
  130. </body>
  131. </html>