index.html 14 KB

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