index.html 13 KB

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