class_tools/index.html at master · rollinglex/class_tools · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<title>Class Tools</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>

  <div id='wrapper'>
  	<header id="index_header"><div id="title"><strong>Class Tools</strong></div>
 		<div>
  			<nav>
			    <span id="navspace"></span>
			    <span id="nav1">
			    <a href="#" class="navbtn">HOME</a>
			    <a href="#turn_wrapper" class="navbtn">SORT ORDER</a></span>
			    <span id="navspace"></span>
  			</nav>
    	</div>
    </header>
  	<div class="swmodal tmModal" id="modal">
  	</div>
    <div class="swmodal" id="swmodal">
    00:00:00
    </div>
    <button class="swmodal" id="swButtonGoModal">START</button>
    <button class="swmodal" id="swResetModal">RESET</button>
    <div class="tmModal" id="tmModalBG">
  	</div>
    <div class="tmModal" id="tmModal">
    00:00:00
    </div>
    <button class="tmModal" id="tmStartBtnModal">START</button>
    <button class="tmModal" id="tmResetBtnModal">RESET</button>
    <div id="stopwatch">
      <div id="swtop">
        <button id="swButtonGo">START</button>
        <button id="swReset">RESET</button>
      <div id="swdisplay">
        <span>00:00:00</span>
      </div><!--!.. ends swdisplay  ..-->
      </div>
      <div class="modalCheck">
      	<button id="fullBtnS"><strong>Full Screen</strong></button>
      </div><!--!.. Full Screen btn ..-->
    </div><!--!.. ends stopwatch  ..-->

	<!--!.. Timer   ..-->
    <div id="timer">
	    <div id="timerTop">
	      <div id="timerTleft">
	        <div id="timerTxt">Timer</div>
	      </div>  <!--..end timerTleft..-->
	        <div id="timerTright">
		      <div id="tmDisplay">
		      <span id="tHour">00</span>:<span id="tMinute">00</span>:<span id="tSecond">00</span>
		      </div>
		      <div class="tmModalCheck">
		      	<button id="fullBtnT"><strong>Full Screen</strong></button>
		      </div><!--!.. Full Screen btn ..-->
		    </div><!--..end timerTright..-->
	    </div><!--..end timerTop..-->
	    <div id="timerBtm">
	      <div id="timerLleft">
	        <div id="numPad">
	          <div id='numTop'>
	            <button id="1" class="numBtn">1</button>
	            <button id="2" class="numBtn">2</button>
	            <button id="3" class="numBtn">3</button>
	            <button id="4" class="numBtn">4</button>
	            <button id="5" class="numBtn">5</button>
	           </div>
	            <div id="numBtm">
	            <button id="6" class="numBtn">6</button>
	            <button id="7" class="numBtn">7</button>
	            <button id="8" class="numBtn">8</button>
	            <button id="9" class="numBtn">9</button>
	            <button id="0" class="numBtn">0</button>
	          </div>
	        </div><!--..end numPad..-->
	      </div>
	      <div id="timerLright">
	        <button id="timerSbtn">Start</button>
	        <button id="timerRbtn">Reset</button>
	      </div>
	    </div><!--..end timerBtm..-->
	    <div id="timerPreset">
	      <button id="min5" class='presetBtn'>5 Min</button>
	      <button id="min10" class='presetBtn'>10 Min</button>
	      <button id="min15" class='presetBtn'>15 Min</button>
	      <button id="min20" class='presetBtn'>20 Min</button>
	      <button id="min30" class='presetBtn'>30 Min</button>
	      <button id="min60" class='presetBtn'>60 Min</button>
	    </div><!--..end timerPreset..-->
    </div><!-- end timer  -->
	      <audio id="bell" preload="auto">
	  	  <source src="http://myinstants.com/media/sounds/correct.swf.mp3"></source></audio>

  	<!--.. TURN.....................-->
    <div id = "turn_wrapper">
  	  <div id="turn_header">
        <span id="turn_title">Whose turn is it anyway?</span>
		<div id="hint">hint<span id="hintTxt">Assign a number to each student. Then enter the total number of students to be sorted and hit the Submit button to randomize the order.</span></div>
        <div id= "top">
      		<input id = "textbox" type = "text" value="Total number of students">
      		<button class= "button" >Submit</button>

      	</div> <!-- end top-->


      </div>

    	<ul id = "display">
        </ul> <!--end display list-->
    </div> <!-- end turn_wrapper-->
  </div> <!-- end wrapper-->

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
	<script src="script.js"></script>

</body>
</html>