index.html 13 KB

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