Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
a3e0d1e3 by Dan Rempel
Options

No CDN js and css. doClose() implemented

1 parent e9d8cde4
Expand all
Inline Side-by-side
Showing 94 changed files with 129 additions and 136 deletions
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -201,8 +202,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -201,8 +202,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -201,8 +202,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -201,8 +202,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -201,8 +202,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -201,8 +202,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -3,8 +3,8 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script type="text/javascript">
/**
......
......@@ -3,8 +3,8 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script type="text/javascript">
/**
......
......@@ -3,8 +3,8 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script type="text/javascript">
/**
......
......@@ -219,7 +219,7 @@
</a>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script src="assets/DrawSVGPlugin.min.js"></script>
<script src="assets/ey-frame-svg-1.0.3.min.js"></script>
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......
......@@ -4,8 +4,8 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script type="text/javascript">
/**
......
......@@ -4,8 +4,8 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script type="text/javascript">
/**
......
......@@ -7,6 +7,11 @@
<script type="text/javascript">
window.onload = function() {
eyeBuild.initialize();
var playButton = document.getElementById("play-pause");
playButton.addEventListener('click', function(e){
eyeBuild.doOpen();
}, false);
};
</script>
......@@ -53,6 +58,22 @@
opacity: 0;
transform-origin: bottom;
}
#click-tag{
position: absolute;
width: 100%;
height: 100%;
display: block;
}
#play-pause {
position: absolute;
top: 320px;
left: 15px;
height: 153px;
width: 271px;
cursor: pointer;
border: none;
background: none;
}
</style>
</head>
......@@ -63,10 +84,11 @@
<img id="txt" src="assets/slice.png">
</a>
<button type="button" id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -7,6 +7,11 @@
<script type="text/javascript">
window.onload = function() {
eyeBuild.initialize();
var playButton = document.getElementById("play-pause");
playButton.addEventListener('click', function(e){
eyeBuild.doOpen();
}, false);
};
</script>
......@@ -53,6 +58,22 @@
opacity: 0;
transform-origin: bottom;
}
#click-tag{
position: absolute;
width: 100%;
height: 100%;
display: block;
}
#play-pause {
position: absolute;
top: 320px;
left: 15px;
height: 153px;
width: 271px;
cursor: pointer;
border: none;
background: none;
}
</style>
</head>
......@@ -63,10 +84,11 @@
<img id="txt" src="assets/slice.png">
</a>
<button type="button" id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -7,6 +7,11 @@
<script type="text/javascript">
window.onload = function() {
eyeBuild.initialize();
var playButton = document.getElementById("play-pause");
playButton.addEventListener('click', function(e){
eyeBuild.doOpen();
}, false);
};
</script>
......@@ -53,6 +58,22 @@
opacity: 0;
transform-origin: bottom;
}
#click-tag{
position: absolute;
width: 100%;
height: 100%;
display: block;
}
#play-pause {
position: absolute;
top: 320px;
left: 15px;
height: 153px;
width: 271px;
cursor: pointer;
border: none;
background: none;
}
</style>
</head>
......@@ -63,10 +84,11 @@
<img id="txt" src="assets/slice.png">
</a>
<button type="button" id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -193,7 +193,7 @@
</a>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script src="assets/DrawSVGPlugin.min.js"></script>
<script src="assets/ey-frame-svg-1.0.3.min.js"></script>
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -183,12 +184,6 @@
</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(){
......@@ -200,9 +195,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
......
......@@ -3,27 +3,10 @@
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -201,12 +184,6 @@
</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(){
......@@ -218,9 +195,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
......
......@@ -3,27 +3,10 @@
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -200,13 +183,6 @@
<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(){
......@@ -218,9 +194,7 @@
}
//---------------------
$(document).ready(function(){
stage1();
});
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -189,10 +190,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- 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(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -190,9 +191,6 @@
</div>
<!-- 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(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -190,9 +191,6 @@
</div>
<!-- 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(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -181,8 +182,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -181,8 +182,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......
......@@ -4,8 +4,9 @@
<meta charset="utf-8">
<title>HTML5 Ad</title>
<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>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
......@@ -181,8 +182,6 @@
<button id="play-pause" class="pause"></button>
</div>
<!-- GREENSOCK-->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
function stage1(){
......