Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
1cbc03fe by Dan Rempel
Options

EY reduced size to meet spec

1 parent 36d94d81
Expand all
Inline Side-by-side
Showing 186 changed files with 138 additions and 655 deletions
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -145,7 +127,7 @@ ...@@ -145,7 +127,7 @@
145 box-sizing: border-box; 127 box-sizing: border-box;
146 background-color: black; 128 background-color: black;
147 /* 129 /*
148 background: url(assets/img/back1.jpg) no-repeat #000; 130 background: url(assets/back1.jpg) no-repeat #000;
149 background-size: 1000px 700px; 131 background-size: 1000px 700px;
150 */ 132 */
151 } 133 }
...@@ -160,7 +142,7 @@ ...@@ -160,7 +142,7 @@
160 } 142 }
161 #play-pause{ 143 #play-pause{
162 cursor: pointer; 144 cursor: pointer;
163 background: url(assets/img/play.svg) no-repeat center center; 145 background: url(assets/play.svg) no-repeat center center;
164 } 146 }
165 #play-pause.pause:hover{ 147 #play-pause.pause:hover{
166 background-size: 60px 60px; 148 background-size: 60px 60px;
...@@ -181,8 +163,8 @@ ...@@ -181,8 +163,8 @@
181 163
182 #txt { 164 #txt {
183 position: absolute; 165 position: absolute;
184 width: 314px; 166 width: 315px;
185 height: 264px; 167 height: 265px;
186 left: 57px; 168 left: 57px;
187 bottom:382px; 169 bottom:382px;
188 z-index: 10; 170 z-index: 10;
...@@ -208,10 +190,10 @@ ...@@ -208,10 +190,10 @@
208 <body> 190 <body>
209 <div id="border"> 191 <div id="border">
210 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 192 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
211 <img id="txt" style="pause" src="assets/img/slice.svg" alt="txt"> 193 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
212 <img id="overlay" src="assets/img/overlay.png" alt="txt"> 194 <img id="overlay" src="assets/overlay.png" alt="txt">
213 </a> 195 </a>
214 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster1.jpg" data-setup='{"example_option":true}'> 196 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster1.jpg" data-setup='{"example_option":true}'>
215 <source src="../vidA.mp4" type="video/mp4" /> 197 <source src="../vidA.mp4" type="video/mp4" />
216 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 198 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
217 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
...@@ -219,11 +201,7 @@ ...@@ -219,11 +201,7 @@
219 <button id="play-pause" class="pause"></button> 201 <button id="play-pause" class="pause"></button>
220 </div> 202 </div>
221 203
222 <!-- jQuery-->
223 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
224
225 <!-- GREENSOCK--> 204 <!-- GREENSOCK-->
226 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
227 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 205 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
228 <script> 206 <script>
229 207
...@@ -236,9 +214,7 @@ ...@@ -236,9 +214,7 @@
236 } 214 }
237 215
238 //--------------------- 216 //---------------------
239 $(document).ready(function(){
240 stage1(); 217 stage1();
241 });
242 218
243 219
244 220
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -145,7 +127,7 @@ ...@@ -145,7 +127,7 @@
145 box-sizing: border-box; 127 box-sizing: border-box;
146 background-color: black; 128 background-color: black;
147 /* 129 /*
148 background: url(assets/img/back1.jpg) no-repeat #000; 130 background: url(assets/back1.jpg) no-repeat #000;
149 background-size: 1000px 700px; 131 background-size: 1000px 700px;
150 */ 132 */
151 } 133 }
...@@ -160,7 +142,7 @@ ...@@ -160,7 +142,7 @@
160 } 142 }
161 #play-pause{ 143 #play-pause{
162 cursor: pointer; 144 cursor: pointer;
163 background: url(assets/img/play.svg) no-repeat center center; 145 background: url(assets/play.svg) no-repeat center center;
164 } 146 }
165 #play-pause.pause:hover{ 147 #play-pause.pause:hover{
166 background-size: 60px 60px; 148 background-size: 60px 60px;
...@@ -181,8 +163,8 @@ ...@@ -181,8 +163,8 @@
181 163
182 #txt { 164 #txt {
183 position: absolute; 165 position: absolute;
184 width: 314px; 166 width: 315px;
185 height: 264px; 167 height: 265px;
186 left: 57px; 168 left: 57px;
187 bottom:382px; 169 bottom:382px;
188 z-index: 10; 170 z-index: 10;
...@@ -208,22 +190,18 @@ ...@@ -208,22 +190,18 @@
208 <body> 190 <body>
209 <div id="border"> 191 <div id="border">
210 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 192 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
211 <img id="txt" style="pause" src="assets/img/slice.svg" alt="txt"> 193 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
212 <img id="overlay" src="assets/img/overlay.png" alt="txt"> 194 <img id="overlay" src="assets/overlay.png" alt="txt">
213 </a> 195 </a>
214 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster2.jpg" data-setup='{"example_option":true}'> 196 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster2.jpg" data-setup='{"example_option":true}'>
215 <source src="../vidA.mp4" type="video/mp4" /> 197 <source src="../vidB.mp4" type="video/mp4" />
216 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 198 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
217 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
218 </video> 200 </video>
219 <button id="play-pause" class="pause"></button> 201 <button id="play-pause" class="pause"></button>
220 </div> 202 </div>
221 203
222 <!-- jQuery-->
223 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
224
225 <!-- GREENSOCK--> 204 <!-- GREENSOCK-->
226 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
227 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 205 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
228 <script> 206 <script>
229 207
...@@ -236,9 +214,7 @@ ...@@ -236,9 +214,7 @@
236 } 214 }
237 215
238 //--------------------- 216 //---------------------
239 $(document).ready(function(){
240 stage1(); 217 stage1();
241 });
242 218
243 219
244 220
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -145,7 +127,7 @@ ...@@ -145,7 +127,7 @@
145 box-sizing: border-box; 127 box-sizing: border-box;
146 background-color: black; 128 background-color: black;
147 /* 129 /*
148 background: url(assets/img/back1.jpg) no-repeat #000; 130 background: url(assets/back1.jpg) no-repeat #000;
149 background-size: 1000px 700px; 131 background-size: 1000px 700px;
150 */ 132 */
151 } 133 }
...@@ -160,7 +142,7 @@ ...@@ -160,7 +142,7 @@
160 } 142 }
161 #play-pause{ 143 #play-pause{
162 cursor: pointer; 144 cursor: pointer;
163 background: url(assets/img/play.svg) no-repeat center center; 145 background: url(assets/play.svg) no-repeat center center;
164 } 146 }
165 #play-pause.pause:hover{ 147 #play-pause.pause:hover{
166 background-size: 60px 60px; 148 background-size: 60px 60px;
...@@ -181,8 +163,8 @@ ...@@ -181,8 +163,8 @@
181 163
182 #txt { 164 #txt {
183 position: absolute; 165 position: absolute;
184 width: 314px; 166 width: 315px;
185 height: 264px; 167 height: 265px;
186 left: 57px; 168 left: 57px;
187 bottom:382px; 169 bottom:382px;
188 z-index: 10; 170 z-index: 10;
...@@ -208,10 +190,10 @@ ...@@ -208,10 +190,10 @@
208 <body> 190 <body>
209 <div id="border"> 191 <div id="border">
210 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 192 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
211 <img id="txt" style="pause" src="assets/img/slice.svg" alt="txt"> 193 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
212 <img id="overlay" src="assets/img/overlay.png" alt="txt"> 194 <img id="overlay" src="assets/overlay.png" alt="txt">
213 </a> 195 </a>
214 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster3.jpg" data-setup='{"example_option":true}'> 196 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
215 <source src="../vidC.mp4" type="video/mp4" /> 197 <source src="../vidC.mp4" type="video/mp4" />
216 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 198 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
217 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
...@@ -219,11 +201,7 @@ ...@@ -219,11 +201,7 @@
219 <button id="play-pause" class="pause"></button> 201 <button id="play-pause" class="pause"></button>
220 </div> 202 </div>
221 203
222 <!-- jQuery-->
223 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
224
225 <!-- GREENSOCK--> 204 <!-- GREENSOCK-->
226 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
227 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 205 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
228 <script> 206 <script>
229 207
...@@ -236,9 +214,7 @@ ...@@ -236,9 +214,7 @@
236 } 214 }
237 215
238 //--------------------- 216 //---------------------
239 $(document).ready(function(){
240 stage1(); 217 stage1();
241 });
242 218
243 219
244 220
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -145,7 +127,7 @@ ...@@ -145,7 +127,7 @@
145 box-sizing: border-box; 127 box-sizing: border-box;
146 background-color: black; 128 background-color: black;
147 /* 129 /*
148 background: url(assets/img/back1.jpg) no-repeat #000; 130 background: url(assets/back1.jpg) no-repeat #000;
149 background-size: 1000px 700px; 131 background-size: 1000px 700px;
150 */ 132 */
151 } 133 }
...@@ -160,7 +142,7 @@ ...@@ -160,7 +142,7 @@
160 } 142 }
161 #play-pause{ 143 #play-pause{
162 cursor: pointer; 144 cursor: pointer;
163 background: url(assets/img/play.svg) no-repeat center center; 145 background: url(assets/play.svg) no-repeat center center;
164 } 146 }
165 #play-pause.pause:hover{ 147 #play-pause.pause:hover{
166 background-size: 60px 60px; 148 background-size: 60px 60px;
...@@ -181,8 +163,8 @@ ...@@ -181,8 +163,8 @@
181 163
182 #txt { 164 #txt {
183 position: absolute; 165 position: absolute;
184 width: 321px; 166 width: 322px;
185 height: 270px; 167 height: 271px;
186 left: 58px; 168 left: 58px;
187 bottom:416px; 169 bottom:416px;
188 z-index: 10; 170 z-index: 10;
...@@ -208,10 +190,10 @@ ...@@ -208,10 +190,10 @@
208 <body> 190 <body>
209 <div id="border"> 191 <div id="border">
210 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 192 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
211 <img id="txt" style="pause" src="assets/img/slice.svg" alt="txt"> 193 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
212 <img id="overlay" src="assets/img/overlay.png" alt="txt"> 194 <img id="overlay" src="assets/overlay.png" alt="txt">
213 </a> 195 </a>
214 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster1.jpg" data-setup='{"example_option":true}'> 196 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster1.jpg" data-setup='{"example_option":true}'>
215 <source src="../vidA.mp4" type="video/mp4" /> 197 <source src="../vidA.mp4" type="video/mp4" />
216 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 198 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
217 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
...@@ -219,11 +201,7 @@ ...@@ -219,11 +201,7 @@
219 <button id="play-pause" class="pause"></button> 201 <button id="play-pause" class="pause"></button>
220 </div> 202 </div>
221 203
222 <!-- jQuery-->
223 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
224
225 <!-- GREENSOCK--> 204 <!-- GREENSOCK-->
226 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
227 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 205 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
228 <script> 206 <script>
229 207
...@@ -236,11 +214,7 @@ ...@@ -236,11 +214,7 @@
236 } 214 }
237 215
238 //--------------------- 216 //---------------------
239 $(document).ready(function(){
240 stage1(); 217 stage1();
241 });
242
243
244 218
245 </script> 219 </script>
246 220
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -145,7 +127,7 @@ ...@@ -145,7 +127,7 @@
145 box-sizing: border-box; 127 box-sizing: border-box;
146 background-color: black; 128 background-color: black;
147 /* 129 /*
148 background: url(assets/img/back1.jpg) no-repeat #000; 130 background: url(assets/back1.jpg) no-repeat #000;
149 background-size: 1000px 700px; 131 background-size: 1000px 700px;
150 */ 132 */
151 } 133 }
...@@ -160,7 +142,7 @@ ...@@ -160,7 +142,7 @@
160 } 142 }
161 #play-pause{ 143 #play-pause{
162 cursor: pointer; 144 cursor: pointer;
163 background: url(assets/img/play.svg) no-repeat center center; 145 background: url(assets/play.svg) no-repeat center center;
164 } 146 }
165 #play-pause.pause:hover{ 147 #play-pause.pause:hover{
166 background-size: 60px 60px; 148 background-size: 60px 60px;
...@@ -181,8 +163,8 @@ ...@@ -181,8 +163,8 @@
181 163
182 #txt { 164 #txt {
183 position: absolute; 165 position: absolute;
184 width: 321px; 166 width: 322px;
185 height: 270px; 167 height: 271px;
186 left: 58px; 168 left: 58px;
187 bottom:416px; 169 bottom:416px;
188 z-index: 10; 170 z-index: 10;
...@@ -208,22 +190,18 @@ ...@@ -208,22 +190,18 @@
208 <body> 190 <body>
209 <div id="border"> 191 <div id="border">
210 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 192 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
211 <img id="txt" style="pause" src="assets/img/slice.svg" alt="txt"> 193 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
212 <img id="overlay" src="assets/img/overlay.png" alt="txt"> 194 <img id="overlay" src="assets/overlay.png" alt="txt">
213 </a> 195 </a>
214 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster2.jpg" data-setup='{"example_option":true}'> 196 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster2.jpg" data-setup='{"example_option":true}'>
215 <source src="../vidA.mp4" type="video/mp4" /> 197 <source src="../vidB.mp4" type="video/mp4" />
216 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 198 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
217 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
218 </video> 200 </video>
219 <button id="play-pause" class="pause"></button> 201 <button id="play-pause" class="pause"></button>
220 </div> 202 </div>
221 203
222 <!-- jQuery-->
223 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
224
225 <!-- GREENSOCK--> 204 <!-- GREENSOCK-->
226 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
227 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 205 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
228 <script> 206 <script>
229 207
...@@ -236,11 +214,7 @@ ...@@ -236,11 +214,7 @@
236 } 214 }
237 215
238 //--------------------- 216 //---------------------
239 $(document).ready(function(){
240 stage1(); 217 stage1();
241 });
242
243
244 218
245 </script> 219 </script>
246 220
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -145,7 +127,7 @@ ...@@ -145,7 +127,7 @@
145 box-sizing: border-box; 127 box-sizing: border-box;
146 background-color: black; 128 background-color: black;
147 /* 129 /*
148 background: url(assets/img/back1.jpg) no-repeat #000; 130 background: url(assets/back1.jpg) no-repeat #000;
149 background-size: 1000px 700px; 131 background-size: 1000px 700px;
150 */ 132 */
151 } 133 }
...@@ -160,7 +142,7 @@ ...@@ -160,7 +142,7 @@
160 } 142 }
161 #play-pause{ 143 #play-pause{
162 cursor: pointer; 144 cursor: pointer;
163 background: url(assets/img/play.svg) no-repeat center center; 145 background: url(assets/play.svg) no-repeat center center;
164 } 146 }
165 #play-pause.pause:hover{ 147 #play-pause.pause:hover{
166 background-size: 60px 60px; 148 background-size: 60px 60px;
...@@ -181,8 +163,8 @@ ...@@ -181,8 +163,8 @@
181 163
182 #txt { 164 #txt {
183 position: absolute; 165 position: absolute;
184 width: 321px; 166 width: 322px;
185 height: 270px; 167 height: 271px;
186 left: 58px; 168 left: 58px;
187 bottom:416px; 169 bottom:416px;
188 z-index: 10; 170 z-index: 10;
...@@ -208,10 +190,10 @@ ...@@ -208,10 +190,10 @@
208 <body> 190 <body>
209 <div id="border"> 191 <div id="border">
210 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 192 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
211 <img id="txt" style="pause" src="assets/img/slice.svg" alt="txt"> 193 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
212 <img id="overlay" src="assets/img/overlay.png" alt="txt"> 194 <img id="overlay" src="assets/overlay.png" alt="txt">
213 </a> 195 </a>
214 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster3.jpg" data-setup='{"example_option":true}'> 196 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
215 <source src="../vidC.mp4" type="video/mp4" /> 197 <source src="../vidC.mp4" type="video/mp4" />
216 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 198 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
217 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
...@@ -219,11 +201,7 @@ ...@@ -219,11 +201,7 @@
219 <button id="play-pause" class="pause"></button> 201 <button id="play-pause" class="pause"></button>
220 </div> 202 </div>
221 203
222 <!-- jQuery-->
223 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
224
225 <!-- GREENSOCK--> 204 <!-- GREENSOCK-->
226 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
227 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 205 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
228 <script> 206 <script>
229 207
...@@ -236,11 +214,7 @@ ...@@ -236,11 +214,7 @@
236 } 214 }
237 215
238 //--------------------- 216 //---------------------
239 $(document).ready(function(){
240 stage1(); 217 stage1();
241 });
242
243
244 218
245 </script> 219 </script>
246 220
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3
4 <meta charset="utf-8"> 3 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 4 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 5 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 6 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 7 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -140,7 +121,7 @@ ...@@ -140,7 +121,7 @@
140 overflow: hidden; 121 overflow: hidden;
141 cursor: pointer; 122 cursor: pointer;
142 box-sizing: border-box; 123 box-sizing: border-box;
143 background: url(assets/img/back1.jpg) no-repeat; 124 background: url(assets/back1.jpg) no-repeat;
144 background-size: 300px 450px; 125 background-size: 300px 450px;
145 } 126 }
146 127
...@@ -154,7 +135,7 @@ ...@@ -154,7 +135,7 @@
154 } 135 }
155 #play-pause{ 136 #play-pause{
156 cursor: pointer; 137 cursor: pointer;
157 background: url(assets/img/play.svg) no-repeat center center; 138 background: url(assets/play.svg) no-repeat center center;
158 } 139 }
159 #play-pause.pause:hover{ 140 #play-pause.pause:hover{
160 background-size: 60px 60px; 141 background-size: 60px 60px;
...@@ -172,63 +153,20 @@ ...@@ -172,63 +153,20 @@
172 .vjs-big-play-button{ 153 .vjs-big-play-button{
173 display: none !important; 154 display: none !important;
174 } 155 }
175
176
177 #txt {
178 position: absolute;
179 width: 154px;
180 height: 130px;
181 left: 16px;
182 bottom:304px;
183 z-index: 10;
184 opacity: 0;
185 transform-origin: bottom;
186 }
187
188
189
190 </style> 156 </style>
191
192 </head> 157 </head>
193 158
194 <body> 159 <body>
195 <div id="border"> 160 <div id="border">
196 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 161 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
197 <img id="txt" src="assets/img/slice.svg" alt="txt">
198 </a> 162 </a>
199 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster1.jpg" data-setup='{"example_option":true}'> 163 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster1.jpg" data-setup='{"example_option":true}'>
200 <source src="../vidA.mp4" type="video/mp4" /> 164 <source src="../vidA.mp4" type="video/mp4" />
201 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 165 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
202 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 166 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
203 </video> 167 </video>
204 <button id="play-pause" class="pause"></button> 168 <button id="play-pause" class="pause"></button>
205 </div> 169 </div>
206
207 <!-- jQuery-->
208 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
209
210 <!-- GREENSOCK-->
211 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
212 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
213 <script>
214
215 function stage1(){
216 var tl = new TimelineMax({repeat:0, repeatDelay:2});
217
218 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
219
220 console.log( "time: " + tl.totalDuration() );
221 }
222
223 //---------------------
224 $(document).ready(function(){
225 stage1();
226 });
227
228
229
230 </script>
231
232 </body> 170 </body>
233 171
234 </html> 172 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3
4 <meta charset="utf-8"> 3 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 4 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 5 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 6 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 7 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -140,7 +121,7 @@ ...@@ -140,7 +121,7 @@
140 overflow: hidden; 121 overflow: hidden;
141 cursor: pointer; 122 cursor: pointer;
142 box-sizing: border-box; 123 box-sizing: border-box;
143 background: url(assets/img/back2.jpg) no-repeat; 124 background: url(assets/back2.jpg) no-repeat;
144 background-size: 300px 450px; 125 background-size: 300px 450px;
145 } 126 }
146 127
...@@ -154,7 +135,7 @@ ...@@ -154,7 +135,7 @@
154 } 135 }
155 #play-pause{ 136 #play-pause{
156 cursor: pointer; 137 cursor: pointer;
157 background: url(assets/img/play.svg) no-repeat center center; 138 background: url(assets/play.svg) no-repeat center center;
158 } 139 }
159 #play-pause.pause:hover{ 140 #play-pause.pause:hover{
160 background-size: 60px 60px; 141 background-size: 60px 60px;
...@@ -172,63 +153,20 @@ ...@@ -172,63 +153,20 @@
172 .vjs-big-play-button{ 153 .vjs-big-play-button{
173 display: none !important; 154 display: none !important;
174 } 155 }
175
176
177 #txt {
178 position: absolute;
179 width: 154px;
180 height: 130px;
181 left: 16px;
182 bottom:304px;
183 z-index: 10;
184 opacity: 0;
185 transform-origin: bottom;
186 }
187
188
189
190 </style> 156 </style>
191
192 </head> 157 </head>
193 158
194 <body> 159 <body>
195 <div id="border"> 160 <div id="border">
196 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 161 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
197 <img id="txt" src="assets/img/slice.svg" alt="txt">
198 </a> 162 </a>
199 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster2.jpg" data-setup='{"example_option":true}'> 163 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster2.jpg" data-setup='{"example_option":true}'>
200 <source src="../vidA.mp4" type="video/mp4" /> 164 <source src="../vidB.mp4" type="video/mp4" />
201 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 165 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
202 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 166 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
203 </video> 167 </video>
204 <button id="play-pause" class="pause"></button> 168 <button id="play-pause" class="pause"></button>
205 </div> 169 </div>
206
207 <!-- jQuery-->
208 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
209
210 <!-- GREENSOCK-->
211 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
212 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
213 <script>
214
215 function stage1(){
216 var tl = new TimelineMax({repeat:0, repeatDelay:2});
217
218 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
219
220 console.log( "time: " + tl.totalDuration() );
221 }
222
223 //---------------------
224 $(document).ready(function(){
225 stage1();
226 });
227
228
229
230 </script>
231
232 </body> 170 </body>
233 171
234 </html> 172 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3
4 <meta charset="utf-8"> 3 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 4 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 5 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 6 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 7 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -140,7 +121,7 @@ ...@@ -140,7 +121,7 @@
140 overflow: hidden; 121 overflow: hidden;
141 cursor: pointer; 122 cursor: pointer;
142 box-sizing: border-box; 123 box-sizing: border-box;
143 background: url(assets/img/back3.jpg) no-repeat; 124 background: url(assets/back3.jpg) no-repeat;
144 background-size: 300px 450px; 125 background-size: 300px 450px;
145 } 126 }
146 127
...@@ -154,7 +135,7 @@ ...@@ -154,7 +135,7 @@
154 } 135 }
155 #play-pause{ 136 #play-pause{
156 cursor: pointer; 137 cursor: pointer;
157 background: url(assets/img/play.svg) no-repeat center center; 138 background: url(assets/play.svg) no-repeat center center;
158 } 139 }
159 #play-pause.pause:hover{ 140 #play-pause.pause:hover{
160 background-size: 60px 60px; 141 background-size: 60px 60px;
...@@ -172,63 +153,20 @@ ...@@ -172,63 +153,20 @@
172 .vjs-big-play-button{ 153 .vjs-big-play-button{
173 display: none !important; 154 display: none !important;
174 } 155 }
175
176
177 #txt {
178 position: absolute;
179 width: 154px;
180 height: 130px;
181 left: 16px;
182 bottom:304px;
183 z-index: 10;
184 opacity: 0;
185 transform-origin: bottom;
186 }
187
188
189
190 </style> 156 </style>
191
192 </head> 157 </head>
193 158
194 <body> 159 <body>
195 <div id="border"> 160 <div id="border">
196 <a id="click-tag" href="javascript:eyeBuild.doClick(0);"> 161 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
197 <img id="txt" src="assets/img/slice.svg" alt="txt">
198 </a> 162 </a>
199 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/img/poster3.jpg" data-setup='{"example_option":true}'> 163 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
200 <source src="../vidC.mp4" type="video/mp4" /> 164 <source src="../vidC.mp4" type="video/mp4" />
201 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 165 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
202 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 166 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
203 </video> 167 </video>
204 <button id="play-pause" class="pause"></button> 168 <button id="play-pause" class="pause"></button>
205 </div> 169 </div>
206
207 <!-- jQuery-->
208 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
209
210 <!-- GREENSOCK-->
211 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
212 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
213 <script>
214
215 function stage1(){
216 var tl = new TimelineMax({repeat:0, repeatDelay:2});
217
218 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
219
220 console.log( "time: " + tl.totalDuration() );
221 }
222
223 //---------------------
224 $(document).ready(function(){
225 stage1();
226 });
227
228
229
230 </script>
231
232 </body> 170 </body>
233 171
234 </html> 172 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -60,12 +60,13 @@ ...@@ -60,12 +60,13 @@
60 overflow: hidden; 60 overflow: hidden;
61 cursor: pointer; 61 cursor: pointer;
62 box-sizing: border-box; 62 box-sizing: border-box;
63 background: url(assets/img/background.jpg); 63 background: url(assets/background.jpg);
64 /* background: url(guide1.png); */ 64 /* background: url(guide1.png); */
65 } 65 }
66
66 #logo{ 67 #logo{
67 position: absolute; 68 position: absolute;
68 width: 68px; 69 width: 69px;
69 height: auto; 70 height: auto;
70 right: 21px; 71 right: 21px;
71 bottom:28px; 72 bottom:28px;
...@@ -73,7 +74,7 @@ ...@@ -73,7 +74,7 @@
73 } 74 }
74 #legal{ 75 #legal{
75 position: absolute; 76 position: absolute;
76 width: 179px; 77 width: 180px;
77 height: auto; 78 height: auto;
78 left: 9px; 79 left: 9px;
79 bottom:6px; 80 bottom:6px;
...@@ -86,7 +87,7 @@ ...@@ -86,7 +87,7 @@
86 } 87 }
87 #txt1a, #txt1b, #txt2 { 88 #txt1a, #txt1b, #txt2 {
88 position: absolute; 89 position: absolute;
89 width: 137px; 90 width: 138px;
90 height: auto; 91 height: auto;
91 left: 51px; 92 left: 51px;
92 top:94px; 93 top:94px;
...@@ -95,11 +96,11 @@ ...@@ -95,11 +96,11 @@
95 } 96 }
96 #txt1b{ 97 #txt1b{
97 top:161px; 98 top:161px;
98 width: 112px; 99 width: 113px;
99 } 100 }
100 #txt2{ 101 #txt2{
101 left: 45px; 102 left: 45px;
102 width: 216px; 103 width: 214px;
103 } 104 }
104 #cannon{ 105 #cannon{
105 position: absolute; 106 position: absolute;
...@@ -145,7 +146,7 @@ ...@@ -145,7 +146,7 @@
145 position: absolute; 146 position: absolute;
146 left: 26px; 147 left: 26px;
147 top:175px; 148 top:175px;
148 width:206px; 149 width:207px;
149 height: auto; 150 height: auto;
150 opacity: 0; 151 opacity: 0;
151 } 152 }
...@@ -153,15 +154,15 @@ ...@@ -153,15 +154,15 @@
153 position: absolute; 154 position: absolute;
154 left: 25px; 155 left: 25px;
155 top:129px; 156 top:129px;
156 width:211px; 157 width:212px;
157 height: auto; 158 height: auto;
158 opacity: 0; 159 opacity: 0;
159 } 160 }
160 #tag2{ 161 #tag2{
161 width:197px; 162 width:198px;
162 } 163 }
163 #tag3{ 164 #tag3{
164 width:241px; 165 width:242px;
165 } 166 }
166 #tag-mask{ 167 #tag-mask{
167 position: absolute; 168 position: absolute;
...@@ -173,11 +174,13 @@ ...@@ -173,11 +174,13 @@
173 position: absolute; 174 position: absolute;
174 left: 26px; 175 left: 26px;
175 top:223px; 176 top:223px;
176 width:156px; 177 width:157px;
177 height: auto; 178 height: auto;
178 opacity: 0; 179 opacity: 0;
179 } 180 }
180 181
182
183
181 </style> 184 </style>
182 </head> 185 </head>
183 186
...@@ -185,30 +188,29 @@ ...@@ -185,30 +188,29 @@
185 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"> --> 188 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"> -->
186 <a href="javascript:eyeBuild.doClick(0)" class="cta"> 189 <a href="javascript:eyeBuild.doClick(0)" class="cta">
187 <div id="border"> 190 <div id="border">
188 <img id="boy" src="assets/img/boy.png" alt="boy"> 191 <img id="boy" src="assets/boy.png" alt="boy">
189 <img id="cannon" src="assets/img/cannon.png" alt="cannon"> 192 <img id="cannon" src="assets/cannon.png" alt="cannon">
190 <img id="logo" src="assets/img/logo.png" alt="logo"> 193 <img id="logo" src="assets/logo.png" alt="logo">
191 <img id="legal" src="assets/img/legal.png" alt="legal"> 194 <img id="legal" src="assets/legal.png" alt="legal">
192 <img id="txt1a" src="assets/img/txt1a.png" alt="txt1"> 195 <img id="txt1a" src="assets/txt1a.png" alt="txt1">
193 <img id="txt1b" src="assets/img/txt1b.png" alt="txt1"> 196 <img id="txt1b" src="assets/txt1b.png" alt="txt1">
194 <div id="box-1"></div> 197 <div id="box-1"></div>
195 <div id="box-2"></div> 198 <div id="box-2"></div>
196 <img id="txt2" src="assets/img/txt2.png" alt="txt2"> 199 <img id="txt2" src="assets/txt2.png" alt="txt2">
197
198 200
199 <img id="gradient" src="assets/img/gradient.svg" alt="cta"> 201 <img id="gradient" src="assets/gradient.svg" alt="cta">
200 <div id="dot-1"></div> 202 <div id="dot-1"></div>
201 <div id="dot-2"></div> 203 <div id="dot-2"></div>
202 <div id="dot-3"></div> 204 <div id="dot-3"></div>
203 205
204 <img id="cta" src="assets/img/cta.png" alt="cta"> 206 <img id="cta" src="assets/cta.png" alt="cta">
205 <div id="tag-mask"> 207 <div id="tag-mask">
206 <img id="tag1" src="assets/img/tag1.png" alt="tag1"> 208 <img id="tag1" src="assets/tag1.png" alt="tag1">
207 <img id="tag2" src="assets/img/tag2.png" alt="tag2"> 209 <img id="tag2" src="assets/tag2.png" alt="tag2">
208 <img id="tag3" src="assets/img/tag3.png" alt="tag3"> 210 <img id="tag3" src="assets/tag3.png" alt="tag3">
209 </div> 211 </div>
210 <div id="dot-txt"></div> 212 <div id="dot-txt"></div>
211 <img id="hash" src="assets/img/hash.png" alt="hash"> 213 <img id="hash" src="assets/hash.png" alt="hash">
212 214
213 <!-- 215 <!--
214 216
...@@ -223,8 +225,8 @@ ...@@ -223,8 +225,8 @@
223 <!-- GREENSOCK--> 225 <!-- GREENSOCK-->
224 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation --> 226 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation -->
225 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 227 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
226 <script src="assets/js/DrawSVGPlugin.min.js"></script> 228 <script src="assets/DrawSVGPlugin.min.js"></script>
227 <script src="assets/js/ey-frame-svg-1.0.2.min.js"></script> 229 <script src="assets/ey-frame-svg-1.0.2.min.js"></script>
228 230
229 <script> 231 <script>
230 232
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -151,7 +133,7 @@ ...@@ -151,7 +133,7 @@
151 } 133 }
152 #play-pause{ 134 #play-pause{
153 cursor: pointer; 135 cursor: pointer;
154 background: url(assets_exp/img/play.svg) no-repeat center center; 136 background: url(assets/play.svg) no-repeat center center;
155 } 137 }
156 #play-pause.pause:hover{ 138 #play-pause.pause:hover{
157 background-size: 60px 60px; 139 background-size: 60px 60px;
...@@ -180,25 +162,32 @@ ...@@ -180,25 +162,32 @@
180 } 162 }
181 #overlay{ 163 #overlay{
182 position: absolute; 164 position: absolute;
183 width: 570px; 165 width: 136px;
184 height: auto; 166 height: auto;
185 bottom: 16px; 167 bottom: 16px;
186 left:15px; 168 left:15px;
187 } 169 }
170 #logo{
171 position: absolute;
172 width: 60px;
173 height: auto;
174 bottom: 16px;
175 right:15px;
176 }
188 #close{ 177 #close{
189 position: absolute; 178 position: absolute;
190 left:8px; 179 left:8px;
191 top: 6px; 180 top: 6px;
192 width: 30px; 181 width: 30px;
193 height: 30px; 182 height: 30px;
194 background: url(assets_exp/img/close.svg) no-repeat center center; 183 background: url(assets/close.svg) no-repeat center center;
195 background-size: 15px 15px; 184 background-size: 15px 15px;
196 border: none; 185 border: none;
197 cursor: pointer; 186 cursor: pointer;
198 187
199 } 188 }
200 #close:hover{ 189 #close:hover{
201 background: url(assets_exp/img/close-h.svg) no-repeat center center; 190 background: url(assets/close-h.svg) no-repeat center center;
202 } 191 }
203 192
204 </style> 193 </style>
...@@ -207,9 +196,10 @@ ...@@ -207,9 +196,10 @@
207 <body> 196 <body>
208 <div id="border"> 197 <div id="border">
209 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"> 198 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
210 <img id="overlay" src="assets_exp/img/overlay.png" alt="overlay" width="" height=""> 199 <img id="overlay" src="assets/overlay.png">
200 <img id="logo" src="assets/logo.png">
211 </a> 201 </a>
212 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets_exp/img/poster1.jpg" data-setup='{"example_option":true}'> 202 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster1.jpg" data-setup='{"example_option":true}'>
213 <source src="../vidA.mp4" type="video/mp4" /> 203 <source src="../vidA.mp4" type="video/mp4" />
214 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 204 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
215 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 205 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
...@@ -218,28 +208,6 @@ ...@@ -218,28 +208,6 @@
218 <button type="button" id="close" class="close"></button> 208 <button type="button" id="close" class="close"></button>
219 </div> 209 </div>
220 210
221 <!-- jQuery-->
222 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
223
224 <!-- GREENSOCK-->
225 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
226 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
227 <script>
228
229 function stage1(){
230 var tl = new TimelineMax({repeat:0, repeatDelay:2});
231
232 console.log( "time: " + tl.totalDuration() );
233 }
234
235 //---------------------
236 $(document).ready(function(){
237 stage1();
238 });
239
240
241
242 </script>
243 211
244 </body> 212 </body>
245 213
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -151,7 +133,7 @@ ...@@ -151,7 +133,7 @@
151 } 133 }
152 #play-pause{ 134 #play-pause{
153 cursor: pointer; 135 cursor: pointer;
154 background: url(assets_exp/img/play.svg) no-repeat center center; 136 background: url(assets/play.svg) no-repeat center center;
155 } 137 }
156 #play-pause.pause:hover{ 138 #play-pause.pause:hover{
157 background-size: 60px 60px; 139 background-size: 60px 60px;
...@@ -180,25 +162,32 @@ ...@@ -180,25 +162,32 @@
180 } 162 }
181 #overlay{ 163 #overlay{
182 position: absolute; 164 position: absolute;
183 width: 570px; 165 width: 136px;
184 height: auto; 166 height: auto;
185 bottom: 16px; 167 bottom: 16px;
186 left:15px; 168 left:15px;
187 } 169 }
170 #logo{
171 position: absolute;
172 width: 60px;
173 height: auto;
174 bottom: 16px;
175 right:15px;
176 }
188 #close{ 177 #close{
189 position: absolute; 178 position: absolute;
190 left:8px; 179 left:8px;
191 top: 6px; 180 top: 6px;
192 width: 30px; 181 width: 30px;
193 height: 30px; 182 height: 30px;
194 background: url(assets_exp/img/close.svg) no-repeat center center; 183 background: url(assets/close.svg) no-repeat center center;
195 background-size: 15px 15px; 184 background-size: 15px 15px;
196 border: none; 185 border: none;
197 cursor: pointer; 186 cursor: pointer;
198 187
199 } 188 }
200 #close:hover{ 189 #close:hover{
201 background: url(assets_exp/img/close-h.svg) no-repeat center center; 190 background: url(assets/close-h.svg) no-repeat center center;
202 } 191 }
203 192
204 </style> 193 </style>
...@@ -207,10 +196,11 @@ ...@@ -207,10 +196,11 @@
207 <body> 196 <body>
208 <div id="border"> 197 <div id="border">
209 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"> 198 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
210 <img id="overlay" src="assets_exp/img/overlay.png" alt="overlay" width="" height=""> 199 <img id="overlay" src="assets/overlay.png">
200 <img id="logo" src="assets/logo.png">
211 </a> 201 </a>
212 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets_exp/img/poster2.jpg" data-setup='{"example_option":true}'> 202 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster2.jpg" data-setup='{"example_option":true}'>
213 <source src="../vidA.mp4" type="video/mp4" /> 203 <source src="../vidB.mp4" type="video/mp4" />
214 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 204 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
215 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 205 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
216 </video> 206 </video>
...@@ -218,28 +208,6 @@ ...@@ -218,28 +208,6 @@
218 <button type="button" id="close" class="close"></button> 208 <button type="button" id="close" class="close"></button>
219 </div> 209 </div>
220 210
221 <!-- jQuery-->
222 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
223
224 <!-- GREENSOCK-->
225 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
226 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
227 <script>
228
229 function stage1(){
230 var tl = new TimelineMax({repeat:0, repeatDelay:2});
231
232 console.log( "time: " + tl.totalDuration() );
233 }
234
235 //---------------------
236 $(document).ready(function(){
237 stage1();
238 });
239
240
241
242 </script>
243 211
244 </body> 212 </body>
245 213
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> 7 <link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
26 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script> 8 <script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
...@@ -151,7 +133,7 @@ ...@@ -151,7 +133,7 @@
151 } 133 }
152 #play-pause{ 134 #play-pause{
153 cursor: pointer; 135 cursor: pointer;
154 background: url(assets_exp/img/play.svg) no-repeat center center; 136 background: url(assets/play.svg) no-repeat center center;
155 } 137 }
156 #play-pause.pause:hover{ 138 #play-pause.pause:hover{
157 background-size: 60px 60px; 139 background-size: 60px 60px;
...@@ -180,25 +162,32 @@ ...@@ -180,25 +162,32 @@
180 } 162 }
181 #overlay{ 163 #overlay{
182 position: absolute; 164 position: absolute;
183 width: 570px; 165 width: 136px;
184 height: auto; 166 height: auto;
185 bottom: 16px; 167 bottom: 16px;
186 left:15px; 168 left:15px;
187 } 169 }
170 #logo{
171 position: absolute;
172 width: 60px;
173 height: auto;
174 bottom: 16px;
175 right:15px;
176 }
188 #close{ 177 #close{
189 position: absolute; 178 position: absolute;
190 left:8px; 179 left:8px;
191 top: 6px; 180 top: 6px;
192 width: 30px; 181 width: 30px;
193 height: 30px; 182 height: 30px;
194 background: url(assets_exp/img/close.svg) no-repeat center center; 183 background: url(assets/close.svg) no-repeat center center;
195 background-size: 15px 15px; 184 background-size: 15px 15px;
196 border: none; 185 border: none;
197 cursor: pointer; 186 cursor: pointer;
198 187
199 } 188 }
200 #close:hover{ 189 #close:hover{
201 background: url(assets_exp/img/close-h.svg) no-repeat center center; 190 background: url(assets/close-h.svg) no-repeat center center;
202 } 191 }
203 192
204 </style> 193 </style>
...@@ -207,9 +196,10 @@ ...@@ -207,9 +196,10 @@
207 <body> 196 <body>
208 <div id="border"> 197 <div id="border">
209 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"> 198 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
210 <img id="overlay" src="assets_exp/img/overlay.png" alt="overlay" width="" height=""> 199 <img id="overlay" src="assets/overlay.png">
200 <img id="logo" src="assets/logo.png">
211 </a> 201 </a>
212 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets_exp/img/poster3.jpg" data-setup='{"example_option":true}'> 202 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
213 <source src="../vidC.mp4" type="video/mp4" /> 203 <source src="../vidC.mp4" type="video/mp4" />
214 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> --> 204 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
215 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> --> 205 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
...@@ -218,28 +208,6 @@ ...@@ -218,28 +208,6 @@
218 <button type="button" id="close" class="close"></button> 208 <button type="button" id="close" class="close"></button>
219 </div> 209 </div>
220 210
221 <!-- jQuery-->
222 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
223
224 <!-- GREENSOCK-->
225 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
226 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
227 <script>
228
229 function stage1(){
230 var tl = new TimelineMax({repeat:0, repeatDelay:2});
231
232 console.log( "time: " + tl.totalDuration() );
233 }
234
235 //---------------------
236 $(document).ready(function(){
237 stage1();
238 });
239
240
241
242 </script>
243 211
244 </body> 212 </body>
245 213
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <script type="text/javascript"> 7 <script type="text/javascript">
26 window.onload = function() { 8 window.onload = function() {
...@@ -57,14 +39,14 @@ ...@@ -57,14 +39,14 @@
57 overflow: hidden; 39 overflow: hidden;
58 cursor: pointer; 40 cursor: pointer;
59 box-sizing: border-box; 41 box-sizing: border-box;
60 background: url(assets/img/back1.jpg); 42 background: url(assets/back1.jpg);
61 background-size:300px 600px; 43 background-size:300px 600px;
62 /* background: url(guide.png); */ 44 /* background: url(guide.png); */
63 } 45 }
64 #txt { 46 #txt {
65 position: absolute; 47 position: absolute;
66 width: 154px; 48 width: 156px;
67 height: 130px; 49 height: 131px;
68 left: 16px; 50 left: 16px;
69 bottom:451px; 51 bottom:451px;
70 z-index: 10; 52 z-index: 10;
...@@ -77,20 +59,13 @@ ...@@ -77,20 +59,13 @@
77 59
78 <body> 60 <body>
79 <div id="border"> 61 <div id="border">
80 <!--<div id="img"><img id="" src="assets/img@1x.gif" width="600" height="566" style="border-style:none"></div>-->
81
82 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"> 62 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
83 <img id="txt" src="assets/img/slice.svg" alt="txt"> 63 <img id="txt" src="assets/slice.png">
84 64
85 </a> 65 </a>
86 <!--<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>-->
87 </div> 66 </div>
88 67
89 <!-- jQuery-->
90 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
91
92 <!-- GREENSOCK--> 68 <!-- GREENSOCK-->
93 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
94 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 69 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
95 <script> 70 <script>
96 71
...@@ -102,11 +77,7 @@ ...@@ -102,11 +77,7 @@
102 } 77 }
103 78
104 //--------------------- 79 //---------------------
105 $(document).ready(function(){
106 stage1(); 80 stage1();
107 });
108
109
110 81
111 </script> 82 </script>
112 83
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <script type="text/javascript"> 7 <script type="text/javascript">
26 window.onload = function() { 8 window.onload = function() {
...@@ -57,14 +39,14 @@ ...@@ -57,14 +39,14 @@
57 overflow: hidden; 39 overflow: hidden;
58 cursor: pointer; 40 cursor: pointer;
59 box-sizing: border-box; 41 box-sizing: border-box;
60 background: url(assets/img/back2.jpg); 42 background: url(assets/back2.jpg);
61 background-size:300px 600px; 43 background-size:300px 600px;
62 /* background: url(guide.png); */ 44 /* background: url(guide.png); */
63 } 45 }
64 #txt { 46 #txt {
65 position: absolute; 47 position: absolute;
66 width: 154px; 48 width: 156px;
67 height: 130px; 49 height: 131px;
68 left: 16px; 50 left: 16px;
69 bottom:451px; 51 bottom:451px;
70 z-index: 10; 52 z-index: 10;
...@@ -77,20 +59,13 @@ ...@@ -77,20 +59,13 @@
77 59
78 <body> 60 <body>
79 <div id="border"> 61 <div id="border">
80 <!--<div id="img"><img id="" src="assets/img@1x.gif" width="600" height="566" style="border-style:none"></div>-->
81
82 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"> 62 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
83 <img id="txt" src="assets/img/slice.svg" alt="txt"> 63 <img id="txt" src="assets/slice.png">
84 64
85 </a> 65 </a>
86 <!--<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>-->
87 </div> 66 </div>
88 67
89 <!-- jQuery-->
90 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
91
92 <!-- GREENSOCK--> 68 <!-- GREENSOCK-->
93 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
94 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 69 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
95 <script> 70 <script>
96 71
...@@ -102,11 +77,7 @@ ...@@ -102,11 +77,7 @@
102 } 77 }
103 78
104 //--------------------- 79 //---------------------
105 $(document).ready(function(){
106 stage1(); 80 stage1();
107 });
108
109
110 81
111 </script> 82 </script>
112 83
......
...@@ -3,24 +3,6 @@ ...@@ -3,24 +3,6 @@
3 3
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>HTML5 Ad</title> 5 <title>HTML5 Ad</title>
6 <!--
7 <script type="text/javascript">
8
9 // IAB source: modified to allow link testing
10 var clickTag = "http://thecommonwell.ca/wave";
11 function getParameterByName(name)
12 {
13 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
14 if (match == null || match == ""){
15 return clickTag;
16 } else{
17 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
18 }
19 }
20 clickTag = getParameterByName('clickTag');
21
22 </script>
23 -->
24 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script> 6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
25 <script type="text/javascript"> 7 <script type="text/javascript">
26 window.onload = function() { 8 window.onload = function() {
...@@ -57,14 +39,14 @@ ...@@ -57,14 +39,14 @@
57 overflow: hidden; 39 overflow: hidden;
58 cursor: pointer; 40 cursor: pointer;
59 box-sizing: border-box; 41 box-sizing: border-box;
60 background: url(assets/img/back3.jpg); 42 background: url(assets/back3.jpg);
61 background-size:300px 600px; 43 background-size:300px 600px;
62 /* background: url(guide.png); */ 44 /* background: url(guide.png); */
63 } 45 }
64 #txt { 46 #txt {
65 position: absolute; 47 position: absolute;
66 width: 154px; 48 width: 156px;
67 height: 130px; 49 height: 131px;
68 left: 16px; 50 left: 16px;
69 bottom:451px; 51 bottom:451px;
70 z-index: 10; 52 z-index: 10;
...@@ -77,20 +59,13 @@ ...@@ -77,20 +59,13 @@
77 59
78 <body> 60 <body>
79 <div id="border"> 61 <div id="border">
80 <!--<div id="img"><img id="" src="assets/img@1x.gif" width="600" height="566" style="border-style:none"></div>-->
81
82 <a id="click-tag" href="javascript:eyeBuild.doClick(0)"> 62 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
83 <img id="txt" src="assets/img/slice.svg" alt="txt"> 63 <img id="txt" src="assets/slice.png">
84 64
85 </a> 65 </a>
86 <!--<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>-->
87 </div> 66 </div>
88 67
89 <!-- jQuery-->
90 <script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
91
92 <!-- GREENSOCK--> 68 <!-- GREENSOCK-->
93 <!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
94 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> 69 <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
95 <script> 70 <script>
96 71
...@@ -102,11 +77,7 @@ ...@@ -102,11 +77,7 @@
102 } 77 }
103 78
104 //--------------------- 79 //---------------------
105 $(document).ready(function(){
106 stage1(); 80 stage1();
107 });
108
109
110 81
111 </script> 82 </script>
112 83
......