Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 85 lines (73 sloc) 1.642 kB
896564c @AlanBell initial commit
authored
1 <html>
2 <head>
3
4
5 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
6 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
7 <script type="text/javascript" src="fancybox/jquery.fancybox.js"></script>
8 <link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />
9 <script type="text/javascript" src="say.js"></script>
10
11
12 </head>
13 <style>
14 body{
15 font-family:"Ubuntu";
16 }
17 .wordtile{
18 border:none;
19 width:100px;
20 height:180px;
21 float:left;
22 text-align:center;
23 margin:5px;
24 padding-top:10px;
25 border-radius:15px;
26 box-shadow:rgba(0,0,0,0.5) 0px 0px 24px;
27 position:relative;
28 }
29 .wordtile img{width:80px;
30 margin:10px;
31 position:absolute;
32 left:0px;
33 bottom:10px;}
34
35 .verb{
36 background:#e8b7a6;
37 }
38 .noun{
39 background:#89a8cd;
40 }
41 .other{
42 background:#9aeab3;
43 }
44 </style>
45
46 <body>
47
48 <h2>Time Words</h2>
49 Voice: <select id="voice" >
50 <option selected="selected" value="dfki-poppy-hsmm">Poppy</option>
51 <option value ="dfki-spike-hsmm">Spike</option>
52 <option value ="dfki-prudence-hsmm">Prudence</option>
53 <option value ="dfki-obadiah-hsmm">Obadiah</option>
54 <option value ="cmu-slt-hsmm">Sarah</option>
55 </select>
56
57 <br/>
58 <div class="wordtile noun">
59 Now
60 </div>
61 <div class="wordtile noun">
62 Hurry up!
63 </div>
64
65 <div class="wordtile noun">
66 Later
67 </div>
68
69 <div class="wordtile noun">
70 Tomorrow
71 </div>
72 <div class="wordtile noun">
73 Lunchtime
74 </div>
75 <div class="wordtile noun">
76 Bedtime
77 </div>
0363ebc @AlanBell fixed firefox problem (need a clear:both after the float:left;
authored
78 <br style="clear:both;"/>
896564c @AlanBell initial commit
authored
79
80 <script>
81 $(document).ready( $(".wordtile").click(function(){say(this)}));
82 </script>
83 </body>
84 </html>
Something went wrong with that request. Please try again.