index.html 13 KB

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