index.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. <!DOCTYPE html>
  2. <html lang="{{'language_tag'|load_lang}}">
  3. <head>
  4. <meta charset="utf-8">
  5. {% if imp[3][0] != 0 %}
  6. <title>{{imp[0]}} {{imp[3][0]}} - {{imp[1][0]}}</title>
  7. {% else %}
  8. <title>{{imp[0]}} - {{imp[1][0]}}</title>
  9. {% endif %}
  10. {{imp[3][3]|safe}}
  11. <link href="https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css" rel="stylesheet">
  12. <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
  13. <script src="/views/ringo/js/main.js.cache_v2"></script>
  14. <script src="/views/ringo/js/sidebar.js.cache_v1"></script>
  15. <script src="/views/ringo/js/skin_set.js.cache_v2"></script>
  16. <link rel="stylesheet" href="/views/ringo/css/main.css.cache_v6">
  17. {% if request.cookies.get('main_css_darkmode', '') == '1' %}
  18. <link rel="stylesheet" href="/views/main_css/css/sub/dark.css.cache_v1">
  19. <link rel="stylesheet" href="/views/ringo/css/dark.css.cache_v1">
  20. {% endif %}
  21. {% if request.cookies.get('main_css_off_sidebar', '') == '1' %}
  22. <style>
  23. section {
  24. display: block;
  25. margin: auto;
  26. }
  27. .aside_width {
  28. display: none;
  29. }
  30. .do_fixed {
  31. display: none;
  32. }
  33. </style>
  34. {% endif %}
  35. <link rel="shortcut icon" href="/views/main_css/file/favicon.ico.cache_v1">
  36. {{imp[1][5]|safe}}
  37. {{imp[2][3]|safe}}
  38. {% if imp[3][0] != 0 %}
  39. <meta name="title" content="{{imp[0]}}{{imp[3][0]}} - {{imp[1][0]}}">
  40. {% else %}
  41. <meta name="title" content="{{imp[0]}} - {{imp[1][0]}}">
  42. {% endif %}
  43. <meta name="keywords" content="{{imp[0]}}">
  44. {% if imp[2][12] != 0 and imp[2][12][0] == 'w' %}
  45. <meta name="description" content="{{data|cut_100}}">
  46. {% endif %}
  47. <meta name="viewport" content="width=device-width, initial-scale=1">
  48. </head>
  49. <body>
  50. <header id="main">
  51. <span id="left">
  52. <a id="logo" href="/">{{imp[1][4]|safe}}</a>
  53. </span>
  54. <span id="right">
  55. <div class="top_cel" id="recent_cel">
  56. <a href="javascript:ringo_opening('recent_cel_in');">
  57. <span class="iconify" data-icon="ic:baseline-access-time" data-inline="true"></span>
  58. <span class="not_mobile">{{'list'|load_lang}}</span>
  59. <span class="iconify" data-icon="ic:baseline-arrow-drop-down" data-inline="true"></span>
  60. </a>
  61. <div class="top_cel_in" id="recent_cel_in" style="display: none;">
  62. <a href="/recent_changes">
  63. <span class="iconify" data-icon="ic:baseline-autorenew" data-inline="true"></span>
  64. {{'recent_change'|load_lang}}
  65. </a>
  66. <a href="/recent_discuss">
  67. <span class="iconify" data-icon="ic:baseline-add-comment" data-inline="true"></span>
  68. {{'recent_discussion'|load_lang}}
  69. </a>
  70. <a href="/vote">
  71. <span class="iconify" data-icon="ic:baseline-how-to-vote" data-inline="true"></span>
  72. {{'vote_list'|load_lang}}
  73. </a>
  74. <a href="/bbs/main">
  75. <span class="iconify" data-icon="ic:outline-developer-board" data-inline="true"></span>
  76. {{'bbs_main'|load_lang}}
  77. </a>
  78. </div>
  79. </div>
  80. <div class="top_cel" id="other_cel">
  81. <a href="javascript:ringo_opening('other_cel_in');">
  82. <span class="iconify" data-icon="ic:baseline-archive" data-inline="true"></span>
  83. <span class="not_mobile">{{'tool'|load_lang}}</span>
  84. <span class="iconify" data-icon="ic:baseline-arrow-drop-down" data-inline="true"></span>
  85. </a>
  86. <div class="top_cel_in" id="other_cel_in" style="display: none;">
  87. <a href="/random">
  88. <span class="iconify" data-icon="ic:baseline-shuffle" data-inline="true"></span>
  89. {{'random'|load_lang}}
  90. </a>
  91. <a href="/other">
  92. <span class="iconify" data-icon="ic:baseline-build" data-inline="true"></span>
  93. {{'other_tool'|load_lang}}
  94. </a>
  95. {% if imp[2][9] != '0' %}
  96. <a href="/manager">
  97. <span class="iconify" data-icon="ic:baseline-how-to-reg" data-inline="true"></span>
  98. {{'admin_tool'|load_lang}}
  99. </a>
  100. {% endif %}
  101. <a href="/upload">
  102. <span class="iconify" data-icon="ic:baseline-cloud-upload" data-inline="true"></span>
  103. {{'upload'|load_lang}}
  104. </a>
  105. <a href="/change/skin_set">
  106. <span class="iconify" data-icon="ic:baseline-settings" data-inline="true"></span>
  107. {{'skin_setting'|load_lang}}
  108. </a>
  109. </div>
  110. </div>
  111. <div class="top_cel" id="user_cel">
  112. <a href="javascript:ringo_opening('user_cel_in');">
  113. {% if imp[2][2] == 1 %}
  114. {% if imp[2][8] != '0' %}
  115. <span class="iconify" data-icon="ic:baseline-add-alert" data-inline="true"></span>
  116. {% else %}
  117. <span class="iconify" data-icon="ic:baseline-person-add" data-inline="true"></span>
  118. {% endif %}
  119. {% else %}
  120. <span class="iconify" data-icon="ic:round-person-search" data-inline="true"></span>
  121. {% endif %}
  122. <span class="not_mobile">{{imp[2][5]}}</span>
  123. <span class="iconify" data-icon="ic:baseline-arrow-drop-down" data-inline="true"></span>
  124. </a>
  125. <div class="top_cel_in" id="user_cel_in" style="display: none;">
  126. <a href="/user">
  127. <span class="iconify" data-icon="ic:baseline-account-box" data-inline="true"></span>
  128. {{'user_tool'|load_lang}}
  129. </a>
  130. <a href="/change">
  131. <span class="iconify" data-icon="ic:baseline-manage-accounts" data-inline="true"></span>
  132. {{'user_setting'|load_lang}}
  133. </a>
  134. {% if imp[2][2] == 1 %}
  135. <a href="/alarm">
  136. <span class="iconify" data-icon="ic:baseline-contact-mail" data-inline="true"></span>
  137. {{'alarm'|load_lang}} ({{imp[2][8]}})
  138. </a>
  139. <a href="/watch_list">
  140. <span class="iconify" data-icon="ic:round-preview" data-inline="true"></span>
  141. {{'watchlist'|load_lang}}
  142. </a>
  143. <a href="/star_doc">
  144. <span class="iconify" data-icon="ic:twotone-stars" data-inline="true"></span>
  145. {{'star_doc'|load_lang}}
  146. </a>
  147. <a href="/logout">
  148. <span class="iconify" data-icon="ic:baseline-logout" data-inline="true"></span>
  149. {{'logout'|load_lang}}
  150. </a>
  151. {% else %}
  152. <a href="/login">
  153. <span class="iconify" data-icon="ic:baseline-login" data-inline="true"></span>
  154. {{'login'|load_lang}}
  155. </a>
  156. <a href="/register">
  157. <span class="iconify" data-icon="ic:baseline-person-add-alt-1" data-inline="true"></span>
  158. {{'register'|load_lang}}
  159. </a>
  160. {% endif %}
  161. </div>
  162. </div>
  163. {% if imp[1][6] != '' %}
  164. <div class="top_cel" id="add_cel">
  165. <a href="javascript:ringo_opening('add_cel_in');">
  166. <span class="iconify" data-icon="ic:baseline-playlist-add" data-inline="true"></span>
  167. <span class="not_mobile">{{'added_menu'|load_lang}}</span>
  168. <span class="iconify" data-icon="ic:baseline-arrow-drop-down" data-inline="true"></span>
  169. </a>
  170. <div class="top_cel_in" id="add_cel_in" style="display: none;">
  171. {% for added_top_menu in imp[1][6] %}
  172. <a href="{{added_top_menu[1]}}">
  173. <span class="iconify" data-icon="ic:baseline-plus" data-inline="true"></span>
  174. {{added_top_menu[0]}}
  175. </a>
  176. {% endfor %}
  177. </div>
  178. </div>
  179. {% endif %}
  180. <form class="not_mobile" method="post" action="/search" role="search" id="search">
  181. <input class="not_mobile search" name="search" placeholder="{{'search'|load_lang}}" autocomplete="off" type="search">
  182. <button type="submit" id="goto" formaction="/goto" class="search_button">
  183. <span class="iconify" data-icon="ic:round-find-in-page" data-inline="true"></span>
  184. </button>
  185. <button type="submit" id="search" formaction="/search" class="search_button">
  186. <span class="iconify" data-icon="ic:baseline-search" data-inline="true"></span>
  187. </button>
  188. </form>
  189. </span>
  190. <form class="only_mobile" method="post" action="/search" role="search">
  191. <input class="only_mobile search" name="search" placeholder="{{'search'|load_lang}}" autocomplete="off" type="search">
  192. <button type="submit" id="goto" formaction="/goto" class="search_button">
  193. <span class="iconify" data-icon="ic:round-find-in-page" data-inline="true"></span>
  194. </button>
  195. <button type="submit" id="search" formaction="/search" class="search_button">
  196. <span class="iconify" data-icon="ic:baseline-search" data-inline="true"></span>
  197. </button>
  198. </form>
  199. </header>
  200. <section>
  201. <header id="section">
  202. <article class="main" id="title">
  203. <h1 class="blank">
  204. <span class="change_space">{{imp[0]}}</span>
  205. {% if imp[3][0] != 0 %}
  206. <sub>{{imp[3][0]}}</sub>
  207. {% endif %}
  208. </h1>
  209. {% if imp[3][1] != 0 %}
  210. {{'last_edit_time'|load_lang}} : {{imp[3][1]}}
  211. {% endif %}
  212. {% if menu != 0 %}
  213. <div id="menu">
  214. {% for menu_data in menu %}
  215. {% if menu[0] == 1 %}
  216. {% set menu_data_2 = menu_data[0] %}
  217. {% else %}
  218. {% set menu_data_2 = '/' + menu_data[0] %}
  219. {% endif %}
  220. {% if menu_data|length > 2 and menu_data[2] == 1 %}
  221. {% set menu_topic = 'topic_color' %}
  222. {% else %}
  223. {% set menu_topic = '' %}
  224. {% endif %}
  225. <a class="menu_item_link" href="{{menu_data_2}}" id="{{menu_topic}}">
  226. {{menu_data[1]}}
  227. </a>
  228. {% endfor %}
  229. </div>
  230. {% endif %}
  231. </article>
  232. </header>
  233. <article class="main" id="main_data">
  234. {{data|safe}}
  235. </article>
  236. <footer class="not_mobile">
  237. <article class="main" id="footer">
  238. {{imp[1][1]|safe}}
  239. <br>
  240. <br>
  241. <a href="https://github.com/openNAMU/openNAMU"><img id="b_logo" src="/views/main_css/file/s_logo.png"></a>
  242. </article>
  243. </footer>
  244. </section>
  245. <div class="aside_width">A</div>
  246. <aside class="do_fixed">
  247. <button id="side_button_1" class="side_button selected">{{'edit'|load_lang}}</button><!--
  248. --><button id="side_button_2" class="side_button">{{'discussion'|load_lang}}</button><!--
  249. --><button id="side_button_3" class="side_button">{{'toc'|load_lang}}</button><!--
  250. --><button id="side_button_4" class="side_button">{{'footnote'|load_lang}}</button>
  251. <div id="side_content">
  252. Loading...
  253. </div>
  254. </aside>
  255. <div id="nav_bar">
  256. <div id="go_top">
  257. <a href="#main">
  258. <span class="iconify" data-icon="ic:baseline-arrow-upward" data-inline="true"></span>
  259. </a>
  260. </div>
  261. <div id="go_bottom">
  262. <a href="#footer">
  263. <span class="iconify" data-icon="ic:baseline-arrow-downward" data-inline="true"></span>
  264. </a>
  265. </div>
  266. <div id="go_toc">
  267. <a href="#toc">
  268. <span class="iconify" data-icon="ic:baseline-list" data-inline="true"></span>
  269. </a>
  270. </div>
  271. </div>
  272. <footer class="only_mobile" id="footer">
  273. {{imp[1][1]|safe}}
  274. <br>
  275. <br>
  276. <a href="https://github.com/openNAMU/openNAMU"><img id="b_logo" src="/views/main_css/file/logo.svg"></a>
  277. </footer>
  278. </body>
  279. </html>