API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 16th, 2019
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.14 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!-- made by ethan -->
  3. <style>
  4. .Body {
  5. color: black;
  6. background-color: blue;
  7. overflow: hidden;
  8. }
  9. .HeaderTop {
  10. color: yellow;
  11. font-weight: 600;
  12. text-align: center;
  13. }
  14. .BlockDivSelection {
  15. color: yellow;
  16. font-weight: 600;
  17. border: yellow; 5px; solid
  18. }
  19. .GoldenTextCenter {
  20. color: yellow;
  21. text-align: center
  22. }
  23. .DayHolder {
  24. border-width: 5px;
  25. border-color: yellow;
  26. border-style: solid;
  27. height: 230px;
  28. width: 280px
  29. }
  30. .DayButton {
  31. margin-top: -10px;
  32. border-width: 3px;
  33. border-color: yellow;
  34. border-style: solid;
  35. color: yellow;
  36. background-color: blue;
  37. font-weight: 1000;
  38. height: 30px;
  39. }
  40. .ScheduleDiv {
  41. border-width: 5px;
  42. border-color: yellow;
  43. border-style: solid;
  44. color: yellow;
  45. background-color: blue;
  46. width: 400px;
  47. height: 450px;
  48. }
  49. .ScheduleBlockBox {
  50. margin-left: -5px;
  51. margin-top : -5px;
  52. color: yellow;
  53. border-width: 5px;
  54. border-color: yellow;
  55. border-style: solid;
  56. font-weight: 1000;
  57. background-color: blue;
  58. height: 60px;
  59. width: 400px;
  60. }
  61. .BlockTimeSplitter {
  62. color: yellow;
  63. width: 120px;
  64. background-color: yellow;
  65. border-width: 1px;
  66. border-color: yellow;
  67. border-style: solid;
  68. }
  69. .BackButtonStyle {
  70. width: 50px;
  71. height: 25px;
  72. background-color: blue;
  73. color: yellow;
  74. font-weight: 1000;
  75. border-color: yellow;
  76. border-width: 3px;
  77. border-style: solid;
  78. }
  79. </style>
  80. <body class="Body">
  81. <script>
  82. function setText(block, string) {
  83. var block = document.getElementById(block);
  84. var string = String(string);
  85. block.innerText = string
  86. }
  87. function gcp(day) {
  88. if (day == "A"){
  89. var currenttext = document.getElementById("currentClass");
  90. var now = new Date();
  91. var hour = now.getHours();
  92. var minutes = now.getMinutes();
  93. if (hour == 9 && minutes < 36 && minutes > 5 || hour == 8){
  94. currenttext.innerText = "Current Period: 1"
  95. } else if (hour == 10 && minutes < 59 && minutes > 39 || hour == 9){
  96. currenttext.innerText = "Current Period: 2"
  97. } else if (hour == 11 && minutes < 02 && minutes > 22 || hour == 12){
  98. currenttext.innerText = "Current Period: 3"
  99. } else if (hour == 12 && minutes < 25 && minutes > 55 || hour == 12){
  100. currenttext.innerText = "Current Period: Lunch"
  101. } else if (hour == 12 && minutes < 58 && minutes > 34 || hour == 13){
  102. currenttext.innerText = "Current Period: 4"
  103. } else if (hour == 13 && minutes < 37 && minutes > 12 || hour == 14){
  104. currenttext.innerText = "Current Period: 5"
  105.  
  106. }
  107. }
  108. }
  109. function ADay() {
  110. var buttons = document.getElementById("DayAligner");
  111. var selec = document.getElementById("gtsel");
  112. buttons.style.display = 'none';
  113. selec.style.display = 'none';
  114. var schedule = document.getElementById("Schedule");
  115. schedule.style.display = '';
  116. gcp("A")
  117. }
  118. function BDay() {
  119. var buttons = document.getElementById("DayAligner");
  120. var selec = document.getElementById("gtsel");
  121. buttons.style.display = 'none';
  122. selec.style.display = 'none';
  123. var schedule = document.getElementById("Schedule");
  124. schedule.style.display = '';
  125. setText("blocktext2", "Period 4")
  126. setText("blocktime2", "9:39 - 10:18")
  127. setText("blocktext3", "Period 5")
  128. setText("blocktime3", "10:21 - 10:59")
  129. setText("blocktext4", "Period 3")
  130. setText("blocktime4", "11:02 - 12:22")
  131. setText("blocktext5", "Lunch")
  132. setText("blocktime5", "12:25 - 12:55")
  133. setText("blocktext6", "Period 2")
  134. setText("blocktime6", "12:58 - 2:12")
  135. gcp("B")
  136. }
  137. function CDay() {
  138. var buttons = document.getElementById("DayAligner");
  139. var selec = document.getElementById("gtsel");
  140. buttons.style.display = 'none';
  141. selec.style.display = 'none';
  142. var schedule = document.getElementById("Schedule");
  143. schedule.style.display = '';
  144. setText("blocktext1", "Period 2")
  145. setText("blocktext2", "Period 4")
  146. setText("blocktime2", "9:39 - 10:18")
  147. setText("blocktext3", "Period 5")
  148. setText("blocktime3", "10:21 - 10:59")
  149. setText("blocktext4", "Period 1")
  150. setText("blocktime4", "11:02 - 12:22")
  151. setText("blocktext5", "Lunch")
  152. setText("blocktime5", "12:25 - 12:55")
  153. setText("blocktext6", "Period 3")
  154. setText("blocktime6", "12:58 - 2:12")
  155. }
  156. function DDay() {
  157. var buttons = document.getElementById("DayAligner");
  158. var selec = document.getElementById("gtsel");
  159. buttons.style.display = 'none';
  160. selec.style.display = 'none';
  161. var schedule = document.getElementById("Schedule");
  162. schedule.style.display = '';
  163. setText("blocktext1", "Period 4")
  164. setText("blocktime1", "8:05 - 8:56")
  165. setText("blocktext2", "Period 5")
  166. setText("blocktime2", "8:59 - 9:36")
  167. setText("blocktext3", "Period 3")
  168. setText("blocktime3", "9:39 - 10:59")
  169. setText("blocktext4", "Period 2")
  170. setText("blocktime4", "11:02 - 12:22")
  171. setText("blocktext5", "Lunch")
  172. setText("blocktime5", "12:25 - 12:55")
  173. setText("blocktext6", "Period 1")
  174. setText("blocktime6", "12:58 - 2:12")
  175. }
  176. function EDay() {
  177. var buttons = document.getElementById("DayAligner");
  178. var selec = document.getElementById("gtsel");
  179. buttons.style.display = 'none';
  180. selec.style.display = 'none';
  181. var schedule = document.getElementById("Schedule");
  182. schedule.style.display = '';
  183. setText("blocktext1", "Period 3")
  184. setText("blocktext2", "Period 1")
  185. setText("blocktext3", "Period 2")
  186. }
  187. function FDay() {
  188. var buttons = document.getElementById("DayAligner");
  189. var selec = document.getElementById("gtsel");
  190. buttons.style.display = 'none';
  191. selec.style.display = 'none';
  192. var schedule = document.getElementById("Schedule");
  193. schedule.style.display = '';
  194. setText("blocktext1", "Period 2")
  195. setText("blocktext2", "Period 3")
  196. setText("blocktext3", "Period 4")
  197. setText("blocktime3", "11:02 - 11:37")
  198. setText("blocktext4", "Period 5")
  199. setText("blocktime4", "11:43 - 12:22")
  200. setText("blocktext5", "Lunch")
  201. setText("blocktime5", "12:25 - 12:55")
  202. setText("blocktext6", "Period 1")
  203. }
  204. function backButton() {
  205. var schedule = document.getElementById("Schedule");
  206. schedule.style.display = 'none';
  207. var buttons = document.getElementById("DayAligner");
  208. var selec = document.getElementById("gtsel");
  209. buttons.style.display = '';
  210. selec.style.display = '';
  211. }
  212. </script>
  213. <h1 class="HeaderTop">H.B 8th Grade Schedule</h1>
  214. <h2 class="GoldenTextCenter" id='gtsel' style="line-height: 10px;">
  215. Select a day:
  216. </h2>
  217. <div id="DayAligner" align="center">
  218. <buttonholder style="margin: -10;" align='center' id='buttonselection'>
  219. <button id="DayA" onclick="ADay()" class="DayButton">A Day</button>
  220. <button id="DayB" onclick="BDay()" class="DayButton">B Day</button>
  221. <button id="DayC" onclick="CDay()" class="DayButton">C Day</button>
  222. <button id="DayD" onclick="DDay()" class="DayButton">D Day</button>
  223. <button id="DayE" onclick="EDay()" class="DayButton">E Day</button>
  224. <button id="DayF" onclick="FDay()" class="DayButton">F Day</button>
  225. <div id="Block0x1" style="width:0.1px; height: 10px;"></div>
  226. </buttonholder>
  227. </div>
  228. <div id="Schedule" align="center" style="display:none;">
  229. <h2 id="currentClass" style="color: yellow; line-height: 0px;"> Current Period: nil </h2>
  230. <div class="ScheduleDiv">
  231. <div id="BOX1" class="ScheduleBlockBox">
  232. <h3 id="blocktext1" style="margin: 14.8px; font-size: 26px; line-height: 0px;">Period 1</h3>
  233. <hr class="BlockTimeSplitter" style="font-height: 0px; margin: -1.75px;"></hr>
  234. <h3 id="blocktime1" style="margin: 1px; font-size: 21px;">8:05 - 9:36</h3>
  235. </div>
  236. <div id="BOX2" class="ScheduleBlockBox">
  237. <h3 id="blocktext2" style="margin: 14.8px; font-size: 26px; line-height: 0px;">Period 2</h3>
  238. <hr class="BlockTimeSplitter" style="font-height: 0px; margin: -1.75px;"></hr>
  239. <h3 id="blocktime2" style="margin: 1px; font-size: 21px;">9:39 - 10:59</h3>
  240. </div>
  241. <div id="BOX3" class="ScheduleBlockBox">
  242. <h3 id="blocktext3" style="margin: 14.8px; font-size: 26px; line-height: 0px;">Period 3</h3>
  243. <hr class="BlockTimeSplitter" style="font-height: 0px; margin: -1.75px;"></hr>
  244. <h3 id="blocktime3" style="margin: 1px; font-size: 21px;">11:02 - 12:22</h3>
  245. </div>
  246. <div id="BOX4" class="ScheduleBlockBox">
  247. <h3 id="blocktext4" style="margin: 14.8px; font-size: 26px; line-height: 0px;">Lunch</h3>
  248. <hr class="BlockTimeSplitter" style="font-height: 0px; margin: -1.75px;"></hr>
  249. <h3 id="blocktime4" style="margin: 1px; font-size: 21px;">12:25 - 12:55</h3>
  250. </div>
  251. <div id="BOX5" class="ScheduleBlockBox">
  252. <h3 id="blocktext5" style="margin: 14.8px; font-size: 26px; line-height: 0px;">Period 4</h3>
  253. <hr class="BlockTimeSplitter" style="font-height: 0px; margin: -1.75px;"></hr>
  254. <h3 id="blocktime5" style="margin: 1px; font-size: 21px;">12:58 - 1:34</h3>
  255. </div>
  256. <div id="BOX6" class="ScheduleBlockBox">
  257. <h3 id="blocktext6" style="margin: 14.8px; font-size: 26px; line-height: 0px;">Period 5</h3>
  258. <hr class="BlockTimeSplitter" style="font-height: 0px; margin: -1.75px;"></hr>
  259. <h3 id="blocktime6" style="margin: 1px; font-size: 21px;">1:37 - 2:12</h3>
  260. </div>
  261. <div id="BOX7" class="ScheduleBlockBox">
  262. <h3 id="blocktext7" style="margin: 14.8px; font-size: 26px; line-height: 0px;">Activity Block</h3>
  263. <hr class="BlockTimeSplitter" style="font-height: 0px; margin: -1.75px;"></hr>
  264. <h3 id="blocktime7" style="margin: 1px; font-size: 21px;">2:15 - 2:55</h3>
  265. </div>
  266. <button class="BackButtonStyle" onclick="backButton()" style="margin: 5px;">Back</button>
  267. </div>
  268. </div>
  269. </body>
  270. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!