index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>{{imp[0]}} - {{imp[1][0]}}</title>
  6. {{imp[3][3]|safe}}
  7. <link rel="stylesheet" href="/views/marisa/css/main.css?ver=3">
  8. <script src="/views/marisa/js/search.js?ver=1"></script>
  9. <script src="/views/marisa/js/skin_set.js?ver=2"></script>
  10. <script src="/views/marisa/js/main.js?ver=1"></script>
  11. <script>window.onload = function () { search_do(); skin_set(); }</script>
  12. <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
  13. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap">
  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. <meta name="title" content="{{imp[0]}} - {{imp[1][0]}}">
  18. <meta name="keywords" content="{{imp[1][0]}}">
  19. <meta name="description" content="{{data|cut_100}}">
  20. <meta name="viewport" content="width=device-width, initial-scale=1">
  21. </head>
  22. <body>
  23. <div id="background">
  24. <div id="top">
  25. <div id="top_main">
  26. <div id="logo">
  27. <a href="/">{{imp[1][4]|safe}}</a>
  28. </div>
  29. <div id="top_tool" class="not_mobile">
  30. <div id="top_tool_cel">
  31. <a href="javascript:void(0);" onclick="opening('recent_cel');">
  32. <span class="iconify" data-icon="octicon:clock" data-inline="true"></span>
  33. {{'recent'|load_lang}}
  34. <span class="iconify" data-icon="octicon:chevron-down" data-inline="true"></span>
  35. </a>
  36. <div id="recent_cel" class="cel_in_cel" style="display: none;">
  37. <a href="/recent_changes">
  38. <span class="iconify" data-icon="octicon:sync" data-inline="true"></span>
  39. {{'edit'|load_lang}}
  40. </a>
  41. <hr>
  42. <a href="/recent_discuss">
  43. <span class="iconify" data-icon="octicon:comment" data-inline="true"></span>
  44. {{'discussion'|load_lang}}
  45. </a>
  46. </div>
  47. </div>
  48. <div id="top_tool_cel">
  49. <a href="javascript:void(0);" onclick="opening('other_cel');">
  50. <span class="iconify" data-icon="octicon:package" data-inline="true"></span>
  51. {{'other'|load_lang}}
  52. <span class="iconify" data-icon="octicon:chevron-down" data-inline="true"></span>
  53. </a>
  54. <div id="other_cel" class="cel_in_cel" style="display: none;">
  55. <a href="/random">
  56. <span class="iconify" data-icon="octicon:repo-push" data-inline="true"></span>
  57. {{'random'|load_lang}}
  58. </a>
  59. <hr>
  60. <a href="/other">
  61. <span class="iconify" data-icon="octicon:tools" data-inline="true"></span>
  62. {{'tool'|load_lang}}
  63. </a>
  64. <hr>
  65. <a href="/skin_set">
  66. <span class="iconify" data-icon="octicon:settings" data-inline="true"></span>
  67. {{'skin_setting'|load_lang}}
  68. </a>
  69. </div>
  70. </div>
  71. <div id="top_tool_cel">
  72. <a href="/user">
  73. {% if imp[2][2] == 1 %}
  74. {% if imp[2][8] != '0' %}
  75. <span class="iconify" data-icon="octicon:megaphone" data-inline="true"></span>
  76. {% else %}
  77. <span class="iconify" data-icon="octicon:person" data-inline="true"></span>
  78. {% endif %}
  79. {% else %}
  80. <span class="iconify" data-icon="octicon:x" data-inline="true"></span>
  81. {% endif %}
  82. {{imp[2][5]}}
  83. </a>
  84. </div>
  85. <form method="post" action="/search" id="search" role="search">
  86. <input id="search_input" name="search" placeholder="{{'search'|load_lang}}" autocomplete="off" type="search">
  87. |
  88. <button type="submit" formaction="/goto">
  89. <span class="iconify" data-icon="octicon:clippy" data-inline="true"></span>
  90. </button>
  91. |
  92. <button type="submit" formaction="/search">
  93. <span class="iconify" data-icon="octicon:search" data-inline="true"></span>
  94. </button>
  95. <div id="pre_search" style="display: none;"></div>
  96. </form>
  97. </div>
  98. <div id="top_tool_mobile" class="is_mobile">
  99. <a href="javascript:void(0);" onclick="opening('mobile_menu');">
  100. <span class="iconify" data-icon="octicon:repo-push" data-inline="true"></span> {{'tool'|load_lang}}
  101. </a>
  102. </div>
  103. </div>
  104. </div>
  105. <div id="mobile_menu" class="is_mobile" style="display: none;">
  106. <div id="mobile_menu_main">
  107. <form method="post" action="/search" id="mobile_search" role="search">
  108. <input id="mobile_search_input" name="search" placeholder="{{'search'|load_lang}}" autocomplete="off" type="search">
  109. <br>
  110. <button id="mobile_button_first" type="submit" formaction="/goto">
  111. <span class="iconify" data-icon="octicon:clippy" data-inline="true"></span>
  112. </button>
  113. |
  114. <button type="submit" formaction="/search">
  115. <span class="iconify" data-icon="octicon:search" data-inline="true"></span>
  116. </button>
  117. |
  118. <a href="javascript:void(0);" onclick="opening('mobile_menu');">
  119. <span class="iconify" data-icon="octicon:repo-pull" data-inline="true"></span>
  120. </a>
  121. </form>
  122. <h2>{{'recent'|load_lang}}</h2>
  123. <li><a href="/recent_changes">{{'edit'|load_lang}}</a></li>
  124. <li><a href="/recent_discuss">{{'discussion'|load_lang}}</a></li>
  125. <h2>{{'other'|load_lang}}</h2>
  126. <li><a href="/random">{{'random'|load_lang}}</a></li>
  127. <li><a href="/other">{{'tool'|load_lang}}</a></li>
  128. <li><a href="/skin_set">{{'skin_setting'|load_lang}}</a></li>
  129. <h2>{{'user'|load_lang}}</h2>
  130. <li><a href="/user">{{imp[2][5]}}</a></li>
  131. </div>
  132. </div>
  133. <div id="main">
  134. <div id="main_top">
  135. {% if menu != 0 %}
  136. <div id="tool" class="not_mobile">
  137. {% for sub_d in menu %}
  138. <div id="tool_cel">
  139. {% if sub_d|length > 2 and sub_d[2] == 1 %}
  140. <a class="menu-item" href="/{{sub_d[0]}}" id="topic_color">{{sub_d[1]}}</a>
  141. {% else %}
  142. <a class="menu-item" href="/{{sub_d[0]}}">{{sub_d[1]}}</a>
  143. {% endif %}
  144. </div>
  145. {% if menu[loop.index] %}
  146. |
  147. {% endif %}
  148. {% endfor %}
  149. </div>
  150. {% endif %}
  151. <h1 id="title">
  152. {{imp[0]}}
  153. {% if imp[3][0] != 0 %}
  154. <sub>{{imp[3][0]}}</sub>
  155. {% endif %}
  156. </h1>
  157. <div id="last_edit">
  158. {% if imp[3][1] != 0 %}
  159. {{'last_edit_time'|load_lang}} : {{imp[3][1]}}
  160. {% endif %}
  161. </div>
  162. {% if menu != 0 %}
  163. <div id="tool" class="is_mobile">
  164. {% for sub_d in menu %}
  165. <div id="tool_cel">
  166. {% if sub_d|length > 2 and sub_d[2] == 1 %}
  167. <a class="menu-item" href="/{{sub_d[0]}}" id="topic_color">{{sub_d[1]}}</a>
  168. {% else %}
  169. <a class="menu-item" href="/{{sub_d[0]}}">{{sub_d[1]}}</a>
  170. {% endif %}
  171. </div>
  172. {% if menu[loop.index] %}
  173. |
  174. {% endif %}
  175. {% endfor %}
  176. </div>
  177. {% endif %}
  178. </div>
  179. <div id="main_data">
  180. {{data|safe}}
  181. </div>
  182. </div>
  183. </div>
  184. <div id="bottom">
  185. <div id="bottom_main">
  186. {{imp[1][1]|safe}}
  187. <br>
  188. <br>
  189. <a href="https://github.com/2du/openNAMU"><img id="b_logo" src="/views/main_css/file/s_logo.png"></a>
  190. </div>
  191. </div>
  192. <div id="nav_bar">
  193. <div id="go_top">
  194. <a href="#top">
  195. <span class="iconify" data-icon="octicon:arrow-up" data-inline="true"></span>
  196. </a>
  197. </div>
  198. <div id="go_bottom">
  199. <a href="#bottom">
  200. <span class="iconify" data-icon="octicon:arrow-down" data-inline="true"></span>
  201. </a>
  202. </div>
  203. <div id="go_toc">
  204. <a href="#toc">
  205. <span class="iconify" data-icon="octicon:list-unordered" data-inline="true"></span>
  206. </a>
  207. </div>
  208. </div>
  209. </body>
  210. </html>