index.html 25 KB

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