index.php 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407
  1. <?php
  2. require_once "../public/load_lang.php";
  3. require_once "../path.php";
  4. require_once "../pcdl/html_head.php";
  5. ?>
  6. <body style="margin: 0;padding: 0;" class="reader_body" >
  7. <script src="../term/term.js"></script>
  8. <script src="../term/note.js"></script>
  9. <script src="../channal/channal.js"></script>
  10. <script src="./article.js"></script>
  11. <script src="../public/js/jquery-ui-1.12.1/jquery-ui.js"></script>
  12. <link type="text/css" rel="stylesheet" href="../term/term.css"/>
  13. <link type="text/css" rel="stylesheet" href="../public/js/jquery-ui-1.12.1/jquery-ui.css"/>
  14. <script>
  15. <?php
  16. $_id = "";
  17. $_display = "";
  18. $_channal = "";
  19. if(isset($_GET["id"])){
  20. echo "_articel_id='".$_GET["id"]."';";
  21. }
  22. if(isset($_GET["display"])){
  23. echo "_display='".$_GET["display"]."';";
  24. }
  25. if(isset($_GET["channal"])){
  26. echo "_channal='".$_GET["channal"]."';";
  27. }
  28. if(isset($_GET["lang"])){
  29. echo "_lang='".$_GET["lang"]."';";
  30. }
  31. if(isset($_GET["author"])){
  32. echo "_author='".$_GET["author"]."';";
  33. }
  34. ?>
  35. </script>
  36. <style>
  37. #search_result{
  38. position: absolute;
  39. background: wheat;
  40. max-width: 95%;
  41. width: 24em;
  42. }
  43. .icon{
  44. width: 15px;
  45. height: 15px;
  46. }
  47. .submenu_title{
  48. font-size: 120%;
  49. font-weight: 700;
  50. }
  51. .term_word_head_pali {
  52. text-transform: capitalize;
  53. font-size: 200%;
  54. margin: 0.5em 0;
  55. }
  56. .term_word_head{
  57. border-bottom: 1px solid #cecece;
  58. padding: 5px 0;
  59. }
  60. .term_block{
  61. border-bottom: 1px solid #cecece;
  62. padding: 5px 0;
  63. }
  64. .term_word_head_authors a{
  65. color: blue;
  66. margin: 0 3px;
  67. }
  68. .term_word_head_authors a:hover{
  69. text-decoration: underline;
  70. cursor: pointer;
  71. }
  72. note .ref{
  73. text-align: right;
  74. padding: 5px;
  75. font-size: 75%;
  76. margin-top: 8px;
  77. }
  78. note{
  79. padding: 0.5em 0.8em;
  80. margin-bottom: 0.4em;
  81. border-radius: 5px;
  82. line-height:1.3em;
  83. <?php
  84. if(isset($_GET["display"]) && $_GET["display"]=="para"){
  85. echo "display:inline;";
  86. }
  87. else{
  88. echo "display:block;";
  89. echo "background-color: #80808014;";
  90. }
  91. ?>
  92. }
  93. note>.tran{
  94. color: #5c5c5c;
  95. padding-left: 1em;
  96. }
  97. note>.palitext , .palitext{
  98. font-family: Noto serif;
  99. line-height: 1.5em;
  100. color: #9f3a01;
  101. font-weight: 500;
  102. }
  103. note>.palitext>note{
  104. display:inline;
  105. color:blue;
  106. background-color: unset;
  107. padding: unset;
  108. margin-bottom: unset;
  109. border-radius: unset;
  110. }
  111. .term_block_bar {
  112. display: flex;
  113. justify-content: space-between;
  114. }
  115. #head_bar{
  116. display: flex;
  117. justify-content: space-between;
  118. height: 5em;
  119. background-color: var(--tool-bg-color1);
  120. border-bottom: 1px solid var(--tool-line-color);
  121. padding:10px;
  122. }
  123. .term_block_bar_left{
  124. display: flex;
  125. }
  126. .term_block_bar_left_icon{
  127. display: inline-block;
  128. width: 1.5em;
  129. text-align: center;
  130. height: 1.5em;
  131. background-color: gray;
  132. font-size: 180%;
  133. color: white;
  134. border-radius: 99px;
  135. }
  136. .term_block_bar_left_info{
  137. padding-left: 8px;
  138. }
  139. .main_view{
  140. padding: 0 1em;
  141. max-width: 1280px;
  142. margin-left: auto;
  143. margin-right: auto;
  144. }
  145. #term_list_right{
  146. width: 25em;
  147. }
  148. #term_list{
  149. width: 100%;
  150. padding: 0.5em;
  151. }
  152. #term_list_div{
  153. display: flex;
  154. justify-content: space-between;
  155. }
  156. .fun_frame {
  157. border-bottom: 1px solid gray;
  158. margin-right: 10px;
  159. margin-bottom: 10px;
  160. }
  161. .fun_frame>.title{
  162. padding:6px;
  163. font-weight: 700;
  164. }
  165. .fun_frame>.content{
  166. padding:6px;
  167. max-height:6em;
  168. overflow-y: scroll;
  169. }
  170. .fixed{
  171. position:fixed;
  172. right: 0;
  173. top: 0;
  174. }
  175. .when_right_fixed{
  176. padding-right:20em;
  177. }
  178. <?php
  179. if(isset($_GET["display"]) && $_GET["display"]=="para"){
  180. }
  181. else{
  182. ?>
  183. .bg_color_1{
  184. background-color:#ebebeb66;
  185. }
  186. .bg_color_2{
  187. background:linear-gradient(to right, #6afdb033, #ebebeb66);
  188. }
  189. .bg_color_3{
  190. background:linear-gradient(to right, #6a95fd26, #ebebeb66);
  191. }
  192. .bg_color_4{
  193. background:linear-gradient(to right, #f9e7911c, #ebebeb66);
  194. }
  195. .bg_color_5{
  196. background:linear-gradient(to right, #fe99b91c, #ebebeb66);
  197. }
  198. <?php
  199. }
  200. ?>
  201. pre {
  202. white-space: pre-line;
  203. font-family: auto;
  204. border-left: 3px solid var(--border-shadow);
  205. margin-left: 1em;
  206. padding-left: 0.5em;
  207. }
  208. #contents_view{
  209. display:flex;
  210. }
  211. #contents_div{
  212. flex:7;
  213. }
  214. #contents{
  215. min-height: 400px;
  216. }
  217. #contents li{
  218. white-space: normal;
  219. }
  220. #right_pannal{
  221. flex:3;
  222. max-width:20em;
  223. }
  224. #head_bar{
  225. height:unset;
  226. }
  227. <?php
  228. if(isset($_GET["display"]) && $_GET["display"]=="para"){
  229. ?>
  230. .tran>p{
  231. display:inline;
  232. }
  233. note{
  234. padding: 2px;
  235. margin-bottom: unset;
  236. }
  237. <?php
  238. }
  239. ?>
  240. #toc_content .level_2{
  241. padding-left:0.5em;
  242. }
  243. #toc_content .level_3{
  244. padding-left:1em;
  245. }
  246. #toc_content .level_4{
  247. padding-left:1.5em;
  248. }
  249. #toc_content .level_5{
  250. padding-left:2em;
  251. }
  252. .ui-dialog-titlebar{
  253. display: flex;
  254. justify-content: space-between;
  255. background-color: var(--btn-bg-color);
  256. padding: 5px;
  257. }
  258. .ui-widget-content{
  259. background-color: var(--bg-color);
  260. }
  261. .ui-dialog{
  262. box-shadow: 8px 8px 20px var(--border-shadow);
  263. }
  264. </style>
  265. <style media="screen and (max-width:767px)">
  266. #right_pannal{
  267. display:none;
  268. }
  269. .when_right_fixed{
  270. padding-right:0;
  271. }
  272. .index_toolbar{
  273. position:unset;
  274. }
  275. #pali_pedia{
  276. font-size: 200%;
  277. margin-top: auto;
  278. margin-bottom: auto;
  279. padding-left: 0.5em;
  280. }
  281. </style>
  282. <script>
  283. term_word_link_fun("wiki_goto_word");
  284. </script>
  285. <?php
  286. require_once("../pcdl/head_bar.php");
  287. ?>
  288. <div id="head_bar" >
  289. <div id="pali_pedia" style="display:flex;">
  290. <span>文集</span>
  291. </div>
  292. <div>
  293. <span>
  294. <?php
  295. echo "<a href='../article/?id=".$_GET["id"];
  296. echo "&display=para";
  297. echo "'>[逐段]</a>";
  298. echo "<a href='../article/?id=".$_GET["id"];
  299. echo "&display=sent";
  300. echo "'>[逐句]</a>";
  301. ?>
  302. <a href="#">[帮助]</a>
  303. </span>
  304. </div>
  305. </div>
  306. <div id="main_view" class="main_view">
  307. <div id="article_head" style="border-bottom: 1px solid gray;">
  308. <div id="article_title" class="term_word_head_pali">Title</div>
  309. <div id="article_subtitle">Subtitle</div>
  310. <div id="article_author">author</div>
  311. </div>
  312. <div id="contents_view">
  313. <div id="contents_div" style="padding: 0 1em;">
  314. <div id="contents">
  315. loading...
  316. </div>
  317. <div id="contents_foot">
  318. <div id="contents_nav" style="display:flex;justify-content: space-between;">
  319. <div id="contents_nav_left"></div>
  320. <div id="contents_nav_right"></div>
  321. </div>
  322. <div id="contents_dicuse">
  323. </div>
  324. </div>
  325. </div>
  326. <div id="right_pannal">
  327. <div class="fun_frame">
  328. <div id = "collect_title" class="title">Table of Content</div>
  329. <div id = "toc_content" class="content" style="max-height:20em;">
  330. </div>
  331. </div>
  332. <div class="fun_frame">
  333. <div class="title">Translations</div>
  334. <div id="channal_list" class="content" style="max-height:20em;">
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. </div>
  340. <!-- ui-dialog -->
  341. <div id="dialog" title="Dialog Title">
  342. <div id="edit_dialog_content"></div>
  343. </div>
  344. <script>
  345. note_create();
  346. articel_load(_articel_id);
  347. articel_load_collect(_articel_id);
  348. window.addEventListener('scroll',winScroll);
  349. function winScroll(e){
  350. if(GetPageScroll().y>220){
  351. }
  352. else{
  353. }
  354. }
  355. //滚动条位置
  356. function GetPageScroll()
  357. {
  358. var pos=new Object();
  359. var x, y;
  360. if(window.pageYOffset)
  361. { // all except IE
  362. y = window.pageYOffset;
  363. x = window.pageXOffset;
  364. } else if(document.documentElement && document.documentElement.scrollTop)
  365. { // IE 6 Strict
  366. y = document.documentElement.scrollTop;
  367. x = document.documentElement.scrollLeft;
  368. } else if(document.body) { // all other IE
  369. y = document.body.scrollTop;
  370. x = document.body.scrollLeft;
  371. }
  372. pos.x=x;
  373. pos.y=y;
  374. return(pos);
  375. }
  376. </script>
  377. </body>
  378. </html>