html_head.php 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <?php
  2. require_once '../path.php';
  3. require_once '../public/load_lang.php';
  4. if (isset($_GET["language"])) {
  5. $currLanguage = $_GET["language"];
  6. $_COOKIE["language"] = $currLanguage;
  7. } else {
  8. if (isset($_COOKIE["language"])) {
  9. $currLanguage = $_COOKIE["language"];
  10. } else {
  11. $currLanguage = "en";
  12. $_COOKIE["language"] = $currLanguage;
  13. }
  14. }
  15. ?>
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  17. <html>
  18. <head>
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20. <meta name="viewport" content="width=device-width, initial-scale=1">
  21. <link type="text/css" rel="stylesheet" href="../pcdl/css/font.css" />
  22. <link type="text/css" rel="stylesheet" href="../pcdl/css/basic_style.css" />
  23. <link type="text/css" rel="stylesheet" href="../pcdl/css/style.css" />
  24. <link type="text/css" rel="stylesheet" href="../pcdl/css/color_day.css" id="colorchange" />
  25. <link type="text/css" rel="stylesheet" href="../pcdl/css/style_mobile.css" media="screen and (max-width:800px)">
  26. <link href="https://fonts.googleapis.com/css2?family=Padauk:wght@400;700&display=swap" rel="stylesheet">
  27. <!-- generics -->
  28. <link rel="icon" type="image/png" href="../public/images/favicon/favicon16.png" sizes="16x16">
  29. <link rel="icon" type="image/png" href="../public/images/favicon/favicon32.png" sizes="32x32">
  30. <link rel="icon" type="image/png" href="../public/images/favicon/favicon57.png" sizes="57x57">
  31. <link rel="icon" type="image/png" href="../public/images/favicon/favicon76.png" sizes="76x76">
  32. <link rel="icon" type="image/png" href="../public/images/favicon/favicon96.png" sizes="96x96">
  33. <link rel="icon" type="image/png" href="../public/images/favicon/favicon128.png" sizes="128x128">
  34. <link rel="icon" type="image/png" href="../public/images/favicon/favicon192.png" sizes="192x192">
  35. <link rel="icon" type="image/png" href="../public/images/favicon/favicon228.png" sizes="228x228">
  36. <link rel="icon" type="image/png" href="../public/images/favicon/android-chrome-512x512.png" sizes="512x512">
  37. <!-- Android -->
  38. <link rel="shortcut icon" type="image/png" sizes="196x196" href=“../public/images/favicon/favicon-196.png">
  39. <!-- iOS -->
  40. <link rel="apple-touch-icon" href="../public/images/favicon/apple-touch-icon120.png" sizes="120x120">
  41. <link rel="apple-touch-icon" href="../public/images/favicon/apple-touch-icon152.png" sizes="152x152">
  42. <link rel="apple-touch-icon" href="../public/images/favicon/apple-touch-icon167.png" sizes="167x167">
  43. <link rel="apple-touch-icon" href="../public/images/favicon/apple-touch-icon180.png" sizes="180x180">
  44. <!-- Windows 8 IE 10-->
  45. <meta name="msapplication-TileColor" content="#FFFFFF">
  46. <meta name="msapplication-TileImage" content="../public/images/favicon/favicon144.png">
  47. <!-- Windows 8.1 + IE11 and above -->
  48. <meta name="msapplication-config" content="../public/images/favicon/browserconfig.xml" />
  49. <link rel="shortcut icon" href="../public/images/favicon/favicon.ico">
  50. <link rel="manifest" href="../public/images/favicon/site.webmanifest">
  51. <link rel="mask-icon" href="../public/images/favicon/safari-pinned-tab.svg" color="#333333">
  52. <title>wikipāḷi</title>
  53. <script src="../public/js/jquery.js"></script>
  54. <script src="../public/js/comm.js"></script>
  55. <script src="../studio/js/fixedsticky.js"></script>
  56. <script src="../guide/guide.js"></script>
  57. <link type="text/css" rel="stylesheet" href="../guide/guide.css" />
  58. <script src="../ucenter/setting.js"></script>
  59. <script src="../public/js/marked.js"></script>
  60. <script src="../public/js/mermaid.min.js"></script>
  61. <script src="../public/js/notify.js"></script>
  62. <link type="text/css" rel="stylesheet" href="../public/css/notify.css" />
  63. <script src="../public/js/jquery-ui-1.12.1/jquery-ui.js"></script>
  64. <link type="text/css" rel="stylesheet" href="../public/js/jquery-ui-1.12.1/jquery-ui.css" />
  65. <script src="../term/term.js"></script>
  66. <script src="../term/note.js"></script>
  67. <script src="../term/term_popup.js"></script>
  68. <link type="text/css" rel="stylesheet" href="../term/term.css" />
  69. <?php
  70. if (isset($_GET["display"]) && $_GET["display"] == "para") {
  71. echo '<link type="text/css" rel="stylesheet" href="../term/term_para.css"/>';
  72. }
  73. ?>
  74. <script src="../channal/channal.js"></script>
  75. <script src="../term/popup_note.js"></script>
  76. <link type="text/css" rel="stylesheet" href="../term/popup_note.css" />
  77. <script src="../term/term_edit_dlg.js"></script>
  78. <link type="text/css" rel="stylesheet" href="../term/term_edit_dlg.css" />
  79. <script src="../uwbw/wbw_channal_list.js"></script>
  80. <script src="../usent/historay.js"></script>
  81. <script src="../term/pali_sim_sent.js"></script>
  82. <link type="text/css" rel="stylesheet" href="../term/pali_sim_dlg.css" />
  83. <script src="../term/related_para.js"></script>
  84. <script src="../inline_dict/inline_dict.js"></script>
  85. <script src="../widget/click_dropdown.js"></script>
  86. <link type="text/css" rel="stylesheet" href="../widget/click_dropdown.css" />
  87. <script src="../public/charcode/coverter_my.js"></script>
  88. <script>
  89. <?php require_once '../public/load_lang_js.php'; ?>
  90. </script>
  91. <style>
  92. .list_with_head {
  93. display: flex;
  94. margin: 3px 0;
  95. }
  96. .head_img {
  97. display: inline-flex;
  98. min-width: 3em;
  99. height: 3em;
  100. padding: 0 0px;
  101. font-size: 60%;
  102. background-color: gray;
  103. color: white;
  104. border-radius: 1.5em;
  105. text-align: center;
  106. justify-content: center;
  107. margin: auto 2px;
  108. line-height: 3em;
  109. }
  110. .card {
  111. border-radius: 20px;
  112. box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05);
  113. margin: 10px 0;
  114. background-color: white;
  115. padding: 0.7rem;
  116. display: flex;
  117. position: relative;
  118. }
  119. .card>.title>a,
  120. .card>.title>a:link {
  121. color: var(--main-color);
  122. }
  123. .card a:hover {
  124. color: var(--tool-link-hover-color);
  125. }
  126. .card_state {
  127. position: absolute;
  128. background-color: darkred;
  129. color: white;
  130. padding: 0 6px;
  131. right: -5px;
  132. }
  133. .index_inner {
  134. margin-left: auto;
  135. margin-right: auto;
  136. }
  137. .card li {
  138. white-space: normal;
  139. }
  140. .card code {
  141. white-space: normal;
  142. }
  143. </style>
  144. </head>