Skip to content

Commit a7a22a4

Browse files
wingkwongwingkwong
committed
added head tag n formatted
1 parent 6002e45 commit a7a22a4

File tree

1 file changed

+130
-125
lines changed

1 file changed

+130
-125
lines changed

‎docs/index.html

+130-125
Original file line numberDiff line numberDiff line change
@@ -1,127 +1,132 @@
11
<html>
2-
<body>
3-
<script
4-
src="https://code.jquery.com/jquery-3.3.1.min.js"
5-
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
6-
crossorigin="anonymous"></script>
7-
<script type="text/javascript" src="chameleon.min.js"></script>
8-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
9-
<link href="chameleon.min.css" rel="stylesheet" />
10-
<div class="chameleon"></div>
11-
12-
<script type="text/javascript">
13-
$(document).ready(function(){
14-
$('.chameleon').chameleon({
15-
responsive: true,
16-
chameleonContext: {
17-
"html5Setup" :{
18-
"sources": [
19-
{
20-
"file": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
21-
"type": "video/mp4"
22-
}
23-
]
24-
},
25-
"download": {
26-
"slides": {
27-
"url": "https://github.com/wingkwong/jquery-chameleon/archive/1.1.zip",
28-
"title": "Download Slides"
29-
},
30-
"video": {
31-
"url": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
32-
"title": "Download Video"
33-
},
34-
"transcript": {
35-
"url": "https://raw.githubusercontent.com/wingkwong/jquery-chameleon/1.1/README.md",
36-
"title": "Download Transcript"
37-
}
38-
},
39-
"slides":[
40-
{
41-
"time":"00:00:00",
42-
"img":"https://dummyimage.com/600x400/000/fff&text=1",
43-
"title": "Lorem ipsum dolor sit amet",
44-
"alt": "Dummy alt text"
45-
},
46-
{
47-
"time":"00:00:02",
48-
"title": "consectetur adipiscing elit",
49-
"img":"https://dummyimage.com/600x400/000/fff&text=2"
50-
},
51-
{
52-
"time":"00:00:05",
53-
"title": "ed do eiusmod tempor incididunt ",
54-
"img":"https://dummyimage.com/600x400/000/fff&text=3"
55-
},
56-
{
57-
"time":"00:00:08",
58-
"title": "abore et dolore magna aliqua",
59-
"img":"https://dummyimage.com/600x400/000/fff&text=4"
60-
},
61-
{
62-
"time":"00:00:09",
63-
"title": "Quis autem vel eum iure reprehenderit",
64-
"img":"https://dummyimage.com/600x400/000/fff&text=5"
65-
},
66-
{
67-
"time":"00:00:12",
68-
"title": "qui dolorem ipsum quia dolo",
69-
"img":"https://dummyimage.com/600x400/000/fff&text=6"
70-
},
71-
{
72-
"time":"00:00:15",
73-
"title": "quasi architecto",
74-
"img":"https://dummyimage.com/600x400/000/fff&text=7"
75-
},
76-
{
77-
"time":"00:00:18",
78-
"title": "Sed ut perspiciatis unde",
79-
"img":"https://dummyimage.com/600x400/000/fff&text=8"
80-
},
81-
{
82-
"time":"00:00:20",
83-
"title": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. ",
84-
"img":"https://dummyimage.com/600x400/000/fff&text=9"
85-
},
86-
{
87-
"time":"00:00:21",
88-
"title": "Lorem ipsum dolor sit amet",
89-
"img":"https://dummyimage.com/600x400/000/fff&text=10"
90-
},
91-
{
92-
"time":"00:00:23",
93-
"title": "Ut enim ad minima veniam",
94-
"img":"https://dummyimage.com/600x400/000/fff&text=11"
95-
},
96-
{
97-
"time":"00:00:24",
98-
"title": "oluptate velit esse qu",
99-
"img":"https://dummyimage.com/600x400/000/fff&text=12"
100-
},
101-
{
102-
"time":"00:00:25",
103-
"title": "esse cillum dolore eu",
104-
"img":"https://dummyimage.com/600x400/000/fff&text=13"
105-
},
106-
{
107-
"time":"00:00:26",
108-
"title": "sunt in culpa qui o",
109-
"img":"https://dummyimage.com/600x400/000/fff&text=14"
110-
},
111-
{
112-
"time":"00:00:28",
113-
"title": "tempor incididunt ut",
114-
"img":"https://dummyimage.com/600x400/000/fff&text=15"
115-
},
116-
{
117-
"time":"00:00:29",
118-
"title": "Lorem ipsum dolor sit amet",
119-
"img":"https://dummyimage.com/600x400/000/fff&text=16"
120-
}
121-
]
122-
}
123-
});
124-
});
125-
</script>
126-
</body>
2+
<head>
3+
<meta charset="utf-8">
4+
<title>jquery-chameleon Demo Page</title>
5+
<meta name="description" content="jquery-chameleon Demo Page">
6+
<meta name="author" content="wingkwong">
7+
<script
8+
src="https://code.jquery.com/jquery-3.3.1.min.js"
9+
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
10+
crossorigin="anonymous"></script>
11+
<script type="text/javascript" src="chameleon.min.js"></script>
12+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
13+
<link href="chameleon.min.css" rel="stylesheet" />
14+
</head>
15+
<body>
16+
<div class="chameleon"></div>
17+
<script type="text/javascript">
18+
$(document).ready(function(){
19+
$('.chameleon').chameleon({
20+
responsive: true,
21+
chameleonContext: {
22+
"html5Setup" :{
23+
"sources": [
24+
{
25+
"file": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
26+
"type": "video/mp4"
27+
}
28+
]
29+
},
30+
"download": {
31+
"slides": {
32+
"url": "https://github.com/wingkwong/jquery-chameleon/archive/1.1.zip",
33+
"title": "Download Slides"
34+
},
35+
"video": {
36+
"url": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
37+
"title": "Download Video"
38+
},
39+
"transcript": {
40+
"url": "https://raw.githubusercontent.com/wingkwong/jquery-chameleon/1.1/README.md",
41+
"title": "Download Transcript"
42+
}
43+
},
44+
"slides":[
45+
{
46+
"time":"00:00:00",
47+
"img":"https://dummyimage.com/600x400/000/fff&text=1",
48+
"title": "Lorem ipsum dolor sit amet",
49+
"alt": "Dummy alt text"
50+
},
51+
{
52+
"time":"00:00:02",
53+
"title": "consectetur adipiscing elit",
54+
"img":"https://dummyimage.com/600x400/000/fff&text=2"
55+
},
56+
{
57+
"time":"00:00:05",
58+
"title": "ed do eiusmod tempor incididunt ",
59+
"img":"https://dummyimage.com/600x400/000/fff&text=3"
60+
},
61+
{
62+
"time":"00:00:08",
63+
"title": "abore et dolore magna aliqua",
64+
"img":"https://dummyimage.com/600x400/000/fff&text=4"
65+
},
66+
{
67+
"time":"00:00:09",
68+
"title": "Quis autem vel eum iure reprehenderit",
69+
"img":"https://dummyimage.com/600x400/000/fff&text=5"
70+
},
71+
{
72+
"time":"00:00:12",
73+
"title": "qui dolorem ipsum quia dolo",
74+
"img":"https://dummyimage.com/600x400/000/fff&text=6"
75+
},
76+
{
77+
"time":"00:00:15",
78+
"title": "quasi architecto",
79+
"img":"https://dummyimage.com/600x400/000/fff&text=7"
80+
},
81+
{
82+
"time":"00:00:18",
83+
"title": "Sed ut perspiciatis unde",
84+
"img":"https://dummyimage.com/600x400/000/fff&text=8"
85+
},
86+
{
87+
"time":"00:00:20",
88+
"title": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. ",
89+
"img":"https://dummyimage.com/600x400/000/fff&text=9"
90+
},
91+
{
92+
"time":"00:00:21",
93+
"title": "Lorem ipsum dolor sit amet",
94+
"img":"https://dummyimage.com/600x400/000/fff&text=10"
95+
},
96+
{
97+
"time":"00:00:23",
98+
"title": "Ut enim ad minima veniam",
99+
"img":"https://dummyimage.com/600x400/000/fff&text=11"
100+
},
101+
{
102+
"time":"00:00:24",
103+
"title": "oluptate velit esse qu",
104+
"img":"https://dummyimage.com/600x400/000/fff&text=12"
105+
},
106+
{
107+
"time":"00:00:25",
108+
"title": "esse cillum dolore eu",
109+
"img":"https://dummyimage.com/600x400/000/fff&text=13"
110+
},
111+
{
112+
"time":"00:00:26",
113+
"title": "sunt in culpa qui o",
114+
"img":"https://dummyimage.com/600x400/000/fff&text=14"
115+
},
116+
{
117+
"time":"00:00:28",
118+
"title": "tempor incididunt ut",
119+
"img":"https://dummyimage.com/600x400/000/fff&text=15"
120+
},
121+
{
122+
"time":"00:00:29",
123+
"title": "Lorem ipsum dolor sit amet",
124+
"img":"https://dummyimage.com/600x400/000/fff&text=16"
125+
}
126+
]
127+
}
128+
});
129+
});
130+
</script>
131+
</body>
127132
</html>

0 commit comments

Comments
 (0)