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 144 additions and 661 deletions
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -145,7 +127,7 @@
box-sizing: border-box;
background-color: black;
/*
background: url(assets/img/back1.jpg) no-repeat #000;
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
......@@ -160,7 +142,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -181,8 +163,8 @@
#txt {
position: absolute;
width: 314px;
height: 264px;
width: 315px;
height: 265px;
left: 57px;
bottom:382px;
z-index: 10;
......@@ -208,10 +190,10 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/img/slice.svg" alt="txt">
<img id="overlay" src="assets/img/overlay.png" alt="txt">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<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}'>
<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}'>
<source src="../vidA.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
......@@ -219,11 +201,7 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -236,9 +214,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
stage1();
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -145,7 +127,7 @@
box-sizing: border-box;
background-color: black;
/*
background: url(assets/img/back1.jpg) no-repeat #000;
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
......@@ -160,7 +142,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -181,8 +163,8 @@
#txt {
position: absolute;
width: 314px;
height: 264px;
width: 315px;
height: 265px;
left: 57px;
bottom:382px;
z-index: 10;
......@@ -208,22 +190,18 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/img/slice.svg" alt="txt">
<img id="overlay" src="assets/img/overlay.png" alt="txt">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<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}'>
<source src="../vidA.mp4" type="video/mp4" />
<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}'>
<source src="../vidB.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -236,9 +214,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
stage1();
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -145,7 +127,7 @@
box-sizing: border-box;
background-color: black;
/*
background: url(assets/img/back1.jpg) no-repeat #000;
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
......@@ -160,7 +142,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -181,8 +163,8 @@
#txt {
position: absolute;
width: 314px;
height: 264px;
width: 315px;
height: 265px;
left: 57px;
bottom:382px;
z-index: 10;
......@@ -208,10 +190,10 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/img/slice.svg" alt="txt">
<img id="overlay" src="assets/img/overlay.png" alt="txt">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<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}'>
<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}'>
<source src="../vidC.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
......@@ -219,11 +201,7 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -236,9 +214,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
stage1();
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -145,7 +127,7 @@
box-sizing: border-box;
background-color: black;
/*
background: url(assets/img/back1.jpg) no-repeat #000;
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
......@@ -160,7 +142,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -181,8 +163,8 @@
#txt {
position: absolute;
width: 321px;
height: 270px;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
......@@ -208,10 +190,10 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/img/slice.svg" alt="txt">
<img id="overlay" src="assets/img/overlay.png" alt="txt">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<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}'>
<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}'>
<source src="../vidA.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
......@@ -219,11 +201,7 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -236,11 +214,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -145,7 +127,7 @@
box-sizing: border-box;
background-color: black;
/*
background: url(assets/img/back1.jpg) no-repeat #000;
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
......@@ -160,7 +142,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -181,8 +163,8 @@
#txt {
position: absolute;
width: 321px;
height: 270px;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
......@@ -208,22 +190,18 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/img/slice.svg" alt="txt">
<img id="overlay" src="assets/img/overlay.png" alt="txt">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<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}'>
<source src="../vidA.mp4" type="video/mp4" />
<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}'>
<source src="../vidB.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -236,11 +214,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -145,7 +127,7 @@
box-sizing: border-box;
background-color: black;
/*
background: url(assets/img/back1.jpg) no-repeat #000;
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
......@@ -160,7 +142,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -181,8 +163,8 @@
#txt {
position: absolute;
width: 321px;
height: 270px;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
......@@ -208,10 +190,10 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/img/slice.svg" alt="txt">
<img id="overlay" src="assets/img/overlay.png" alt="txt">
<img id="txt" style="pause" src="assets/slice.png" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<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}'>
<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}'>
<source src="../vidC.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
......@@ -219,11 +201,7 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -236,11 +214,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
......
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -140,7 +121,7 @@
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background: url(assets/img/back1.jpg) no-repeat;
background: url(assets/back1.jpg) no-repeat;
background-size: 300px 450px;
}
......@@ -154,7 +135,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -172,63 +153,20 @@
.vjs-big-play-button{
display: none !important;
}
#txt {
position: absolute;
width: 154px;
height: 130px;
left: 16px;
bottom:304px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
}
</style>
</head>
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" src="assets/img/slice.svg" alt="txt">
</a>
<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}'>
<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}'>
<source src="../vidA.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
console.log( "time: " + tl.totalDuration() );
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
</body>
</html>
\ No newline at end of file
......
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -140,7 +121,7 @@
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background: url(assets/img/back2.jpg) no-repeat;
background: url(assets/back2.jpg) no-repeat;
background-size: 300px 450px;
}
......@@ -154,7 +135,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -172,63 +153,20 @@
.vjs-big-play-button{
display: none !important;
}
#txt {
position: absolute;
width: 154px;
height: 130px;
left: 16px;
bottom:304px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
}
</style>
</head>
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" src="assets/img/slice.svg" alt="txt">
</a>
<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}'>
<source src="../vidA.mp4" type="video/mp4" />
<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}'>
<source src="../vidB.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
console.log( "time: " + tl.totalDuration() );
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
</body>
</html>
\ No newline at end of file
......
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -140,7 +121,7 @@
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background: url(assets/img/back3.jpg) no-repeat;
background: url(assets/back3.jpg) no-repeat;
background-size: 300px 450px;
}
......@@ -154,7 +135,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -172,63 +153,20 @@
.vjs-big-play-button{
display: none !important;
}
#txt {
position: absolute;
width: 154px;
height: 130px;
left: 16px;
bottom:304px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
}
</style>
</head>
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" src="assets/img/slice.svg" alt="txt">
</a>
<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}'>
<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}'>
<source src="../vidC.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
console.log( "time: " + tl.totalDuration() );
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
</body>
</html>
\ No newline at end of file
......
......@@ -60,12 +60,13 @@
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background: url(assets/img/background.jpg);
background: url(assets/background.jpg);
/* background: url(guide1.png); */
}
#logo{
position: absolute;
width: 68px;
width: 69px;
height: auto;
right: 21px;
bottom:28px;
......@@ -73,7 +74,7 @@
}
#legal{
position: absolute;
width: 179px;
width: 180px;
height: auto;
left: 9px;
bottom:6px;
......@@ -86,7 +87,7 @@
}
#txt1a, #txt1b, #txt2 {
position: absolute;
width: 137px;
width: 138px;
height: auto;
left: 51px;
top:94px;
......@@ -95,11 +96,11 @@
}
#txt1b{
top:161px;
width: 112px;
width: 113px;
}
#txt2{
left: 45px;
width: 216px;
width: 214px;
}
#cannon{
position: absolute;
......@@ -145,7 +146,7 @@
position: absolute;
left: 26px;
top:175px;
width:206px;
width:207px;
height: auto;
opacity: 0;
}
......@@ -153,15 +154,15 @@
position: absolute;
left: 25px;
top:129px;
width:211px;
width:212px;
height: auto;
opacity: 0;
}
#tag2{
width:197px;
width:198px;
}
#tag3{
width:241px;
width:242px;
}
#tag-mask{
position: absolute;
......@@ -173,11 +174,13 @@
position: absolute;
left: 26px;
top:223px;
width:156px;
width:157px;
height: auto;
opacity: 0;
}
</style>
</head>
......@@ -185,30 +188,29 @@
<!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"> -->
<a href="javascript:eyeBuild.doClick(0)" class="cta">
<div id="border">
<img id="boy" src="assets/img/boy.png" alt="boy">
<img id="cannon" src="assets/img/cannon.png" alt="cannon">
<img id="logo" src="assets/img/logo.png" alt="logo">
<img id="legal" src="assets/img/legal.png" alt="legal">
<img id="txt1a" src="assets/img/txt1a.png" alt="txt1">
<img id="txt1b" src="assets/img/txt1b.png" alt="txt1">
<img id="boy" src="assets/boy.png" alt="boy">
<img id="cannon" src="assets/cannon.png" alt="cannon">
<img id="logo" src="assets/logo.png" alt="logo">
<img id="legal" src="assets/legal.png" alt="legal">
<img id="txt1a" src="assets/txt1a.png" alt="txt1">
<img id="txt1b" src="assets/txt1b.png" alt="txt1">
<div id="box-1"></div>
<div id="box-2"></div>
<img id="txt2" src="assets/img/txt2.png" alt="txt2">
<img id="txt2" src="assets/txt2.png" alt="txt2">
<img id="gradient" src="assets/img/gradient.svg" alt="cta">
<img id="gradient" src="assets/gradient.svg" alt="cta">
<div id="dot-1"></div>
<div id="dot-2"></div>
<div id="dot-3"></div>
<img id="cta" src="assets/img/cta.png" alt="cta">
<img id="cta" src="assets/cta.png" alt="cta">
<div id="tag-mask">
<img id="tag1" src="assets/img/tag1.png" alt="tag1">
<img id="tag2" src="assets/img/tag2.png" alt="tag2">
<img id="tag3" src="assets/img/tag3.png" alt="tag3">
<img id="tag1" src="assets/tag1.png" alt="tag1">
<img id="tag2" src="assets/tag2.png" alt="tag2">
<img id="tag3" src="assets/tag3.png" alt="tag3">
</div>
<div id="dot-txt"></div>
<img id="hash" src="assets/img/hash.png" alt="hash">
<img id="hash" src="assets/hash.png" alt="hash">
<!--
......@@ -223,8 +225,8 @@
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="assets/js/DrawSVGPlugin.min.js"></script>
<script src="assets/js/ey-frame-svg-1.0.2.min.js"></script>
<script src="assets/DrawSVGPlugin.min.js"></script>
<script src="assets/ey-frame-svg-1.0.2.min.js"></script>
<script>
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -151,7 +133,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets_exp/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -180,25 +162,32 @@
}
#overlay{
position: absolute;
width: 570px;
width: 136px;
height: auto;
bottom: 16px;
left:15px;
}
#logo{
position: absolute;
width: 60px;
height: auto;
bottom: 16px;
right:15px;
}
#close{
position: absolute;
left:8px;
top: 6px;
width: 30px;
height: 30px;
background: url(assets_exp/img/close.svg) no-repeat center center;
background: url(assets/close.svg) no-repeat center center;
background-size: 15px 15px;
border: none;
cursor: pointer;
}
#close:hover{
background: url(assets_exp/img/close-h.svg) no-repeat center center;
background: url(assets/close-h.svg) no-repeat center center;
}
</style>
......@@ -207,9 +196,10 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0)">
<img id="overlay" src="assets_exp/img/overlay.png" alt="overlay" width="" height="">
<img id="overlay" src="assets/overlay.png">
<img id="logo" src="assets/logo.png">
</a>
<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}'>
<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}'>
<source src="../vidA.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
......@@ -218,28 +208,6 @@
<button type="button" id="close" class="close"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
console.log( "time: " + tl.totalDuration() );
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
</body>
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -151,7 +133,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets_exp/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -180,25 +162,32 @@
}
#overlay{
position: absolute;
width: 570px;
width: 136px;
height: auto;
bottom: 16px;
left:15px;
}
#logo{
position: absolute;
width: 60px;
height: auto;
bottom: 16px;
right:15px;
}
#close{
position: absolute;
left:8px;
top: 6px;
width: 30px;
height: 30px;
background: url(assets_exp/img/close.svg) no-repeat center center;
background: url(assets/close.svg) no-repeat center center;
background-size: 15px 15px;
border: none;
cursor: pointer;
}
#close:hover{
background: url(assets_exp/img/close-h.svg) no-repeat center center;
background: url(assets/close-h.svg) no-repeat center center;
}
</style>
......@@ -207,10 +196,11 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0)">
<img id="overlay" src="assets_exp/img/overlay.png" alt="overlay" width="" height="">
<img id="overlay" src="assets/overlay.png">
<img id="logo" src="assets/logo.png">
</a>
<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}'>
<source src="../vidA.mp4" type="video/mp4" />
<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}'>
<source src="../vidB.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
......@@ -218,28 +208,6 @@
<button type="button" id="close" class="close"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
console.log( "time: " + tl.totalDuration() );
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
</body>
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
......@@ -151,7 +133,7 @@
}
#play-pause{
cursor: pointer;
background: url(assets_exp/img/play.svg) no-repeat center center;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
......@@ -180,25 +162,32 @@
}
#overlay{
position: absolute;
width: 570px;
width: 136px;
height: auto;
bottom: 16px;
left:15px;
}
#logo{
position: absolute;
width: 60px;
height: auto;
bottom: 16px;
right:15px;
}
#close{
position: absolute;
left:8px;
top: 6px;
width: 30px;
height: 30px;
background: url(assets_exp/img/close.svg) no-repeat center center;
background: url(assets/close.svg) no-repeat center center;
background-size: 15px 15px;
border: none;
cursor: pointer;
}
#close:hover{
background: url(assets_exp/img/close-h.svg) no-repeat center center;
background: url(assets/close-h.svg) no-repeat center center;
}
</style>
......@@ -207,9 +196,10 @@
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0)">
<img id="overlay" src="assets_exp/img/overlay.png" alt="overlay" width="" height="">
<img id="overlay" src="assets/overlay.png">
<img id="logo" src="assets/logo.png">
</a>
<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}'>
<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}'>
<source src="../vidC.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
......@@ -218,28 +208,6 @@
<button type="button" id="close" class="close"></button>
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
console.log( "time: " + tl.totalDuration() );
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
</body>
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<script type="text/javascript">
window.onload = function() {
......@@ -57,14 +39,14 @@
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background: url(assets/img/back1.jpg);
background: url(assets/back1.jpg);
background-size:300px 600px;
/* background: url(guide.png); */
}
#txt {
position: absolute;
width: 154px;
height: 130px;
width: 156px;
height: 131px;
left: 16px;
bottom:451px;
z-index: 10;
......@@ -77,20 +59,13 @@
<body>
<div id="border">
<!--<div id="img"><img id="" src="assets/img@1x.gif" width="600" height="566" style="border-style:none"></div>-->
<a id="click-tag" href="javascript:eyeBuild.doClick(0)">
<img id="txt" src="assets/img/slice.svg" alt="txt">
<img id="txt" src="assets/slice.png">
</a>
<!--<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>-->
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -102,12 +77,8 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
stage1();
</script>
</body>
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<script type="text/javascript">
window.onload = function() {
......@@ -57,14 +39,14 @@
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background: url(assets/img/back2.jpg);
background: url(assets/back2.jpg);
background-size:300px 600px;
/* background: url(guide.png); */
}
#txt {
position: absolute;
width: 154px;
height: 130px;
width: 156px;
height: 131px;
left: 16px;
bottom:451px;
z-index: 10;
......@@ -77,20 +59,13 @@
<body>
<div id="border">
<!--<div id="img"><img id="" src="assets/img@1x.gif" width="600" height="566" style="border-style:none"></div>-->
<a id="click-tag" href="javascript:eyeBuild.doClick(0)">
<img id="txt" src="assets/img/slice.svg" alt="txt">
<img id="txt" src="assets/slice.png">
</a>
<!--<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>-->
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -102,12 +77,8 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
stage1();
</script>
</body>
......
......@@ -3,24 +3,6 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<!--
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
-->
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<script type="text/javascript">
window.onload = function() {
......@@ -57,14 +39,14 @@
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background: url(assets/img/back3.jpg);
background: url(assets/back3.jpg);
background-size:300px 600px;
/* background: url(guide.png); */
}
#txt {
position: absolute;
width: 154px;
height: 130px;
width: 156px;
height: 131px;
left: 16px;
bottom:451px;
z-index: 10;
......@@ -77,20 +59,13 @@
<body>
<div id="border">
<!--<div id="img"><img id="" src="assets/img@1x.gif" width="600" height="566" style="border-style:none"></div>-->
<a id="click-tag" href="javascript:eyeBuild.doClick(0)">
<img id="txt" src="assets/img/slice.svg" alt="txt">
<img id="txt" src="assets/slice.png">
</a>
<!--<a id="click-tag" href="javascript:window.open(window.clickTag)"></a>-->
</div>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
......@@ -102,12 +77,8 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
stage1();
</script>
</body>
......