-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (119 loc) · 5.33 KB
/
index.html
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
126
127
128
129
130
131
132
<!doctype html>
<!--
This is Magic Slide Show main protal. Used to run all the function.
Maintainer: Weicheng Huang
!-->
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Magic Slide Show</title>
<meta name="author" content="Weicheng Huang, Sophy Chen, Vanessa Zhao,Kimr Yang"/>
<meta name="orgnization" content="Hackathon OHI/O 2014"/>
<link rel="stylesheet" href="clear.css"/>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="container">
<!-- Menu !-->
<div class="navbar navbar-default">
<div class="navbar-header">
<a class="navbar-brand" href="#">Magic Slide Show</a>
</div>
<div class="navbar-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a>A instant slide show that generate instant PPT and word list for speech listener</a></li>
</ul>
</div>
</div>
<!-- Main -->
<div class="row">
<div class="col-md-12">
<div id="alert" class="alert alert-danger" hidden="true" role="alert"></div>
</div>
<div class="col-md-12">
<div class="alert alert-success" role="alert">
<h5>Please read the following paragraph for testing:</h5>
<p>With the development of computer science and electrical engineering.</p>
<p>We can now reach a lot of information technology via Internet.</p>
<p>The information we read on website are basically saved in database</p>
<p>We can easily access the information by Java language</p>
<p>
</div>
</div>
</div>
<div class="row" id="fs-container">
<!-- Main Screen -->
<div id="mainScreen" class="col-md-10">
<div id="fs" class="jumbotron">
<h6 id="icon-record" hidden='true' style="position:fixed; top:0%; right:90% ; "><span class="glyphicon glyphicon-record" style="color:#FF0004"><img src="ajax-loader.gif"></span></h6>
<h1 id="slide-title">Welcome</h1>
<h4 id="slide-punc"></h4>
<p id="slide-expen">Welcome to use Magic Slide Show -- A instant slide show that generate instant PPT and word list for speech listener</p>
<p ><a id = "slide-link" class="btn btn-primary btn-lg">GoTo Wiki</a></p>
<h6 id="intem">intermidate transcript</h6>
</div>
</div>
<!-- Word List -->
<div class="col-md-2">
<div class="panel panel-default">
<div class="panel-heading">Word Lists<a style="float:right;" class="btn"id="all">ALL</a></div>
<ul class="list-group" id="wordList">
</ul>
</div>
</div>
</div>
<!-- Control panel -->
<p ><small>Press <span class="label label-default">f</span> to full screen and <span class="label label-default">ENTER↵</span> to exit full screen</small></p>
<hr>
<div class="row">
<div class="col-md-6">
<h4>Control:Press Button on the right or press <span class="label label-default">SPACE</span> to start or stop</h4>
</div>
<div class="col-md-6">
<p ><a id="btn" class="btn btn-success btn-lg">Start</a></p>
</div>
</div>
<!-- footer !-->
<hr>
<div class="row" style="text-align:center">
<div class="col-md-4" >
<ul class="list-group">
<li class="list-group-item">OHI/O Hackathon 2014. Team-41:NewBee</li>
<li class="list-group-item">Weicheng Huang</li>
<li class="list-group-item">Sophy Chen</li>
<li class="list-group-item">Vanessa Zhao</li>
<li class="list-group-item">Kimr Yang</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-group">
<li class="list-group-item">By Contrasty Of:</li>
<li class="list-group-item">Bootrstap</li>
<li class="list-group-item">BootWatch SuperHero Themes</li>
<li class="list-group-item">Google Speech API</li>
<li class="list-group-item">Google Full Screen API</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-group">
<li class="list-group-item">Current Support Words</li>
<li class="list-group-item">Computer Science</li>
<li class="list-group-item">Electrical Engineering</li>
<li class="list-group-item">Information Technology</li>
<li class="list-group-item">Machine Learning</li>
<li class="list-group-item">Java</li>
<li class="list-group-item">Database</li>
<li class="list-group-item">Internet</li>
</ul>
</div>
</div>
</div>
</body>
<script>
</script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="speech.js"></script>
<script src="wordProc.js"></script>
<script src="UI.js"></script>