reactiontimes.github.io/index.html at master · reactiontimes/reactiontimes.github.io · 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
<!doctype html>
<html>
    <head>
        <script src="http://brython.info/src/brython_dist.js"></script>
        <title>Reaction Times</title>
    </head>
    <body onload="brython()">
        <script type="text/python" src="react.py"></script>
        <center>
              <h1>Reaction Times</h1>
        <h2>What's your reaction time??</h2>
        <h3>Don't know!! Let's find out!! Compare the family!!!</h3>
        <p>
            To find out how!!
            Just fill your name, gender and date of birth!!
            After you have done that, press 'Ready'!!
        </p>
        </center>

        <table border="0" cellpadding="0" cellspacing="0"
                width="100%" align="center">
            <tr bgcolor="#ffffff" >
                <td><center>Name</center></td><td><center>Gender</center></td><td><center>Birth Year</center></td>
            </tr><tr>
                <td><center><input id="name"></center>
                </td><td>
                    <center><input type="radio" id="genderM" name="gender" value="male">Male<br>
                        <input type="radio" id ="genderF" name="gender" value="female">Female
                    </center>
                </td>
                <td><center><input id="year"></center>
                </td>
            </tr>
            <tr id="notetab">
                <td><center>Use just a short name or nickname to help label your data.</center>
                <center>The name will not be part of the final information</center></td>
                <td><center>Gender is for statistics</center>
                </td><td><center>Birth Year is used only to place statistics in groups. Eg.1999</center>
                </td>
            </tr><tr id="ready">
                <td><button id="readybutton">Ready</button>
                <input id='error' size="50" readonly style="border: none">
                </td>
            </tr>
        </table>
        <table border="0" id="lights" cellpadding="0" cellspacing="0"
                width="100%" align="center">
            <tr>
                <td width="33%">
                    <textarea id="zone" rows="10" cols="20" style="border: none" readonly>
                    </textarea>
                </td>
                <td>
                <center>
                    <table>
                        <tr>
                            <td><img src="dot-red.png" id = "red"
                                name="stoplight" width="36" height="36" border="0">
                            </td>
                        </tr><tr>
                            <td><img src="dot-orange.png" id = "orange"
                                name="stoplight" width="36" height="36" border="0">
                            </td>
                        </tr><tr>
                            <td><img src="dot-green.png" id = "green"
                            name="stoplight" width="36" height="36" border="0">
                            </td>
                        </tr>
                    </table>
                </center>
                </td>
                <td>
                    <button id="mybutton" style="height:100px; width:50px">Click!</button></p>
                </td>
            </tr>
            <tr><td span="3">
                </td>
            </tr>
        </table>
        <table>
            <tr>
                <td id="resultButtons">
                    <button id="email-kaya" style="height:50px; width:50px">Email Kaya</button><br>
                    <button id="email-sophie" style="height:50px; width:50px">Email Sophie</button>
                </td>
                <td>
                     <textarea id="result" rows="5" cols="80" style="border: none" readonly></textarea>
                </td>
            </tr>

        </table>
         <center><a href="https://github.com/reactiontimes/reactiontimes.github.io">About this Project</a></center>
    </body>
</html>