forked from vmalloc/comfytube
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (103 loc) · 4.12 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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Comfytube</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/video_chooser.css">
<link rel="stylesheet" href="css/comfy_key_chooser.css">
</head>
<body>
<button class="btn" style="position: absolute; top: 0.5em; left: 0.5em" onclick="return APP.configure()" title="Edit (w)">
<i class="icon-wrench"></i>
</button>
<button class="btn" style="position: absolute; top: 3.5em; left: 0.5em" onclick="return APP.show_source()" title="Get/set JSON (m)">
<i class="icon-th"></i>
</button>
<a href="https://github.com/vmalloc/comfytube"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<div id="video" class="container"></div>
<div id="edit-conf-dialog" class="modal hide">
<div class="modal-header">
<h3>Edit Configuration JSON</h3>
</div>
<div class="modal-body">
<textarea cols="600" rows="15" style="width: 80%"></textarea>
</div>
<div class="modal-footer">
<button class="btn btn-primary pull-right" data-dismiss="modal">OK</button>
<button class="btn" data-dismiss="modal">Cancel</button>
</div>
</div>
<div id="choose-videos-dialog" class="modal hide">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Close</button>
<h3>Choose Videos</h3>
</div>
<div class="modal-body">
<div class="row-fluid">
<div class="span6 video-search">
<h4>Videos</h4>
<div id="included-videos">
</div>
</div>
<div class="span6" style="border-left: 1px silver solid; padding-left: 1em">
<div class="row-fluid">
<input type="text" placeholder="Search Youtube..." id="youtube-search-box">
</div>
<div id="youtube-search-results">
</div>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
<div id="choose-key-dialog" class="modal hide">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Close</button>
<h3>Choose Key</h3>
</div>
<div class="modal-body">
<div class="key-container">
<div class="comfykey" data-id="scroller"></div>
<div class="comfykey" data-id="stop"></div>
<div class="comfykey" data-id="handset_up"></div>
<div class="comfykey" data-id="call_snail"></div>
<div class="comfykey" data-id="call_bear"></div>
<div class="comfykey" data-id="call_dog"></div>
<div class="comfykey" data-id="call_elephant"></div>
<div class="comfykey" data-id="call_comfy"></div>
<div class="comfykey" data-id="sun"></div>
<div class="comfykey" data-id="moon"></div>
<div class="comfykey" data-id="cloud"></div>
<div class="comfykey" data-id="red"></div>
<div class="comfykey" data-id="yellow"></div>
<div class="comfykey" data-id="blue"></div>
<div class="comfykey" data-id="green"></div>
<div class="comfykey" data-id="orange"></div>
<div class="comfykey" data-id="purple"></div>
<div class="comfykey" data-id="piano"></div>
<div class="comfykey" data-id="flute"></div>
<div class="comfykey" data-id="trumpet"></div>
<div class="comfykey" data-id="music"></div>
<div class="comfykey" data-id="drum"></div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/popcorn.min.js"></script>
<script src="js/configuration.js"></script>
<script src="js/video.js"></script>
<script src="js/jcomfy.js"></script>
<script src="js/main.js"></script>
</body>
</html>