ReadingWizard/index.html at master · hantescu/ReadingWizard · 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
<!DOCTYPE html>
<html>
<head>

<style type="text/css">
 .fondText {
    font-size: 100px;
  }
</style>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hackathon</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-select.css">

    <!-- Optional Bootstrap theme -->
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <center><img src="images/logo.png"></center>
	<center><img width="350" height="150" src="images/hct_logo.png"></center>
	<br></br>
	<!-- <p id="o_display" class="text-center" class="serif"></p> -->
  <center>
    <div class="panel panel-default">
      <div class="panel-body">
        <font face="verdana" id="o_display" class="fondText">&nbsp;</font>
      </div>
    </div>
  </center>
</head>
<body>
    <center><textarea style="width: 500px; height: 200px" id="i_text"></textarea></center>
<center>
<button id="btn_play" type="button" class="btn btn-default" aria-label="Left Align">
  <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
</button>

<button id="btn_pause" type="button" class="btn btn-default" aria-label="Left Align">
  <span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
</button>

<button id="btn_stop" type="button" class="btn btn-default" aria-label="Left Align">
  <span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
</button>

<select id="i_wpm" class="col-lg-1 selectpicker">
  <option value= "250">250</option>
  <option value= "300">300</option>
  <option value= "350">350</option>
  <option value= "400">400</option>
  <option value= "500">500</option>
  <option value= "550">550</option>
  <option value= "600">600</option>
  <option value= "650">650</option>
  <option value= "700">700</option>
  <option value= "750">750</option>
  <option value= "800">800</option>
  <option value= "850">850</option>
  <option value= "900">900</option>
  <option value= "950">950</option>
  <option value= "1000">1000</option>
</select>
</center>

<script src="js/jquery-3.1.0.min.js"></script>
    <script src="script.js"></script>
    <script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.js"></script>

<script>
  $(document).ready(function () {
    var mySelect = $('#first-disabled2');

    $('#special').on('click', function () {
      mySelect.find('option:selected').prop('disabled', true);
      mySelect.selectpicker('refresh');
    });

    $('#special2').on('click', function () {
      mySelect.find('option:disabled').prop('disabled', false);
      mySelect.selectpicker('refresh');
    });

    $('#basic2').selectpicker({
      liveSearch: true,
      maxOptions: 1
    });
  });
</script>

  <script>
 window.onload = function(){
 // Change this value to however many seconds you want to delay the text by.
 var theDelay = 2;
 var timer = setTimeout("showText()",theDelay*750)
 }
 function showText(){
 document.getElementById("1").style.visibility = "visible";
 }
 </script>

<br>

 <div id="1" style="visibility:hidden">
 <div align="center">Andronic Tudor <font color="red">/</font> Damian Alexandru <font color="red">/</font> Enescu Iustin <font color="red">/</font>
 Gorun Andrei <font color="red">/</font> Hantescu Alexandru <font color="red">/</font> Ianău Andrei
 Maftei Alexandru<br>  Nechita Sebastian <font color="red">/</font> Paraschiv Paul<font color="red">/</font>
 Samson Theodor <font color="red">/</font> Stafie Stefan <font color="red">/</font> Toderică Bogdan<font color="red">/</font>
 Vasiluță Mihai-Alexandru <font color="red">/</font> Vlad Bogdan<font color="red">/</font> Mihalcea Rares<font color="red">/</font> Nicola Mihai Eduard<font color="red">/</font> Mihai Florea<br>
 </div>

</body>
<!-- <footer><h4>Credits to:</h4>></footer> -->
</html>