index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
  6. <title>Quran</title>
  7. <style>
  8. .title{
  9. text-align: center;
  10. }
  11. .softkey {
  12. height: 1.5rem;
  13. width: 100%;
  14. background-color: grey;
  15. display: flex;
  16. justify-content: center;
  17. align-items: flex-end;
  18. position: fixed;
  19. left: 0;
  20. right: 0;
  21. bottom: 0;
  22. }
  23. .softkey-right {
  24. width: 33% ;
  25. float: right;
  26. justify-content: space-between;
  27. text-align: right;
  28. }
  29. .softkey-center {
  30. width: 34% ;
  31. float: center;
  32. justify-content: space-between;
  33. text-align: center;
  34. }
  35. .softkey-left {
  36. width: 33% ;
  37. float: left;
  38. justify-content: space-between;
  39. text-align: left;
  40. }
  41. </style>
  42. <!-- Inline scripts are forbidden in Firefox OS apps (CSP restrictions),
  43. so we use a script file. -->
  44. <script src="fetch-inject.umd.min.js"></script>
  45. <script data-main="app" src="quran.js" defer></script>
  46. <script src="app.js" defer></script>
  47. </head>
  48. <body>
  49. <!-- This code is in the public domain. Enjoy! -->
  50. <div class="title"><h1>Simple Quran</h1></div>
  51. <select name="surah" style="width: 100%;" autofocus>
  52. <option>1</option>
  53. <option>2</option>
  54. <option>3</option>
  55. <option>4</option>
  56. <option>5</option>
  57. <option>6</option>
  58. <option>7</option>
  59. <option>8</option>
  60. <option>9</option>
  61. <option>10</option>
  62. <option>11</option>
  63. <option>12</option>
  64. <option>13</option>
  65. <option>14</option>
  66. <option>15</option>
  67. <option>16</option>
  68. <option>17</option>
  69. <option>18</option>
  70. <option>19</option>
  71. <option>20</option>
  72. <option>21</option>
  73. <option>22</option>
  74. <option>23</option>
  75. <option>24</option>
  76. <option>25</option>
  77. <option>26</option>
  78. <option>27</option>
  79. <option>28</option>
  80. <option>29</option>
  81. <option>30</option>
  82. <option>31</option>
  83. <option>32</option>
  84. <option>33</option>
  85. <option>34</option>
  86. <option>35</option>
  87. <option>36</option>
  88. <option>37</option>
  89. <option>38</option>
  90. <option>39</option>
  91. <option>40</option>
  92. <option>41</option>
  93. <option>42</option>
  94. <option>43</option>
  95. <option>44</option>
  96. <option>45</option>
  97. <option>46</option>
  98. <option>47</option>
  99. <option>48</option>
  100. <option>49</option>
  101. <option>50</option>
  102. <option>51</option>
  103. <option>52</option>
  104. <option>53</option>
  105. <option>54</option>
  106. <option>55</option>
  107. <option>56</option>
  108. <option>57</option>
  109. <option>58</option>
  110. <option>59</option>
  111. <option>60</option>
  112. <option>61</option>
  113. <option>62</option>
  114. <option>63</option>
  115. <option>64</option>
  116. <option>65</option>
  117. <option>66</option>
  118. <option>67</option>
  119. <option>68</option>
  120. <option>69</option>
  121. <option>70</option>
  122. <option>71</option>
  123. <option>72</option>
  124. <option>73</option>
  125. <option>74</option>
  126. <option>75</option>
  127. <option>76</option>
  128. <option>77</option>
  129. <option>78</option>
  130. <option>79</option>
  131. <option>80</option>
  132. <option>81</option>
  133. <option>82</option>
  134. <option>83</option>
  135. <option>84</option>
  136. <option>85</option>
  137. <option>86</option>
  138. <option>87</option>
  139. <option>88</option>
  140. <option>89</option>
  141. <option>90</option>
  142. <option>91</option>
  143. <option>92</option>
  144. <option>93</option>
  145. <option>94</option>
  146. <option>95</option>
  147. <option>96</option>
  148. <option>97</option>
  149. <option>98</option>
  150. <option>99</option>
  151. <option>100</option>
  152. <option>101</option>
  153. <option>102</option>
  154. <option>103</option>
  155. <option>104</option>
  156. <option>105</option>
  157. <option>106</option>
  158. <option>107</option>
  159. <option>108</option>
  160. <option>109</option>
  161. <option>110</option>
  162. <option>111</option>
  163. <option>112</option>
  164. <option>113</option>
  165. <option>114</option>
  166. </select>
  167. <br><br>
  168. <div name="surah_text" style="direction: rtl; text-align: justify;"></div>
  169. <div name="licence" style="display: none; direction: ltr; text-align: left;">
  170. Copyright (C) 2019 Farooq Karimi Zadeh fkz@riseup.net
  171. This program has three parts: the source code and html code of it which
  172. is
  173. under GNU GPLv3, fetchInjection which is under zlib license and Quran
  174. text
  175. which is under the following license:
  176. PLEASE DO NOT REMOVE OR CHANGE THIS COPYRIGHT BLOCK
  177. Tanzil Quran Text (Simple Clean, version 1.0.2)
  178. Copyright (C) 2008-2010 Tanzil.net
  179. License: Creative Commons Attribution 3.0
  180. This copy of quran text is carefully produced, highly
  181. verified and continuously monitored by a group of specialists
  182. at Tanzil project.
  183. TERMS OF USE:
  184. - Permission is granted to copy and distribute verbatim copies
  185. of this text, but CHANGING IT IS NOT ALLOWED.
  186. - This quran text can be used in any website or application,
  187. provided its source (Tanzil.net) is clearly indicated, and
  188. a link is made to http://tanzil.net to enable users to keep
  189. track of changes.
  190. - This copyright notice shall be included in all verbatim copies
  191. of the text, and shall be reproduced appropriately in all files
  192. derived from or containing substantial portion of this text.
  193. Please check updates at: http://tanzil.net/updates/
  194. </div>
  195. <br><br>
  196. <footer class="softkey">
  197. <div class="softkey-left">Licence</div>
  198. <div class="softkey-center">Surah</div>
  199. <div class="softkey-right"></div>
  200. </footer>
  201. </body>
  202. </html>