index.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510
  1. <html>
  2. <head>
  3. <title>{{title}}</title>
  4. <link rel="stylesheet" href="{{url_for('static', filename='primer.css')}}">
  5. <link rel="stylesheet" href="{{url_for('static', filename='style.css')}}">
  6. <link rel="stylesheet" href="{{url_for('static', filename='font-awesome/css/font-awesome.min.css')}}">
  7. <link rel="stylesheet" href="{{url_for('static', filename='katex/katex.min.css')}}">
  8. <script src="{{url_for('static', filename='katex/katex.min.js')}}"></script>
  9. <link rel="shortcut icon" href="{{url_for('static', filename='images/on.ico')}}">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. </head>
  12. <body>
  13. <br>
  14. <div class="one-fifth column">
  15. <div id="top">
  16. <a href="/" id="logo">{{logo}}</a>
  17. <div>
  18. <a href="/recentchanges" id="RecentChanges"><i class="fa fa-refresh" aria-hidden="true"></i><span id="is_mobile">최근 변경</span></a>
  19. <a href="/recentdiscuss" id="RecentChanges"><i class="fa fa-comment" aria-hidden="true"></i><span id="is_mobile">최근 토론</span></a>
  20. <a href="/random" id="log"><i class="fa fa-random" aria-hidden="true"></i></a>
  21. <a href="/user" id="log"><i class="fa fa-user" aria-hidden="true"></i></a>
  22. <a href="/other" id="log"><i class="fa fa-cogs" aria-hidden="true"></i></a>
  23. </div>
  24. <form method="POST" action="/search" id="search">
  25. <div class="input-group">
  26. <input class="form-control" name="search" type="text">
  27. <span class="input-group-button"><button class="btn"><i class="fa fa-long-arrow-left" aria-hidden="true"></i></button></span>
  28. </div>
  29. </form>
  30. </div>
  31. </div>
  32. <div class="scroll-buttons">
  33. <a class="scroll-toc" href="#toc"><i class="fa fa-list-alt" aria-hidden="true"></i></a>
  34. <a class="scroll-button" href="#top" id="left"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
  35. <a class="scroll-bottom" href="#powered" id="right"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
  36. </div>
  37. <div id="left_bar">
  38. <a href="#">맨 위로</a>
  39. <br>
  40. <br>
  41. {% autoescape false %}
  42. {{left}}
  43. {% endautoescape %}
  44. </div>
  45. <div class="four-fifths column">
  46. {% if tn == 1 %}
  47. <div id="tool">
  48. <nav class="menu">
  49. <a class="menu-item selected" href="#" onclick="return false">문서</a>
  50. <a class="menu-item" href="/edit/{{page}}">수정</a>
  51. <a class="menu-item" href="/topic/{{page}}">토론</a>
  52. <a class="menu-item" href="/delete/{{page}}">삭제</a>
  53. <a class="menu-item" href="/move/{{page}}">이동</a>
  54. <a class="menu-item" href="/raw/{{page}}">Raw</a>
  55. <a class="menu-item" href="/history/{{page}}">역사</a>
  56. <a class="menu-item" href="/xref/{{page}}">역링크</a>
  57. </nav>
  58. </div>
  59. <h1 class="titlee">{{title}} <sub>{{acl}}</sub></h1>
  60. {% if redirect %}
  61. {% autoescape false %}
  62. <li>{{redirect}}</li>
  63. <br>
  64. {% endautoescape %}
  65. {% endif %}
  66. <div>
  67. {% autoescape false %}
  68. {{data}}
  69. {% endautoescape %}
  70. </div>
  71. {% elif tn == 2 %}
  72. {% if preview == 1 %}
  73. <div id="tool">
  74. <nav class="menu">
  75. <a class="menu-item selected" href="#">미리보기</a>
  76. <a class="menu-item" href="/w/{{page}}">문서</a>
  77. </nav>
  78. </div>
  79. {% else %}
  80. <div id="tool">
  81. <nav class="menu">
  82. <a class="menu-item selected" href="#">수정</a>
  83. <a class="menu-item" href="/w/{{page}}">문서</a>
  84. </nav>
  85. </div>
  86. {% endif %}
  87. {% if preview == 1 %}
  88. <h1 class="title">{{title}} <sub>(미리보기)</sub></h1>
  89. {% else %}
  90. <h1 class="title">{{title}} <sub>(수정)</sub></h1>
  91. {% endif %}
  92. <form id="usrform" name="f1" method="POST" action="/edit/{{page}}">
  93. <textarea rows="30" cols="100" name="content" form="usrform">{{data}}</textarea>
  94. <input name="send" style="margin-top:10px;width:100%" type="text">
  95. <br>
  96. <br>
  97. <div class="form-actions">
  98. <button class="btn btn-primary" type="submit" onclick="f1.action='/edit/{{page}}';">저장</button>
  99. <button class="btn" type="submit" onclick="f1.action='/preview/{{page}}';">미리보기</button>
  100. </div>
  101. </form>
  102. {% if preview == 1 %}
  103. {% autoescape false %}
  104. {{enddata}}
  105. {% endautoescape %}
  106. {% endif %}
  107. {% elif tn == 3 %}
  108. <h1 class="title">{{title}}</h1>
  109. <table style="width: 100%;">
  110. <tbody>
  111. <tr>
  112. <td style="text-align: center;width:33.33%;">문서명</td>
  113. <td style="text-align: center;width:33.33%;">기여자</td>
  114. <td style="text-align: center;width:33.33%;">시간</td>
  115. </tr>
  116. </tbody>
  117. </table>
  118. {% autoescape false %}
  119. {{rows}}
  120. {% endautoescape %}
  121. {% elif tn == 4 %}
  122. <h1 class="title">{{title}}</h1>
  123. {% autoescape false %}
  124. {{rows}}
  125. {% endautoescape %}
  126. {% elif tn == 5 %}
  127. <div id="tool">
  128. <nav class="menu">
  129. <a class="menu-item selected" href="#">역사</a>
  130. <a class="menu-item" href="/w/{{page}}">문서</a>
  131. </nav>
  132. </div>
  133. <h1 class="title">{{title}} <sub>(역사)</sub></h1>
  134. <form class="usrform" method='POST' action='/history/{{page}}'>
  135. <input id="form-control input-sm" type='text' id='history' name='a'>
  136. <input id="form-control input-sm" type='text' id='history' name='b'>
  137. <button class="btn btn-primary" type='submit'>리비전 비교</button>
  138. <br>
  139. <br>
  140. <table style="width: 100%;">
  141. <tbody>
  142. <tr>
  143. <td style="text-align: center;width:33.33%;">판</td>
  144. <td style="text-align: center;width:33.33%;">기여자</td>
  145. <td style="text-align: center;width:33.33%;">시간</td>
  146. </tr>
  147. </tbody>
  148. </table>
  149. {% autoescape false %}
  150. {{rows}}
  151. {% endautoescape %}
  152. {% elif tn == 6 %}
  153. <div id="tool">
  154. <nav class="menu">
  155. <a class="menu-item selected" href="#" onclick="return false">옛문서</a>
  156. <a class="menu-item" href="/history/{{page}}">목록</a>
  157. </nav>
  158. </div>
  159. <h1 class="titlee">{{title}} <sub>(옛문서)</sub></h1>
  160. <div>
  161. {% autoescape false %}
  162. {{data}}
  163. {% endautoescape %}
  164. </div>
  165. {% elif tn == 7 %}
  166. <div id="tool">
  167. <nav class="menu">
  168. <a class="menu-item selected" href="#" onclick="return false">raw</a>
  169. <a class="menu-item" href="/w/{{page}}">문서</a>
  170. </nav>
  171. </div>
  172. <h1 class="title">{{title}} <sub>(raw)</sub></h1>
  173. <div>
  174. {% autoescape false %}
  175. {{data}}
  176. {% endautoescape %}
  177. </div>
  178. {% elif tn == 8 %}
  179. <h1 class="title">{{title}} <sub>(삭제)</sub></h1>
  180. <div id="tool">
  181. <nav class="menu">
  182. <a class="menu-item selected" href="#" onclick="return false">삭제</a>
  183. <a class="menu-item" href="/w/{{page}}">문서</a>
  184. </nav>
  185. </div>
  186. <form id="usrform" method="POST" action="/delete/{{page}}">
  187. {{plus}}
  188. <br>
  189. <br>
  190. <button class="btn btn-primary" type="submit">삭제</button>
  191. </form>
  192. {% elif tn == 9 %}
  193. <h1 class="title">{{title}} <sub>(이동)</sub></h1>
  194. <div id="tool">
  195. <nav class="menu">
  196. <a class="menu-item selected" href="#" onclick="return false">이동</a>
  197. <a class="menu-item" href="/w/{{page}}">문서</a>
  198. </nav>
  199. </div>
  200. <form id="usrform" method="POST" action="/move/{{page}}">
  201. {{plus}}
  202. <br>
  203. <br>
  204. <input class="form-control input-sm" value="{{title}}" name="title" type="text">
  205. <br>
  206. <br>
  207. <button class="btn btn-primary" type="submit">이동</button>
  208. </form>
  209. {% elif tn == 10 %}
  210. <h1 class="title">{{title}} <sub>(토론 목록)</sub></h1>
  211. {% if list == 1 %}
  212. <div id="tool">
  213. <nav class="menu">
  214. <a class="menu-item selected" href="#" onclick="return false">토론 목록</a>
  215. <a class="menu-item" href="/w/{{page}}">문서</a>
  216. </nav>
  217. </div>
  218. {% else %}
  219. <div id="tool">
  220. <nav class="menu">
  221. <a class="menu-item selected" href="#" onclick="return false">닫힌 토론 목록</a>
  222. <a class="menu-item" href="/topic/{{page}}">토론 목록</a>
  223. </nav>
  224. </div>
  225. {% endif %}
  226. <form id="usrform" method="POST" action="/topic/{{page}}">
  227. {% autoescape false %}
  228. {{plus}}
  229. {% endautoescape %}
  230. {% if list == 1 %}
  231. <br>
  232. <a href="/topic/{{page}}/close">(닫힌 토론 보기)</a>
  233. <br>
  234. <br>
  235. <input class="form-control" name="topic" style="width: 100%">
  236. <br>
  237. <br>
  238. <button class="btn btn-primary" type="submit">새토론</button>
  239. {% endif %}
  240. </form>
  241. {% elif tn == 11 %}
  242. <h1 class="titlee">{{title}} <sub>(토론)</sub></h1>
  243. <div id="tool">
  244. <nav class="menu">
  245. <a class="menu-item selected" href="#" onclick="return false">토론</a>
  246. <a class="menu-item" href="/topic/{{page}}">토론 목록</a>
  247. </nav>
  248. </div>
  249. <h2>{{sub}}</h2>
  250. <br>
  251. {% autoescape false %}
  252. {{rows}}
  253. {% endautoescape %}
  254. {% if ban == 1 %}
  255. {% else %}
  256. <form id="usrform" method="POST" action="/topic/{{page}}/sub/{{suburl}}">
  257. <br>
  258. <textarea rows="10" cols="100" name="content" form="usrform"></textarea>
  259. <br>
  260. <br>
  261. <button class="btn btn-primary" type="submit">전송</button>
  262. </form>
  263. {% endif %}
  264. {% elif tn == 12 %}
  265. <h1 class="title">{{title}}</h1>
  266. <table style="width: 100%;">
  267. <tbody>
  268. <tr>
  269. <td style="text-align: center;width:50%;">토론명</td>
  270. <td style="text-align: center;width:50%;">시간</td>
  271. </tr>
  272. </tbody>
  273. </table>
  274. {% autoescape false %}
  275. {{rows}}
  276. {% endautoescape %}
  277. {% elif tn == 13 %}
  278. <h1 class="title">{{title}} <sub>(되돌리기)</sub></h1>
  279. <div id="tool">
  280. <nav class="menu">
  281. <a class="menu-item selected" href="#" onclick="return false">되돌리기</a>
  282. <a class="menu-item" href="/w/{{page}}">문서</a>
  283. </nav>
  284. </div>
  285. <form id="usrform" method="POST" action="/revert/{{page}}/r/{{r}}">
  286. {{plus}}
  287. <br>
  288. <br>
  289. <button class="btn btn-primary" type="submit">되돌리기</button>
  290. </form>
  291. {% elif tn == 14 %}
  292. <h1 class="title">{{title}}</h1>
  293. <div>
  294. <h2 style="margin-top: -5px;">0.1 (알파)</h2>
  295. <li>문서 보기와 편집</li>
  296. <li>기타 문서</li>
  297. <li>랜덤 구현</li>
  298. <h2>0.2 ~ 0.9 (베타)</h2>
  299. <li>그 외 엄청나게 많은 기능 구현 (기존 <a href="https://github.com/2DU/OWNET">Ownet</a> 기능에서 로그인 필요한 기능 빼고 구현)</li>
  300. <h2>1.0</h2>
  301. <li>로그인 구현</li>
  302. <h2>1.1</h2>
  303. <li>차단 구현</li>
  304. <li>토론 닫기, 정지</li>
  305. <li>블라인드 구현</li>
  306. <li>ACL 기능 구현</li>
  307. <li>어드민 부여 구현</li>
  308. <h2>1.2 (진행중)</h2>
  309. <li>미리보기 구현 (완료)</li>
  310. <li>대역 차단 구현 (완료)</li>
  311. <li>diff 구현 (완료)</li>
  312. <li>파일 업로드 개선 (완료)</li>
  313. <li>파일 업로드 구현 (완료)</li>
  314. <li>기본적인 다중 검사 기능 (완료)</li>
  315. <h2>1.3</h2>
  316. <li>토론 목록 보강</li>
  317. <li>파일 문서 생성</li>
  318. <li>설계 약간 변경</li>
  319. <li>하위 문서 지원</li>
  320. <li>관리자 기능의 접근성 향상</li>
  321. <li>사용자 문서 생성</li>
  322. <h2>계속</h2>
  323. <li>버그 수정</li>
  324. <li>파서 제작</li>
  325. <br>
  326. <h2>파이나무 라이선스</h2>
  327. <li>미정</li>
  328. <h2>외부 파일 라이선스</h2>
  329. <li>인용문 아이콘 <a href="http://www.flaticon.com/free-icon/quote-left_25672">Dave Gandy</a> CC 3.0 BY</li>
  330. <li>일부 파일 <a href="https://twitter.com/Basix1120">Basix</a></li>
  331. <br>
  332. <h2>기타</h2>
  333. <li>현재 버전 1.3.0 - Beta</li>
  334. </div>
  335. {% elif tn == 15 %}
  336. <h1 class="title">{{title}}</h1>
  337. {% if title == '회원가입' %}
  338. <form id="usrform" method="POST" action="/register">
  339. {% else %}
  340. <form id="usrform" method="POST" action="/login">
  341. {% endif %}
  342. <span>아이디</span>
  343. <br>
  344. <br>
  345. <input name="id" type="text">
  346. <br>
  347. <br>
  348. <span>비밀번호</span>
  349. <br>
  350. <br>
  351. <input name="pw" type="password">
  352. <br>
  353. <br>
  354. <button class="btn btn-primary" type="submit">{{enter}}</button>
  355. </form>
  356. {% elif tn == 16 %}
  357. <h1 class="title">{{title}} <sub>(차단)</sub></h1>
  358. <form id="usrform" method="POST" action="/ban/{{page}}">
  359. {% if now == '차단' or now == '대역 차단' %}
  360. <input class="form-control" name="end" style="width: 100%">
  361. <br>
  362. <br>
  363. <span>아무것도 안 적으면 무기한 차단 입니다.</span>
  364. <br>
  365. <br>
  366. <span>차단 일 지정시 형식은 YYYY-MM-DD로 기록 해야합니다. (예시: 2017-01-20, 2017-10-15)</span>
  367. <br>
  368. <br>
  369. <span>지금 시각은 {{today}} 입니다.</span>
  370. <br>
  371. <br>
  372. <input class="form-control" name="why" style="width: 100%">
  373. <br>
  374. <br>
  375. <span>사유를 쓰는 곳 입니다.</span>
  376. {% if allif == 1 %}
  377. <br>
  378. <br>
  379. <input type="checkbox" name="band">
  380. <span>대역 차단</span>
  381. </input>
  382. {% endif %}
  383. <br>
  384. <br>
  385. {% endif %}
  386. <button class="btn btn-primary" type="submit">{{now}}</button>
  387. </form>
  388. {% elif tn == 17 %}
  389. <h1 class="title">{{title}}</h1>
  390. <div>
  391. <a class="out_link" style="margin-top: -5px;" href="https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%ED%8E%B8%EC%A7%91%20%EB%8F%84%EC%9B%80%EB%A7%90">참조</a>
  392. <h2>기초 문법</h2>
  393. <li>~~취소선~~ --취소선--</li>
  394. <li>'''강조'''</li>
  395. <li>''기울이기''</li>
  396. <li>__언더 바__</li>
  397. <li>^^윗 첨자^^</li>
  398. <li>,,아랫 첨자,,</li>
  399. <h2>문단 문법</h2>
  400. <li>[목차]</li>
  401. <li>= 1단계 문단 =</li>
  402. <li>== 2단계 문단 ==</li>
  403. <li>=== 3단계 문단 ===</li>
  404. <li>==== 4단계 문단 ====</li>
  405. <li>===== 5단계 문단 =====</li>
  406. <li>====== 6단계 문단 ======</li>
  407. <h2>링크 문법</h2>
  408. <li>[[내부 링크]]</li>
  409. <li>[[내부 링크|보이는 내용]]</li>
  410. <li>[[외부 링크]]</li>
  411. <li>[[외부 링크|보이는 내용]]</li>
  412. <h2>유튜브 문법</h2>
  413. <li>[youtube(코드)]</li>
  414. <li>[youtube(코드, width=가로, height=세로)]</li>
  415. <li>[youtube(코드, height=세로, width=가로)]</li>
  416. <h2>각주 문법</h2>
  417. <li>[* 내용]</li>
  418. <li>[*이름 내용]</li>
  419. <li>[각주]</li>
  420. <h2>넘겨주기 문법</h2>
  421. <li>#redirect 문서명</li>
  422. <li>#넘겨주기 문서명</li>
  423. </div>
  424. {% elif tn == 18 %}
  425. <h1 class="title">{{title}} <sub>(권한 부여)</sub></h1>
  426. <form id="usrform" method="POST" action="/admin/{{page}}">
  427. {% if now == '권한 부여' %}
  428. <select name="select">
  429. <option value="admin" selected="selected">관리자</option>
  430. <option value="ownet">소유자</option>
  431. </select>
  432. <br>
  433. <br>
  434. {% endif %}
  435. <button class="btn btn-primary" type="submit">{{now}}</button>
  436. </form>
  437. {% elif tn == 19 %}
  438. <h1 class="title">{{title}} <sub>(ACL)</sub></h1>
  439. <p>{{now}}</p>
  440. <form id="usrform" method="POST" action="/acl/{{page}}">
  441. <select name="select">
  442. <option value="admin" selected="selected">관리자만</option>
  443. <option value="user">유저 이상</option>
  444. <option value="normal">일반</option>
  445. </select>
  446. <br>
  447. <br>
  448. <button class="btn btn-primary" type="submit">ACL 변경</button>
  449. </form>
  450. {% elif tn == 20 %}
  451. <h1 class="title">{{title}}</h1>
  452. <table style="width: 100%;">
  453. <tbody>
  454. <tr>
  455. <td style="text-align: center;width:20%;">차단자</td>
  456. <td style="text-align: center;width:20%;">관리자</td>
  457. <td style="text-align: center;width:20%;">언제까지</td>
  458. <td style="text-align: center;width:20%;">왜</td>
  459. <td style="text-align: center;width:20%;">시간</td>
  460. </tr>
  461. </tbody>
  462. </table>
  463. {% autoescape false %}
  464. {{rows}}
  465. {% endautoescape %}
  466. {% elif tn == 21 %}
  467. <h1 class="title">{{title}}</h1>
  468. <div>
  469. <form action="" method=post enctype=multipart/form-data>
  470. <input type=file name=file>
  471. <input type=submit value=Upload>
  472. </form>
  473. </div>
  474. <span>{{number}}MB 이하 파일만 업로드 가능하고 jpg png gif jpeg만 가능 합니다.</span>
  475. {% elif tn == 22 %}
  476. <h1 class="title">{{title}}</h1>
  477. <table style="width: 100%;">
  478. <tbody>
  479. <tr>
  480. <td style="text-align: center;width:33.33%;">유저</td>
  481. <td style="text-align: center;width:33.33%;">아이피</td>
  482. <td style="text-align: center;width:33.33%;">언제</td>
  483. </tr>
  484. </tbody>
  485. </table>
  486. {% autoescape false %}
  487. {{rows}}
  488. {% endautoescape %}
  489. {% else %}
  490. <div id="tool">
  491. <nav class="menu">
  492. <a class="menu-item selected" href="#" onclick="return false">{{title}}</a>
  493. <a class="menu-item" href="javascript:history.back(-1);">뒤로가기</a>
  494. </nav>
  495. </div>
  496. <h1 class="title">{{title}}</h1>
  497. <div>
  498. {% autoescape false %}
  499. {{data}}
  500. {% endautoescape %}
  501. </div>
  502. {% endif %}
  503. <hr id="last">
  504. <p>{{license}}</p>
  505. <div id="powered">
  506. <a href="https://github.com/2DU/PYnamu"><img src="{{url_for('static', filename='images/on2.png')}}" width="100px"></a>
  507. </div>
  508. </div>
  509. </body>
  510. </html>