<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
object {display:block; }
@media only screen and (max-height:680px){
#app-export-popup #userdetail{overflow-y:scroll;height:400px}
}
</style>
<title>untitled project</title>
<link href="https://tool.animaker.com/assets/css/bootstrap.css" rel="stylesheet">
<link href="https://speed.animaker.com/assets/css/home-v1.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="https://tool.animaker.com/assets/css/fonts.css">
<link rel="shortcut icon" type="image/png" href="https://tool.animaker.com/assets/images/favicon.png">
<script src="https://tool.animaker.com/assets/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/swfobject.js"></script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/script-pop.js"></script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/jquery.validator.js"></script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/jquery.validation.functions.js"></script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/bootstrap.js"></script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/jquery.tagsinput.js"></script>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,600&display=swap" rel="stylesheet">
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m)
{
i['GoogleAnalyticsObject']=r;
i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})
(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51909243-1', 'auto');
ga('send', 'pageview');
</script>
<script>
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
var isUnload = true;
$(document).ready(function() {
isFlashEnabled();
function isFlashEnabled() {
var versionnew = false;
var hasFlash = false;
var versionobject = get_browser();
if(versionobject.name == "Chrome" && versionobject.version >= 76) {
versionnew = true;
} else {
versionnew = false;
}
// console.log(versionnew);
try {
var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
if(fo) hasFlash = true;
} catch(e) {
console.log(navigator.mimeTypes ["application/x-shockwave-flash"]);
if(navigator.mimeTypes ["application/x-shockwave-flash"] != undefined) hasFlash = true;
}
flashbar(hasFlash, versionnew);
}
function get_browser() {
var ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if(/trident/i.test(M[1])){
tem=/\brv[ :]+(\d+)/g.exec(ua) || [];
return {name:'IE',version:(tem[1]||'')};
}
if(M[1]==='Chrome'){
tem=ua.match(/\bOPR|Edge\/(\d+)/)
if(tem!=null) {return {name:'Opera', version:tem[1]};}
}
M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1]);}
return {
name: M[0],
version: M[1]
};
}
function flashbar(hasFlash, versionnew) {
// console.log(hasFlash);
if(hasFlash == true) {
var embedhtml;
$(".flash_enable_bar").css("display","none");
// $('#mySwf').css("display","block");
} else if(hasFlash == false) {
if(versionnew == true) {
$("#flash_enable_bar_new").css("display","block");
} else {
$("#flash_enable_bar").css("display","block");
}
$('#mySwf').css("display","none");
}
}
$(document).on('click','.upgrade_button',function(e) {
$(".flash_enable_bar .new-modal-body a.upgrade_button").attr('href','https://get.adobe.com/flashplayer/');
var isFirstpjt = "";
$.ajax({
type: "POST",
url: "https://tool.animaker.com/dashboard/intercom_flashenable_event",
data : {'animcsrftokenssj':readCookie('animcsrfssj'),isFirstpjt:isFirstpjt},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
}
});
// e.preventDefault();
});
$("#noflash").hide();
if(swfobject.hasFlashPlayerVersion('11.9.0'))
{
$("#loader1").show();
$('#backgroundPopup1').show();
}
else
{
$("#loader1").hide();
$('#backgroundPopup1').hide();
$("#noflash").show();
}
getprojectdetails();
$('input[type="submit"]').removeAttr('disabled');
// Youtube Export Submit
$("#youtube_form").on("submit", function(e) {
var tagval = $('#tags_1').val();
var taglen = $('#tags_1').val().length;
e.preventDefault();
var error = 0;
if($("#youtube_title").val() == '')
{
$( "#yTitleError" ).html('Please enter the video name');
$("#youtube_title").addClass('ErrorField');
error = 1;
}
if($("#youtube_title").val().length > 60)
{
$( "#yTitleError" ).html('Length should not exceed 60 characters.');
$("#youtube_title").addClass('ErrorField');
error = 1;
}
if($("#youtube_category").val() == 0)
{
$( "#yCatError" ).html('Please select a category');
$("#youtube_category").addClass('ErrorField');
error = 1;
}
if($("#youtube_description").val() == '')
{
$( "#yDesError" ).html('Please enter description');
$("#youtube_description").addClass('ErrorField');
error = 1;
}
if($("#youtube_description").val().length > 750)
{
$( "#yDesError" ).html('Length should not exceed 750 characters');
$("#youtube_description").addClass('ErrorField');
error = 1;
}
if(tagval == "")
{
$('#tags_1_tagsinput').css({"border-color":"red", "box-shadow": "none"});
$('.tagerror').text('Please enter a tag');
error = 1;
}
else if(taglen > 500)
{
$('#tags_1_tagsinput').css({"border-color":"red", "box-shadow": "none"});
$('.tagerror').text('Tags are too long');
error = 1;
}
else
{
$('#tags_1_tagsinput').css({"border-color": "#e4e4e4", "box-shadow": "none"});
$('.tagerror').text('');
}
if($("#tags_1_tag").hasClass("not_valid")){
e.preventDefault();
}
if(error == 1)
{
$('input[type="submit"]').removeAttr('disabled');
}
else if($("#youtube_title").hasClass("ErrorField") || $("#youtube_category").hasClass("ErrorField") || ($("#youtube_description").hasClass("ErrorField")))
{
$('input[type="submit"]').removeAttr('disabled');
}
else
{
e.preventDefault();
$('input[type="submit"]').attr('disabled','disabled');
var projid= $("input[name=projectId]").val();
var youtube_title = $("#youtube_title").val();
var channellist = $("#channellist").val();
var youtube_category = $("#youtube_category").val();
var youtubeprivacy = $("#youtubeprivacy").val();
var youtube_description = $("#youtube_description").val();
var tags_1 = $("#tags_1").val();
var quality = $("input[name=ytubequality]:checked").val();
var flag = $("input[name=flag]").val();
var url ="https://tool.animaker.com/services/exportyoutube";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),projectId:projid,youtube_title:youtube_title,channellist:channellist,youtube_category:youtube_category,youtubeprivacy:youtubeprivacy,youtube_description:youtube_description,tags_1:tags_1,quality:quality,flag:flag},
success: function(message){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
if(message == "success")
{
$('#issaved').html('');
$('#savedproject').delay("fast").css({'display':'block'});
}
else if(message == "failed")
{
$('#issaved').html('<div id="share_content"><span style="float: left; margin-top: 4%; font-family: roboto-regular; width: 96%;">Unable to export the project</span></div>');
$('#savedproject').delay("fast").css({'display':'block'});
}
else if(message == "explimit")
{
$('#issaved').html('<div id="share_content"><span style="float: left; margin-top: 4%; font-family: roboto-regular; width: 96%;">You have reached your export limit</span></div>');
$('#savedproject').delay("fast").css({'display':'none'});
}
else
{
$('#savedproject').delay("fast").css({'display':'none'});
$('#issaved').delay("fast").html(message);
}
url ="https://tool.animaker.com/dashboard/getExportStatus";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),pid:projid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
$("#exportstatus").html(result);
}
});
$("#youtube_title").val('');
$("#youtube_description").val('');
$("#tags_1").val('');
$('input[type="submit"]').removeAttr('disabled');
$("#myTab li:eq(1) a").tab('show');
}
});
}
});
// Download Submit
$("#download_form").on("submit", function(e) {
e.preventDefault();
var error = 0;
if($("#FileName").val() == '')
{
$("#FileName").addClass('ErrorField');
error = 1;
}
else if($("#FileName").val().length > 60)
{
$("#FileName").addClass('ErrorField');
error = 1;
}
if(error == 1)
{
$('input[type="submit"]').removeAttr('disabled');
}
else if($("#FileName").hasClass("ErrorField"))
{
$('input[type="submit"]').removeAttr('disabled');
}
else
{
e.preventDefault();
$('input[type="submit"]').attr('disabled','disabled');
var projid= $("input[name=projectId]").val();
var filename = $("input[name=FileName]").val();
var quality = $("input[name=downloadquality]:checked").val();
var flag = $("input[name=flag]").val();
var url ="https://tool.animaker.com/services/sqsSendmsgWeb";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),projectId:projid,FileName:filename,quality:quality,flag:flag},
success: function(message){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
if(message == "success")
{
$('#issaved').html('');
$('#savedproject').delay("fast").css({'display':'block'});
}
else if(message == "failed")
{
$('#issaved').html('<div id="share_content"><span style="float: left; margin-top: 4%; font-family: roboto-regular; width: 96%;">Unable to export the project</span></div>');
$('#savedproject').delay("fast").css({'display':'block'});
}
else if(message == "explimit")
{
$('#issaved').html('<div id="share_content"><span style="float: left; margin-top: 4%; font-family: roboto-regular; width: 96%;">You have reached your export limit</span></div>');
$('#savedproject').delay("fast").css({'display':'none'});
}
else
{
$('#savedproject').delay("fast").css({'display':'none'});
$('#issaved').delay("fast").html(message);
}
url ="https://tool.animaker.com/dashboard/getExportStatus";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),pid:projid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
$("#exportstatus").html(result);
}
});
$("input[name=FileName]").val('');
$('input[type="submit"]').removeAttr('disabled');
$("#myTab li:eq(1) a").tab('show');
}
});
}
});
// Validation
$(function(){
/*** Download ***/
$("#FileName").validate({
expression: "if (VAL) return true; else return false;",
message: "Please enter the video name"
});
$("#FileName").validate({
expression: "if (VAL.length<=60) return true; else return false;",
message: "Length should not exceed 60 characters."
});
$( "#FileName" ).on( "keypress", function( event ) {
$(".ValidationErrors").remove();
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$( "#FileName" ).after('<span class="ValidationErrors">Brackets aren't allowed in your title.</span>');
}
if($('#FileName').val().length == 0 && event.which=='32'){
$( "#FileName" ).val('');
event.preventDefault();
$( "#FileName" ).after( '<span class="ValidationErrors">Space not allowed at first.</span>');
$("#FileName").addClass('ErrorField');
}
});
/*** Youtube ***/
$("#youtube_title").validate({
expression: "if (VAL) return true; else return false;",
message: "Please enter the title"
});
$("#youtube_title").validate({
expression: "if (VAL.length<=60) return true; else return false;",
message: "Length should not exceed 60 characters."
});
$( "#youtube_title" ).on( "keypress", function( event ) {
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$( "#youtube_title" ).after( '<span class="ValidationErrors">Brackets aren't allowed in your title.</span>');
}
if($('#youtube_title').val().length == 0 && event.which=='32'){
$( "#youtube_title" ).val('');
event.preventDefault();
$( "#youtube_title" ).after( '<span class="ValidationErrors">Space not allowed at first.</span>');
$("#youtube_title").addClass('ErrorField');
}
});
$("#youtube_category").validate({
expression: "if (VAL != '0') return true; else return false;",
message: "Please select a category"
});
$("#youtube_description").validate({
expression: "if (VAL.length!=0) return true; else return false;",
message: "Please enter description"
});
$("#youtube_description").validate({
expression: "if (VAL.length<751) return true; else return false;",
message: "Your description is too long."
});
$( "#youtube_description" ).on( "keypress", function( event ) {
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$( "#youtube_description" ).after( '<span class="ValidationErrors">Brackets aren't allowed in your title.</span>');
}
if($('#youtube_description').val().length == 0 && event.which=='32'){
$( "#youtube_description" ).val('');
event.preventDefault();
$( "#youtube_description" ).after( '<span class="ValidationErrors">Space not allowed at first.</span>');
$("#youtube_description").addClass('ErrorField');
}
});
$("#tags_1_tagsinput").on( "keypress", function( event ) {
$(".ValidationErrors").remove();
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$('#tags_1_tagsinput').css("border-color","red"); ;
$('.tagerror').text('Brackets aren't allowed in your tag');
$("#tags_1_tagsinput").addClass('ErrorField');
}
});
$("#tags_1_tag").focus(function() {
$('#tags_1_tagsinput').css({"border-color": "#66afe9", "outline": "0", "-webkit-box-shadow": "inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)", "box-shadow": "inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)"});
$('.tagerror').text('');
});
$("#tags_1_tag").blur(function() {
$('#tags_1_tagsinput').css({"border-color": "#e4e4e4", "box-shadow": "none"});
var tagval = $('#tags_1').val();
var taglen = $('#tags_1').val().length;
if($(".tag").text()== "")
{
$('#tags_1_tagsinput').css({"border-color":"red", "box-shadow": "none"});
$('.tagerror').text('Please enter a tag');
}
else if(taglen > 500)
{
$('#tags_1_tagsinput').css({"border-color":"red", "box-shadow": "none"});
$('.tagerror').text('Tags are too long');
}
else
{
$('#tags_1_tagsinput').css({"border-color": "#e4e4e4", "box-shadow": "none"});
$('.tagerror').text('');
}
});
});
$('.popupu').click(function (event) {
event.preventDefault();
window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
});
$("input[name='videoexport']").click(function(){
var opt=$(this).val();
switch(opt){
case 'download':
$('#youtube_channels,#btn-next,#yotube_next,#youtube-details,#video-quality1,#page_next,.channelExist').hide();
$('#download-file,#video-quality,#upgrade').show();
$('#savedproject').removeClass('ytubescroll');
break;
case 'youtube':
$('#download-file,#upgrade,#youtube-details,#page_next,.channelExist').hide();
$('#savedproject').removeClass('ytubescroll');
var chanval= $("#isChannelAdded").val();
if(chanval>0){
$('#youtube_channels,#video-quality1,#btn-next').show();
}else{
$('#youtube_channels').show();
}
break;
}
});
$("#publishtab,#exportvideotab").on("click",function(){
$('.channelExist').hide();
});
$("input[name='publishradio']").click(function(){
var opt=$(this).val();
switch(opt){
case 'ytpublish':
$("#ytubelist").show();
break;
}
});
$("#youtube_next").click(function(){
$('#youtube_channels,#btn-next,#video-quality,#video-quality,#video-quality1,#page_next').hide();
$('#upgrade,#youtube-details').show();
$('#savedproject').addClass('ytubescroll');
});
$(".overlay-pro").hover(function(){
$(this).css("opacity","1");
},function(){
$(this).css("opacity","0");
});
// Page Reload
setTimeout(timeOutFun,120000);
}); // document ready ends
window.onload=function(){
var obj = document.getElementById("mySwf");
};
$(window).on('beforeunload', function(){
if(isUnload)
{
return 'Do you wish to close Animaker?';
}
});
function refreshbuttonClick(){
isUnload = false;
document.getElementById('mySwf').parentNode.removeChild(document.getElementById('mySwf'));
$.ajax({
url: "https://tool.animaker.com/dashboard/triggeredRefresh",
type: "POST",
data: {'animcsrftokenssj':readCookie('animcsrfssj'),projectid:'OOuUr2rPmOuJ',versionid:'OYsM3gGI7JLTqaeTO5QCk2lDHN1NDi9t'},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
var url = '';
//alert(url);
window.location = url;//$_SERVER['REQUEST_URI'];
}
});
}
function timeOutFun() {
//alert('time out');
//$("#loader1").hide();
$("#refreshbutton").show();
//$("#myswf").remove();
}
window.onresize=function(){
var new_width,new_height;
var rw = getScrollBarWidth();
winW = window.innerWidth ||document.documentElement.clientWidth ||document.body.clientWidth;
winH = window.innerHeight ||document.documentElement.clientHeight ||document.body.clientHeight;
if(winH<649){
document.getElementById('animrmate').height = winH-5;
document.getElementById('animrmate').width = winW-rw;
new_width=winW-rw;
new_height=winH-5;
}else{
document.getElementById('animrmate').height = winH-5;
document.getElementById('animrmate').width = winW;
new_width=winW;
new_height=winH-5;
}
var flashMovie=getFlashMovieObject("mySwf");
flashMovie.ResizeApplication(new_width,new_height);
var minwidth = 1220;
var minheight = 645;
var width;
var height;
if(new_width < minwidth && new_height < minheight)
{
width = minwidth;
height = minheight;
document.getElementById('animrmate').style["overflow-x"] = "scroll";
}
else if(new_width < minwidth || new_height < minheight)
{
if(new_width < minwidth)
{
width = minwidth;
height = new_height;
document.getElementById('animrmate').style["overflow-x"] = "scroll";
}
else if(new_height < minheight)
{
width = new_width;
height = minheight;
}
}
else
{
width = new_width;
height = new_height;
document.getElementById('animrmate').style["overflow"] = "hidden";
}
document.getElementById('mySwf').height = height;
document.getElementById('mySwf').width = width;
document.getElementById('animrmate').height = document.getElementById('mySwf').height;
document.getElementById('animrmate').width = document.getElementById('mySwf').width;
};
function appResize(){
var flashMovie=getFlashMovieObject("mySwf");
flashMovie.ResizeApplication(window.innerWidth,window.innerHeight);
document.getElementById('mySwf').height = window.innerHeight;
document.getElementById('mySwf').width = window.innerWidth;
document.getElementById('animrmate').height = document.getElementById('mySwf').height;
document.getElementById('animrmate').width = document.getElementById('mySwf').width;
}
function getFlashMovieObject(movieName){
if (window.document[movieName]){
return window.document[movieName];
}
else{
return document.getElementById(movieName);
}
}
function Resizeswf(width,height)
{
document.getElementById('mySwf').height = height;
document.getElementById('mySwf').width = width;
}
function hide_loader()
{
clearTimeout(timeOutFun);
document.getElementById('loader1').style.display = "none";
document.getElementById('refreshbutton').style.display = "none";
document.getElementById('backgroundPopup1').style.display = "none";
var isFirst = "";
if(isFirst == "1")
{
var url ="https://tool.animaker.com/dashboard/intercom_created_anim_event";
var projectid = "OOuUr2rPmOuJ";
var email = "1antoinejes@hdsb.ca";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),pid:projectid,email:email},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
}
});
}
}
function load_error()
{
alert('Unable to load project');
var url='https://tool.animaker.com/';
window.location=url+'dashboard/';
}
function getScrollBarWidth () {
var inner = document.createElement('p');
inner.style.width = "100%";
inner.style.height = "200px";
var outer = document.createElement('div');
outer.style.position = "absolute";
outer.style.top = "0px";
outer.style.left = "0px";
outer.style.visibility = "hidden";
outer.style.width = "200px";
outer.style.height = "150px";
outer.style.overflow = "hidden";
outer.appendChild (inner);
document.body.appendChild (outer);
var w1 = inner.offsetWidth;
outer.style.overflow = 'scroll';
var w2 = inner.offsetWidth;
if (w1 == w2) w2 = outer.clientWidth;
document.body.removeChild (outer);
return (w1 - w2);
}
var propVisibilty = getHiddenProp();
if (propVisibilty) {
var eventName = propVisibilty.replace(/[H|h]idden/,'') + 'visibilitychange';
document.addEventListener(eventName, visbilityChange);
}
function visbilityChange() {
var obj=getFlashMovieObject("mySwf");
if(obj)
{
if (isHidden())
{
console.log("onAppFocusOut!");
//obj.onStageInActive();
}
else
{
console.log("onAppFocusIn!");
//obj.onStageActive();
obj.focus();
}
}
}
window.onblur = function() {
var obj=getFlashMovieObject("mySwf");
if(obj) {
obj.onAppFocusOut();
}
}
window.onfocus = function(){
var obj=getFlashMovieObject("mySwf");
if(obj) {
obj.onAppFocusIn();
}
}
function getHiddenProp(){
var prefixes = ['webkit','moz','ms','o'];
if ('hidden' in document) return 'hidden';
for (var i = 0; i < prefixes.length; i++){
if ((prefixes[i] + 'Hidden') in document)
return prefixes[i] + 'Hidden';
}
return null;
}
function isHidden() {
var prop = getHiddenProp();
if (!prop) return false;
return document[prop];
}
function tour_active(){
var tourstatus;
if($('#tour_active').is(':checked'))
{
tourstatus=1;
}
else
{
tourstatus=0;
}
url ="https://tool.animaker.com/dashboard/changeTourStatus";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),tourstatus: tourstatus,projectid:'OOuUr2rPmOuJ'},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
$tourStatus=result;
}
});
}
function changeimg(template_id,type){
var url = "https://tool.animaker.com/defaulttemplate/changeTemplateImage";
var templateid=template_id.id;
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),themeid:templateid,type:type},
success: function(message){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
$('#'+templateid).attr('src',message);
}
});
}
/* get default template list fetch from template table code starts here */
function getprojectdetails(){
var url ="https://tool.animaker.com/defaulttemplate/";
$.getJSON( url, function( data ) {
var items = [];
var gif="gif";
var org="org";
$.each( data, function( key, val ) { /* make design alignment to show video template */
items.push( "<div class='template-outer'><img class='templateimg"+val['template_id']+"' src='"+val['template_imagepath']+"' id='"+val['template_id']+"' onmouseover='changeimg(this,\""+gif+"\")' onmouseout='changeimg(this,\""+org+"\")' onclick='createproject("+val['template_id']+","+val['duration']+")' style='cursor:pointer;background-size: 240px 136px;'></a><div class='template-text'><span>" + val['template_name'] + "</span></div></div>" );
});
$( "<div/>", {
"class": "popup-outer",
html: items.join("")
}).appendTo( ".template-body");/* append the template list to popup container */
});
}
/* get default template list fetch from template table code ends here */
/* create default template project when user click on template image starts here */
function createproject(themecat,themeduration){
var checkproject = "https://tool.animaker.com/dashboard/checkplandetail";
var proName='untitled project';
var themeid=themecat;
$.ajax({
type: "POST",
url: checkproject,
data: {'animcsrftokenssj':readCookie('animcsrfssj')},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
if(parseInt(result)== 1){
var url = "https://tool.animaker.com/dashboard/homecreateProject";
var proName='untitled project';
var themeid=themecat;
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),projectname:proName,themeid:themeid,duration:themeduration},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
window.location.href = result;
}
});
}
else
{
window.location.href= "https://tool.animaker.com/message";
}
}
});
}
/* create default template project when user click on template image ends here */
function showExportPopup(projid,user_email,uid){
$("#export-popup").trigger("click");
}
function youtubechannels(uid)
{
var url ="https://tool.animaker.com/dashboard/youtubechannels";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),uid:uid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
var obj = $.parseJSON(result);
$("#allchannellist").html(obj['listdata']);
$("#youtube_channels").html(obj['ytdropdowndata']);
$("#current_channalcount").val(obj['ytchannelcount']);
$('#youtube').trigger('click');
if(obj['ytchannelcount'] == 0){
$("#video-quality1,#btn-next").hide();
}else{
$("#video-quality1,#btn-next").show();
}
}
});
}
function deleteyoutube(uid,channelid)
{
var msg = confirm("Are you sure. You want to remove this channel? ");
if(msg == true)
{
var url ="https://tool.animaker.com/dashboard/delete_youtube";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),channelid:channelid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
youtubechannels(uid);
}
});
}
}
</script>
<script>
function onAddTag(tag) {
alert("Added a tag: " + tag);
}
function onRemoveTag(tag) {
alert("Removed a tag: " + tag);
}
function onChangeTag(input,tag) {
alert("Changed a tag: " + tag);
}
$(function() {
$('#tags_1').tagsInput({width:'auto'});
});
</script>
<script>
var OAUTHURL = 'https://accounts.google.com/o/oauth2/auth?';
var VALIDURL = 'https://www.googleapis.com/oauth2/v1/tokeninfo?access_token=';
var SCOPE = 'https://www.googleapis.com/auth/userinfo.email+https://www.googleapis.com/auth/userinfo.profile+https://www.googleapis.com/auth/youtube';
var CLIENTID = '503029046724-tn4b6jf2s2mr0ffrrd2np9agn3ku9u30.apps.googleusercontent.com';//
var REDIRECT = 'https://tool.animaker.com/dashboard/getChannel';
var CHANNELEXIST= 'https://tool.animaker.com/dashboard/channelNotExist';
var USERDENIED = 'https://tool.animaker.com/dashboard/userdenied';
var TYPE = 'code';
var _url = OAUTHURL + 'scope=' + SCOPE + '&client_id=' + CLIENTID + '&redirect_uri=' + REDIRECT + '&response_type=' + TYPE + '&access_type=offline&approval_prompt=force' ;
var acToken;
var tokenType;
var expiresIn;
var user;
function login(uid, channel_limit) {
$(".channelExist").hide();
channel_limit = parseInt(channel_limit);
var channel_count = parseInt($('#current_channalcount').val());
console.log(channel_count);
if(channel_count < channel_limit)
{
var win = window.open(_url, "Youtube", 'width=500, height=600');
var pollTimer = window.setInterval(function() {
try
{
if (win.document.URL.indexOf(REDIRECT) != -1)
{
if (win.closed)
{
window.clearInterval(pollTimer);
var popup_plan=$("#popup_plan").val();
youtubechannels(uid);
return;
}
win.close();
}
if(win.document.URL.indexOf(CHANNELEXIST) != -1){
if (win.closed)
{
window.clearInterval(pollTimer);
$(".channelExist").show();
return;
}
win.close();
}
if(win.document.URL.indexOf(USERDENIED) != -1){
if (win.closed)
{
window.clearInterval(pollTimer);
return;
}
win.close();
}
}
catch(e)
{
}
}, 10);
}
else{
alert('You have reached maximum limit');
}
}
function exportpopup(uid, uplan ,pid, youtube, exportlimit)
{
$('input[type="submit"]').removeAttr('disabled');
$("input[name=FileName],#youtube_title,#youtube_description,#tags_1").val('');
$("input[name=FileName],#youtube_title,#youtube_description").removeClass('ErrorField');
$(".channelExist").hide();
$("#tags_1_tagsinput").css({"border": "2px solid #e4e4e4","box-shadow": "none"});
$(".ValidationErrors,.tagerror").html('');
$('input[type="submit"]').removeAttr('disabled');
$('#myTab a').first().tab('show');
var url ="https://tool.animaker.com/dashboard/export";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),uid:uid,uplan:uplan,pid:pid,exp_limit:exportlimit},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
var obj = $.parseJSON(result);
if(obj['exportdetailsmsg']!=0)
{
$("#exportlimit").html(obj['exportdetailsmsg']);
}
else
{
$("#exportlimit").css('display','none');
}
$("#getversion").html(obj['versiondata']);
$("#getvprofile").html(obj['vprofiledata']);
$("#getvprofile1").html(obj['vprofiledata']);
$("#getvprofile2").html(obj['vprofiledata']);
//getURL
if(obj['geturlstatus'] == "saved")
{
$('#issaved').html('');
$('#savedproject').delay("fast").css({'display':'block'});
}
else
{
$('#savedproject').css({'display':'none'});
$('#issaved').delay("fast").html(obj['geturlstatus']);
}
//getyoutube
$("#youtube_channels").html(obj['ytdropdowndata']);
$("#allchannellist").html(obj['listdata']);
if(youtube == 0)
{
$('#download').trigger('click');
}
else
{
$('#youtube').trigger('click');
if(obj['ytchannelcount'] == 0)
{
$("#video-quality1,#btn-next").hide();
}
else
{
$("#video-quality1,#btn-next").show();
}
}
//getexportstatus
$("#exportstatus").html(obj['exportdata']);
//youtubelist
$("#youtube_channellist").html(obj['ytlist']);
}
});
}
function white_space(field)
{
field.value = field.value.
replace(/^(\s*)/i, ""). // removes leading and trailing spaces
replace(/[ ]{2,}/gi, " "). // replaces multiple spaces with one space
replace(/\n +/, "\n"); // Removes spaces after newlines
return;
}
function player_prepopExport(){
$('.closebtn').trigger('click');
$("#export-popup").delay(15).trigger("click");
}
</script>
<style>
.ValidationErrors{line-height:22px !important;}
.platform{background-color: #d9dde8; position: absolute;width: 100%; height: 100%; top: 0px; bottom: 0px; right: 0px; left: 0px; min-width: 720px; z-index: -1}
.platform .overlay{width: 100%; height: 100%; position: absolute; z-index: 99999; opacity:1 !important; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5);}
.platform .top{height:40px; width: 100%; background-color: #6d6c8c; z-index: 999; position: absolute;}
.platform .top .top-left{height:40px; width: 185px; background-color: rgba(255,255,255,0.5); position: absolute; background-image: url('https://speed.animaker.com/images/video/top-left-header.png'); z-index: 998; background-repeat: no-repeat;}
.platform .top .top-right{height:40px; width: 30%; float: right; z-index: 998; background-image: url('https://speed.animaker.com/images/video/top-right.png'); background-repeat: no-repeat;background-position: 0% 0%}
.platform .left{height:100%; width: 210px; top: 0px; position: absolute; z-index: 997}
.platform .right{background-image: url('https://speed.animaker.com/images/video/right.png');height:100%; width: 96px; top: 0px; right: 0px; position: absolute; z-index: 997 ; }
.platform .bottom{height: 104px; width: 100%; position: absolute; bottom: 0px; left: 0px; background-image: url('https://speed.animaker.com/images/video/time_line.png'); z-index: 998;}
.tour-popup-header{border-bottom:medium none;padding:15px 15px 0;}
.tour-pop-tab{position:relative;width:100%;overflow:hidden;margin:1em 0 2em;font-weight:300;background-color:#efefef;}
.tour-pop-tab nav ul{padding:0;margin:0;list-style:none;display:inline-block;}
.tour-pop-tab nav ul li{border:1px solid #becbd2;border-bottom:none;margin:0 0.25em;display:block;float:left;position:relative;border-radius:4px 4px 0 0;}
.tour-pop-tab nav li.active{border:1px solid #ffb000;border-bottom:none;z-index:100;border-radius:4px 4px 0 0;}
.tour-pop-tab nav li.active:before,.tour-pop-tab nav li.active:after{content:'';position:absolute;height:1px;right:100%;bottom:0;width:1000px;background:#ffb000;}
.tour-pop-tab nav li.active:after{right:auto;left:100%;width:4000px;}
.tour-pop-tab nav a:hover{color:#ffffff;}
.tour-pop-tab nav li.active a{color:#373e3f;background-color:#ffffff;border-radius:4px 4px 0 0;}
.tour-pop-tab nav a:before{display:inline-block;vertical-align:middle;text-transform:none;font-weight:normal;line-height:1;margin:-0.25em 0.4em 0 0;}
.tour-pop-tab .modal-title{color:#fff;font-family:roboto-regular;}
.tour-pop-tab nav a{color:#ffffff;display:block;font-size:1.45em;line-height:2.55;padding:0.5em 1.5em 0.5em 1.5em;white-space:nowrap;background-color:#79a8ee;z-index:9999;}
.tour-pop-tab nav li.active a h4{color:#000;}
#tour_popup1 .fade.in{display:block;}
#tour_popup1 .fade{display:none;}
.mobile-device#popup_content{margin:-1px 0px;/* background-color: azure; */height: 100%;width: 100%;overflow: hidden;background-image: url(https://speed.animaker.com/asset/images/mobile-player-edit.png);background-position: center;background-repeat: no-repeat;}
.mobile-device embed{background: #ccc;left: 1px;right: 0;top: -32px;bottom: 0;margin: auto;position: absolute;}
.flash_enable_bar {
overflow: hidden;
width: 650px;
position: fixed;
top: 0;
height: 600px;
bottom: 0;
left: 0;
z-index: 99999;
right: 0;
margin: auto;
perspective: 800px;
background-color: #fff;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1), 0 0 6px 0 rgba(0,0,0,.1), 0 2px 2px -2px rgba(0,0,0,.15);
border-radius: 5px;
}
.flash_enable_bar .new-modal-body {
border-bottom: 0px solid #e6e6e6;
width: 100%;
height: 100%;
/* background-color: #7750ac; */
/* color: #fff; */
font-size: 14px;
font-family: 'Poppins', sans-serif;
text-align: center;
padding: 30px 50px 50px 50px;
line-height: 1.4;
text-align: center;
user-select:none;
}
.greet-text{
font-size: 46px;
margin: 12px 0;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin-top:31px !important;
color: #333;
}
.flash_text{
color: #525659;
font-size: 24px;
font-weight: 300;
margin-top: 26px;
margin-bottom: 40px;
font-family: 'Poppins', sans-serif;
}
.upgrade_button p{
background-color: #f5811a;
color: #fff;
line-height: 20px;
font-weight: bold;
padding: 25px 50px;
border-radius: 4px;
display: inline-block;
font-size: 22px;
font-family: 'Poppins', sans-serif;
}
.steps_to_enable{
margin: 35px 0px 40px 0px;
color: #555;
font-size: 20px;
font-family: 'Poppins', sans-serif;
}
.steps_to_enable p{
margin-bottom: 12px;
}
.bottom_text{
font-size: 17px;
font-family: 'Poppins', sans-serif;
}
.flash_enable_bar_chrome76 {
overflow: hidden;
width: 850px;
position: fixed;
top: 0;
height: 740px;
bottom: 0;
left: 0;
z-index: 99999;
border-radius: 5px;
right: 0;
margin: auto;
perspective: 800px;
background-color: #fff;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1), 0 0 6px 0 rgba(0,0,0,.1), 0 2px 2px -2px rgba(0,0,0,.15);
}
.flash_enable_bar_chrome76 .new-modal-body {
border-bottom: 0px solid #e6e6e6;
width: 100%;
height: 100%;
font-size: 14px;
font-family: 'Poppins', sans-serif;
text-align: center;
padding: 20px;
line-height: 1.4;
text-align: center;
user-select:none;
}
.flash_enable_bar_chrome76 .greet-text{
font-size: 40px;
margin: 26px 0;
margin-top: -1px !important;
color: #333;
font-family: 'Poppins', sans-serif;
font-weight:600;
/* font-family: "Montserrat", sans-sans-serif; */
}
.flash_enable_bar_chrome76 .flash_text{
color: #777;
font-size: 15px;
line-height: 1.7;
font-family: 'Poppins', sans-serif;
/* font-family: "Montserrat", sans-sans-serif; */
margin-bottom: 35px;
font-weight:300;
}
.flash_enable_bar_chrome76 .steps_to_enable{
margin: 35px 0px 10px 0px;
/* color: #333; */
font-size: 16px;
font-family: 'Poppins', sans-serif;
/* font-family: "Montserrat", sans-serif; */
}
.flash_enable_bar_chrome76 .bottom_text{
font-size: 15px;
color: #999;
font-family: 'Poppins', sans-serif;
/* font-family: "Montserrat", sans-serif; */
}
.flash_enable_bar_chrome76 .steps_to_enable p{
margin-bottom:12px;
font-family: 'Poppins', sans-serif;
line-height:1.7;
}
#animrmate{margin: auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;}
</style>
<style type="text/css">
button.btn[data-v-cef78672]{display:inline-block;font-weight:300;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;cursor:pointer;letter-spacing:1px;transition:all .15s ease
}
button.btn.btn-sm[data-v-cef78672]{padding:.4rem .8rem;font-size:.8rem;border-radius:.2rem
}
button.btn.btn-primary[data-v-cef78672]{color:#fff;background-color:#45C8F1;border-color:#45C8F1
}
button.btn.btn-outline-primary[data-v-cef78672]{color:#45C8F1;background-color:transparent;border-color:#45C8F1
}
button.btn.btn-danger[data-v-cef78672]{color:#fff;background-color:#FF4949;border-color:#FF4949
}
.text-muted[data-v-cef78672]{color:#8492A6
}
.text-center[data-v-cef78672]{text-align:center
}
.drop-down-enter[data-v-cef78672],.drop-down-leave-to[data-v-cef78672]{transform:translateX(0) translateY(-20px);transition-timing-function:cubic-bezier(0.74, 0.04, 0.26, 1.05);opacity:0
}
.drop-down-enter-active[data-v-cef78672],.drop-down-leave-active[data-v-cef78672]{transition:all .15s
}
.move-left-enter[data-v-cef78672],.move-left-leave-to[data-v-cef78672]{transform:translateY(0) translateX(-80px);transition-timing-function:cubic-bezier(0.74, 0.04, 0.26, 1.05);opacity:0
}
.move-left-enter-active[data-v-cef78672],.move-left-leave-active[data-v-cef78672]{transition:all .15s
}
.shake[data-v-cef78672]{animation:shake-data-v-cef78672 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0)
}
@keyframes shake-data-v-cef78672{
10%,90%{transform:translate3d(-1px, 0, 0)
}
20%,80%{transform:translate3d(2px, 0, 0)
}
30%,50%,70%{transform:translate3d(-4px, 0, 0)
}
40%,60%{transform:translate3d(4px, 0, 0)
}
}
.pulse[data-v-cef78672]{animation:pulse-data-v-cef78672 2s ease infinite
}
@keyframes pulse-data-v-cef78672{
0%{opacity:.7
}
50%{opacity:.4
}
100%{opacity:.7
}
}
.flash-once[data-v-cef78672]{animation:flash-once 3.5s ease 1
}
@keyframes fade-up-data-v-cef78672{
0%{transform:translate3d(0, 10px, 0);opacity:0
}
100%{transform:translate3d(0, 0, 0);opacity:1
}
}
.fade-in[data-v-cef78672]{animation:fade-in-data-v-cef78672 .3s ease-in-out
}
@keyframes fade-in-data-v-cef78672{
0%{opacity:0
}
100%{opacity:1
}
}
.spin[data-v-cef78672]{animation-name:spin-data-v-cef78672;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:linear
}
@keyframes spin-data-v-cef78672{
from{transform:rotate(0deg)
}
to{transform:rotate(360deg)
}
}
.bounceIn[data-v-cef78672]{animation-name:bounceIn-data-v-cef78672;transform-origin:center bottom;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1
}
@keyframes bounceIn-data-v-cef78672{
0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0%{opacity:1;-webkit-transform:scale3d(0.8, 0.8, 0.8);transform:scale3d(0.8, 0.8, 0.8)
}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)
}
40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)
}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)
}
80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)
}
100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)
}
}
@keyframes dots-data-v-cef78672{
0%,20%{color:rgba(0,0,0,0);text-shadow:0.25em 0 0 rgba(0,0,0,0),0.5em 0 0 rgba(0,0,0,0)
}
40%{color:#8492A6;text-shadow:0.25em 0 0 rgba(0,0,0,0),0.5em 0 0 rgba(0,0,0,0)
}
60%{text-shadow:0.25em 0 0 #8492A6,0.5em 0 0 rgba(0,0,0,0)
}
80%,100%{text-shadow:.25em 0 0 #8492A6, .5em 0 0 #8492A6
}
}
@keyframes recording-data-v-cef78672{
0%{box-shadow:0px 0px 5px 0px rgba(173,0,0,0.3)
}
65%{box-shadow:0px 0px 5px 5px rgba(173,0,0,0.3)
}
90%{box-shadow:0px 0px 5px 5px rgba(173,0,0,0)
}
}
html[data-v-cef78672]{max-height:500px
}
body[data-v-cef78672]{margin:0;font-size:100%;color:#3C4858;width:350px;max-height:500px
}
a[data-v-cef78672]{text-decoration:none;color:#45C8F1
}
h1[data-v-cef78672],h2[data-v-cef78672],h3[data-v-cef78672],h4[data-v-cef78672]{margin-top:0
}
.container_selected_area[data-v-cef78672]{padding:0px;position:fixed;z-index:1000000;top:0px;left:0px;right:0px;bottom:0px;display:none;visibility:hidden
}
.container_selected_area.active[data-v-cef78672]{visibility:visible;display:block
}
.container_selected_area .label[data-v-cef78672]{font-family:"Didact Gothic Regular",sans-serif;font-size:22px;text-align:center;padding-top:15px
}
.container_selected_area .area[data-v-cef78672]{border:1px solid #1e83ff;background:rgba(30,131,255,0.1);display:none;position:fixed;z-index:1000000;box-sizing:border-box
}
.container_selected_area .area.active[data-v-cef78672]{display:block;top:0px;left:0px
}
.hide[data-v-cef78672]{display:none
}
</style></head>
<body style="background-image: linear-gradient(to right, rgb(71, 118, 230), rgb(142, 84, 233)); margin: 0px; line-height: 0; display: inline-block;" class="modal-open"><div class="anim-new-modal flash_enable_bar" id="flash_enable_bar" style="display: none;">
<div class="new-modal-body">
<div class="" style="text-align: center;padding: 0px 20px;">
<img style="width:72px;" src="https://www.animaker.com/static/assets/images/information.png">
<h3 class="greet-text">Hey there,</h3>
<p class="flash_text">You'll need flash to run Animaker</p>
<a class="upgrade_button" target="_blank"><p>Enable Flash</p></a>
<div class="steps_to_enable">
<p>1. Click the <span style="font-weight:600;">"Enable Flash"</span> button above.</p>
<p>2. Click <span style="font-weight:600;">"Allow"</span> when the popup appears.</p>
</div>
</div>
<p class="bottom_text">Once enabled, you can start using Animaker.</p>
</div>
</div>
<div class="anim-new-modal flash_enable_bar flash_enable_bar_chrome76" id="flash_enable_bar_new" style="display: none;">
<div class="new-modal-body">
<div class="" style="text-align: center;padding: 5px 20px 9px 20px;">
<h3 class="greet-text">Hey there,</h3>
<p class="flash_text">You're using a new version of chrome that blocks flash by default. Flash is required to run Animaker. Please follow the below steps to enable flash within seconds.</p>
<img src="https://www.animaker.com/static/assets/images/chrome_76_flash_enable.gif" style="width: 600px;height: 231px; border-radius: 4px;box-shadow: 0 1px 4px 0 rgba(0,0,0,.1), 0 0 6px 0 rgba(0,0,0,.1), 0 2px 2px -2px rgba(0,0,0,.15);">
<div class="steps_to_enable">
<p>1. Click the <span style="font-weight:bold;color:#333;"> Lock Icon </span>(<img src="https://www.animaker.com/static/assets/images/padlock_new.png" style="width:18px;">) beside the domain URL and click on <span style="font-weight:bold;color:#333;">"Site Settings"</span> (<img src="https://www.animaker.com/static/assets/images/gear_icon.png" style="width:18px;">).</p>
<p>2. From the Site Settings page, click the <span style="font-weight:bold;color:#333;">"Flash"</span> drop down menu and select <span style="font-weight:bold; color:#333;">"Allow"</span>.</p>
<p style="margin-bottom:10px;">3. When you return to our site, Chrome will prompt you to reload the site - click <span style="font-weight:bold; color:#333;">"Reload"</span>. </p>
</div>
</div>
<p class="bottom_text">Once enabled, you can start using Animaker.</p>
</div>
</div>
<div id="animrmate" width="100%" height="100%" style="overflow: scroll hidden;">
<object id="mySwf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="645" width="1220">
<param name="movie" value="https://speed.animaker.com/appswf/assets/ANIM_TOOL_13.swf">
<param name="flashVars" value="userid=1antoinejes@hdsb.ca&sessionid=e59bf048426b5b2868b187210ee4febc&projectid=OOuUr2rPmOuJ&projectname=untitled project&projectconfig=https%3A%2F%2Ftool.animaker.com%2Fservices%2FprojectConfig%2FOOuUr2rPmOuJ&tour_active=0&user_uniqueid=5183868&isVideoOutro=1&isWatermark=1">
<param name="quality" value="high">
<param name="allowScriptAccess" value="always">
<param value="window" name="wmode">
<param value="false" name="loop">
<embed name="mySwf" wmode="window" loop="false" play="false" src="https://speed.animaker.com/appswf/assets/ANIM_TOOL_13.swf" height="100%" width="100%" flashvars="userid=1antoinejes@hdsb.ca&sessionid=e59bf048426b5b2868b187210ee4febc&projectid=OOuUr2rPmOuJ&projectname=untitled project&projectconfig=https%3A%2F%2Ftool.animaker.com%2Fservices%2FprojectConfig%2FOOuUr2rPmOuJ&tour_active=0&user_uniqueid=5183868&isVideoOutro=1&isWatermark=1" type="application/x-shockwave-flash" quality="high" allowscriptaccess="always">
</object>
</div>
<!--player_previewPopup starts-->
<div id="player_previewPopup" style="display:none;background-color: #6d6c8c; width: 800px; position: absolute; z-index: 99999; top: 0px; right: 0px; bottom: 0px; margin: auto; left: 0px; height: 450px;">
<div style="width: 812px;">
<div class="closebtn"></div>
</div>
<div id="popup_content"></div>
<div style="background:#3a3a3a;padding:2%" class="text-right"><input onclick="player_prepopExport()" type="button" value="Export / Download " class="btn btn-primary" style="padding: 0px 25px 4px;"></div>
</div>
<!--player_previewPopup ends-->
<button type="button" id="createavideo" data-toggle="modal" data-target="#myModal" style="opacity:0;display:none;">Create a video</button>
<button type="button" id="tour-popup1" data-toggle="modal" data-target="#tour_popup1" style="opacity:0;display:none;">Create a video</button>
<!-- Modal -->
<div class="modal fade in" id="tour_popup1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="height: auto; width: auto; background-color: rgb(109, 108, 140); display: block;">
<div class="platform">
<div class="overlay close" data-dismiss="modal"></div>
<div class="right"></div>
<div class="top">
<div class="top-left"></div>
<div class="top-right"></div>
</div>
<div class="left"></div>
<div class="bottom"></div>
</div>
<div class="modal-dialog modal-vertical-centered" style="width:860px">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only wistia-popover-close">Close</span></button>
<h4 id="myModalLabel" class="modal-title">Tutorials</h4>
<div class="tour-pop-tab" style="background:none; margin:0; padding-top:15px;">
<nav>
<ul>
<li class="active">
<a href="#2d-video" data-toggle="tab">
<h4 class="modal-title">2d</h4>
</a>
</li>
<li>
<a href="#info-video" data-toggle="tab">
<h4 class="modal-title">Infographic</h4>
</a>
</li>
<li>
<a href="#wb-video" data-toggle="tab">
<h4 class="modal-title">Whiteboard</h4>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="modal-body">
<div class="container custom_width">
<div class="row tourvideo-container">
<div id="2d-video" class="fade active in tourvideo-container">
<div id="wistia_lehm62onsd" class="wistia_embed wistia_embed_initialized" style="margin:0 auto;width:800px;height:100% !important;"><div id="wistia_chrome_25" class="w-chrome" tabindex="-1" style="display: inline-block; height: 450px; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 100%; zoom: 1; outline: none; overflow: hidden; box-sizing: content-box;"><div id="wistia_grid_45_wrapper" style="display: block; height: 450px; width: 800px;"><div id="wistia_grid_45_above" style="height: 0px; font-size: 0px; line-height: 0px;"> </div><div id="wistia_grid_45_main" style="width: 800px; left: 0px; height: 450px; margin-top: 0px;"><div id="wistia_grid_45_behind"></div><div id="wistia_grid_45_center" style="height: 100%;"><div class="w-video-wrapper w-css-reset" style="height: 100%; position: absolute; top: 0px; width: 100%; opacity: 1; background-color: rgb(0, 0, 0);"><video id="wistia_simple_video_72" crossorigin="anonymous" poster="https://fast.wistia.com/assets/images/blank.gif" aria-label="Video" defaultplaybackrate="1" src="https://embed-fastly.wistia.com/deliveries/aa43d49cd2459fa342e49de07acc260046fd2dea/file.mp4" controlslist="nodownload" playsinline="" preload="none" type="video/mp4" x-webkit-airplay="allow" style="background: transparent; display: block; height: 100%; max-height: none; max-width: none; position: static; visibility: visible; width: 100%; object-fit: contain;"><source src="https://embed-fastly.wistia.com/deliveries/aa43d49cd2459fa342e49de07acc260046fd2dea/file.mp4" type="video/mp4"></video></div><div class="w-ui-container" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; opacity: 1;"><div class="w-vulcan-v2 w-css-reset" id="w-vulcan-v2-44" style="box-sizing: border-box; cursor: default; height: 100%; left: 0px; position: absolute; visibility: visible; top: 0px; width: 100%;"><div class="w-vulcan--background w-css-reset" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;"><div class="w-css-reset" data-handle="statusBar"></div><div class="w-css-reset" data-handle="backgroundFocus"><button aria-label="Play Video" class="w-css-reset w-vulcan-v2-button" tabindex="0" style="width: 0px; height: 0px; pointer-events: none;"></button></div><div class="w-css-reset" data-handle="thumbnail"><div><div class="w-css-reset" style="height: 100%; left: 0px; opacity: 1; position: absolute; top: 0px; width: 100%; display: block;"><img class="w-css-reset" srcset="https://embed-fastly.wistia.com/deliveries/42b8bf009f46b9019c03a6b9d3dc0a75473699db.webp?image_crop_resized=640x360 320w, https://embed-fastly.wistia.com/deliveries/42b8bf009f46b9019c03a6b9d3dc0a75473699db.webp?image_crop_resized=640x360 640w, https://embed-fastly.wistia.com/deliveries/42b8bf009f46b9019c03a6b9d3dc0a75473699db.webp?image_crop_resized=960x540 960w, https://embed-fastly.wistia.com/deliveries/42b8bf009f46b9019c03a6b9d3dc0a75473699db.webp?image_crop_resized=1280x720 1280w, https://embed-fastly.wistia.com/deliveries/42b8bf009f46b9019c03a6b9d3dc0a75473699db.webp?image_crop_resized=1280x720 1920w, https://embed-fastly.wistia.com/deliveries/42b8bf009f46b9019c03a6b9d3dc0a75473699db.webp?image_crop_resized=1280x720 3840w" src="https://embed-fastly.wistia.com/deliveries/42b8bf009f46b9019c03a6b9d3dc0a75473699db.webp?image_crop_resized=960x540" alt="Video Thumbnail" style="height: 450px; left: 0px; position: absolute; top: 0px; width: 800px; clip: auto; display: block; box-sizing: content-box; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0);"></div></div></div></div><div class="w-vulcan-overlays-table w-css-reset" style="display: table; pointer-events: none; position: absolute; width: 100%;"><div class="w-vulcan-overlays--left w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px;"><div class="w-css-reset" style="height: 416px;"></div></div><div class="w-vulcan-overlays--center w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 100%;"><div class="w-css-reset" style="height: 416px;"><div class="w-css-reset" data-handle="bigPlayButton" style="pointer-events: auto;"><div class="w-bpb-wrapper w-css-reset w-css-reset-tree" style="display: block; left: calc(50%); margin-left: -62.5px; margin-top: -40px; position: absolute; top: calc(50%);"><button class="w-big-play-button w-css-reset-button-important w-vulcan-v2-button" aria-label="Play Video: Animaker Tutorial : How to create your first Video?" style="cursor: pointer; height: 80px; box-shadow: none; width: 125px;"><div style="background: rgb(123, 121, 106); display: block; left: 0px; height: 80px; mix-blend-mode: darken; position: absolute; top: 0px; width: 125px;"></div><div style="background-color: rgba(123, 121, 106, 0.7); height: 80px; left: 0px; position: absolute; top: 0px; transition: background-color 150ms ease 0s; width: 125px;"></div><svg x="0px" y="0px" viewBox="0 0 125 80" enable-background="new 0 0 125 80" focusable="false" alt="" style="fill: rgb(255, 255, 255); height: 80px; left: 0px; stroke-width: 0px; top: 0px; width: 100%; position: absolute;"><rect fill-rule="evenodd" clip-rule="evenodd" fill="none" width="125" height="80"></rect><polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" points="53,22 53,58 79,40"></polygon></svg></button></div></div><div class="w-css-reset" data-handle="clickForSoundButton" style="pointer-events: auto;"><div class="w-css-reset w-css-reset-tree" data-handle="click-for-sound-backdrop" style="display: none; height: 100%; left: 0px; pointer-events: auto; position: absolute; top: 0px; width: 100%;"><button aria-label="Click for sound" class="w-vulcan-v2-button" style="background: rgba(0, 0, 0, 0.8); border: 2px solid transparent; border-radius: 50%; cursor: pointer; height: 52.5px; width: 52.5px; line-height: 52.5px; outline: none; pointer-events: auto; position: absolute; right: 20.5px; text-align: left; top: 20.5px;"><svg viewBox="0 0 237 237"><style>
@keyframes VOLUME_SMALL_WAVE_FLASH {
0% { opacity: 0; }
33% { opacity: 1; }
66% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes VOLUME_LARGE_WAVE_FLASH {
0% { opacity: 0; }
33% { opacity: 1; }
66% { opacity: 1; }
100% { opacity: 0; }
}
.volume__small-wave {
animation: VOLUME_SMALL_WAVE_FLASH 2s infinite;
opacity: 0;
}
.volume__large-wave {
animation: VOLUME_LARGE_WAVE_FLASH 2s infinite .3s;
opacity: 0;
}
</style><polygon fill="white" points="88 107 65 107 65 131 89 131 112 154 112 84"></polygon><g fill="none" stroke="white" stroke-width="10" stroke-linecap="round"><path class="volume__small-wave" d="M 142 86 C 151 107 151 130 142 151"></path><path class="volume__large-wave" d="M 165 74 C 178 97 178 140 165 163"></path></g></svg></button></div></div><div class="w-css-reset" data-handle="playPauseNotifier" style="pointer-events: auto;"></div><div class="w-css-reset" data-handle="playPauseLoading" style="pointer-events: auto;"><div class="w-css-reset w-css-reset-tree" style="height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%;"><button aria-label="Play Video" class="w-vulcan-v2-button" style="background: rgba(0, 0, 0, 0.6); border: 0px; border-radius: 50%; cursor: pointer; display: none; height: 140px; left: 50%; margin: 0px; padding: 0px; pointer-events: auto; position: absolute; opacity: 0; outline: none; top: 50%; transform: translate(-50%, -50%) scale(0.8); transition: opacity 200ms ease 0s, transform 600ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 140px;"><div aria-live="polite"></div><div style="box-sizing: border-box; height: 100%; padding: 47.25px 47.25px 47.25px 57.75px;"><div style="height: 100%; width: 100%;"><div style="display: none; height: 100%; width: 100%;"><svg x="0px" y="0px" viewBox="0 0 11.556 16" enable-background="new 0 0 11.556 16" focusable="false" class="w-css-reset w-css-reset-tree" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;"><g><rect x="0" y="0" width="3.5" height="12"></rect><rect x="6.5" y="0" width="3.5" height="12"></rect></g></svg></div><div style="display: block; height: 100%; width: 100%;"><svg x="0px" y="0px" viewBox="0 0 11.556 16" enable-background="new 0 0 11.556 16" focusable="false" class="w-css-reset w-css-reset-tree" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;"><polygon points="11.556,7.5 0,15 0,0"></polygon></svg></div></div></div></button></div></div></div></div><div class="w-vulcan-overlays--right w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px;"><div class="w-css-reset" style="height: 416px;"></div></div></div><div class="w-bottom-bar w-css-reset" style="bottom: 0px; border-collapse: collapse; display: table; height: 34px; pointer-events: none; position: absolute; right: 0px; table-layout: auto; width: 100%;"><div class="w-bottom-bar-upper w-css-reset" style="display: none; height: auto; pointer-events: auto; position: relative;"><div style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;"><div style="background: rgb(123, 121, 106); display: none; height: 100%; mix-blend-mode: darken; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 0s ease 0s; width: 100%;"></div><div style="background: rgba(123, 121, 106, 0.85); height: 100%; opacity: 1; left: 0px; position: absolute; top: 0px; transition: opacity 0s ease 0s; width: 100%;"></div></div><div style="height: 100%; opacity: 1; position: relative; transition: opacity 0s ease 0s;"><div class="w-css-reset" data-handle="upperPlaybar" style="height: 100%; position: relative;"><div class="w-playbar-wrapper w-css-reset w-css-reset-tree" style="display: flex; height: 100%; width: 800px;"><div aria-label="Playbar" aria-orientation="horizontal" aria-valuemax="692.975" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0:00" role="slider" tabindex="0" style="cursor: pointer; flex: 1 1 0%; height: 16px; outline: none; margin-left: 10px; margin-right: 10px; position: relative;"><canvas height="16" width="792" style="height: 16px; left: -10px; position: absolute; top: 0px; width: 792.481px;"></canvas><div style="border-radius: 50%; height: 11.2px; left: -5.6px; opacity: 0; position: absolute; top: 2.4px; width: 11.2px;"></div></div></div></div></div></div><div class="w-bottom-bar-lower w-css-reset" style="position: relative;"><div style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;"><div style="background: rgb(123, 121, 106); display: none; height: 100%; mix-blend-mode: darken; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 0s ease 0s; width: 100%;"></div><div style="background: rgba(123, 121, 106, 0.85); height: 100%; opacity: 1; left: 0px; position: absolute; top: 0px; transition: opacity 0s ease 0s; width: 100%;"></div></div><div style="display: none;"><div style="background: rgb(123, 121, 106); display: none; height: 100%; mix-blend-mode: darken; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 0s ease 0s; width: 100%;"></div><div style="background: rgba(123, 121, 106, 0.85); height: 100%; opacity: 1; left: 0px; position: absolute; top: 0px; transition: opacity 0s ease 0s; width: 100%;"></div></div><div class="w-bottom-bar-left w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px; opacity: 1; transition: opacity 0s ease 0s;"><div class="w-bottom-bar-left-inner w-css-reset" style="height: 34px; position: relative; pointer-events: auto; white-space: nowrap;"><div class="w-css-reset" data-handle="smallPlayButton" style="display: inline-block; vertical-align: top;"><div class="w-vulcan-button-wrapper w-css-reset" style="display: inline-block; height: 34px; position: relative; vertical-align: top; width: 40px;"><button tagname="button" class="w-vulcan-v2-button w-css-reset w-css-reset-tree w-css-reset-button-important" aria-label="Play Video" title="Play Video" style="background-color: rgba(0, 0, 0, 0); box-shadow: none; cursor: pointer; height: 100%; position: relative; transition: background-color 150ms ease 0s; width: 100%;"><div class="w-vulcan-icon-wrapper" data-handle="smallPlayButton" style="box-sizing: border-box; height: 100%; position: relative; transform: scale(1.001); transition: transform 200ms ease 0s;"><div style="box-sizing: border-box; height: 100%; margin-left: 1px; padding: 10px 0px 9px; position: relative; width: 100%;"><div style="height: 100%; width: 100%;"><div style="display: none; height: 100%; width: 100%;"><svg x="0px" y="0px" viewBox="0 0 11.556 16" enable-background="new 0 0 11.556 16" focusable="false" class="w-css-reset w-css-reset-tree" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%; vertical-align: top;"><g><rect x="0" y="0" width="3.5" height="12"></rect><rect x="6.5" y="0" width="3.5" height="12"></rect></g></svg></div><div style="display: block; height: 100%; width: 100%;"><svg x="0px" y="0px" viewBox="0 0 11.556 16" enable-background="new 0 0 11.556 16" focusable="false" class="w-css-reset w-css-reset-tree" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%; vertical-align: top;"><polygon points="11.556,7.5 0,15 0,0"></polygon></svg></div></div></div></div></button></div></div></div></div><div class="w-bottom-bar-middle w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 100%; opacity: 1; transition: opacity 0s ease 0s;"><div class="w-bottom-bar-middle-inner w-css-reset" style="height: 34px; position: relative; pointer-events: auto; white-space: nowrap; opacity: 1; transform: translateY(0px); transition: opacity 0ms ease 0s, transform 0ms ease 0s;"><div class="w-css-reset" data-handle="lowerPlaybar" style="height: 100%; position: relative;"><div class="w-playbar-wrapper w-css-reset w-css-reset-tree" style="display: flex; height: 100%; width: 100%;"><div class="w-playbar__time" style="box-sizing: content-box; color: white; font-family: WistiaPlayerInterNumbersSemiBold, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0.5px; line-height: 34px; padding-left: 5px; pointer-events: none; position: relative; text-align: center; width: 35px;">11:33</div><div aria-label="Playbar" aria-orientation="horizontal" aria-valuemax="692.975" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0:00" role="slider" tabindex="0" style="cursor: pointer; flex: 1 1 0%; height: 34px; outline: none; margin-left: 15px; margin-right: 10px; position: relative;"><canvas height="34" width="600" style="height: 34px; left: -15px; position: absolute; top: 0px; width: 600px;"></canvas><div style="border-radius: 50%; height: 11.2px; left: -5.6px; opacity: 0; position: absolute; top: 11.4px; width: 11.2px;"></div></div></div></div></div></div><div class="w-bottom-bar-right w-css-reset" style="display: table-cell; vertical-align: top; position: relative; width: 0px; opacity: 1; transition: opacity 0s ease 0s; white-space: nowrap;"><div class="w-bottom-bar-right-inner-anchor w-css-reset" style="height: 34px; position: relative; pointer-events: auto; white-space: nowrap; display: inline-block; right: 0px; top: 0px; vertical-align: top;"><div class="w-bottom-bar-right-inner w-css-reset" style="height: 34px; position: relative; pointer-events: auto; white-space: nowrap; display: inline-block; opacity: 1; right: 0px; top: 0px; transform: translateY(0px); transition: opacity 0ms ease 0s, transform 0ms ease 0s;"><div class="w-css-reset" data-handle="volumeButton" style="display: inline-block; vertical-align: top;"><div class="w-vulcan-button-wrapper w-css-reset" style="display: inline-block; height: 34px; position: relative; vertical-align: top; width: 40px;"><button tagname="button" class="w-vulcan-v2-button w-css-reset w-css-reset-tree w-css-reset-button-important" aria-label="Mute" title="Mute" style="background-color: rgba(0, 0, 0, 0); box-shadow: none; cursor: pointer; height: 100%; position: relative; transition: background-color 150ms ease 0s; width: 100%;"><div class="w-vulcan-icon-wrapper" data-handle="volumeButton" style="box-sizing: border-box; height: 100%; position: relative; transform: scale(1.001); transition: transform 200ms ease 0s;"><svg x="0px" y="0px" viewBox="0 0 40 34" enable-background="new 0 0 40 34" focusable="false" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;"><g style="transform: translateX(1.25px); transition: transform 100ms ease 0s;"><g><path d="M13.8,14.2c-0.5,0.5-1.4,0.8-2,0.8h-1.6C9.5,15,9,15.5,9,16.2v1.6c0,0.7,0.5,1.2,1.2,1.2h1.6c0.7,0,1.6,0.4,2,0.8l2.3,2.3c0.5,0.5,0.8,0.3,0.8-0.4v-9.6c0-0.7-0.4-0.8-0.8-0.4L13.8,14.2z"></path></g><g><path fill="none" stroke="#ffffff" stroke-line-cap="round" stroke-miterlimit="10" stroke-width="2" d="M22,11.7c0,0,1.1,2.5,1.1,5s-1.1,5-1.1,5" style="opacity: 1; transition: opacity 100ms ease 0s;"></path><path fill="none" stroke="#ffffff" stroke-line-cap="round" stroke-miterlimit="10" stroke-width="2" d="M25.8,9.2c0,0,1.7,3.8,1.7,7.5c0,3.7-1.7,7.5-1.7,7.5" style="opacity: 1; transition: opacity 100ms ease 0s;"></path></g><g style="opacity: 0; transition: opacity 100ms ease 0s;"><line fill="none" stroke="#ffffff" stroke-line-cap="round" stroke-miterlimit="10" stroke-width="1.8102" x1="19.2" y1="15" x2="23.2" y2="19"></line><line fill="none" stroke="#ffffff" stroke-line-cap="round" stroke-miterlimit="10" stroke-width="1.8102" x1="19.2" y1="19" x2="23.2" y2="15"></line></g></g></svg></div></button></div></div><div class="w-css-reset" data-handle="settingsButton" style="display: inline-block; vertical-align: top;"><div class="w-vulcan-button-wrapper w-css-reset" style="display: inline-block; height: 34px; position: relative; vertical-align: top; width: 40px;"><button tagname="button" class="w-vulcan-v2-button w-css-reset w-css-reset-tree w-css-reset-button-important" aria-expanded="false" aria-label="Show settings menu" title="Show settings menu" style="background-color: rgba(0, 0, 0, 0); box-shadow: none; cursor: pointer; height: 100%; position: relative; transition: background-color 150ms ease 0s; width: 100%;"><div class="w-vulcan-icon-wrapper" data-handle="settingsButton" style="box-sizing: border-box; height: 100%; position: relative; transform: scale(1.001); transition: transform 200ms ease 0s;"><svg x="0px" y="0px" viewBox="0 0 40 34" enable-background="new 0 0 40 34" focusable="false" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;"><g><g><path d="M28.3,16.4h-1.9c-0.4,0-0.8-0.3-0.9-0.7l-0.4-1.1c-0.2-0.3-0.1-0.8,0.2-1.1l1.3-1.3c0.3-0.3,0.3-0.7,0-1l-0.4-0.4c-0.3-0.3-0.7-0.3-1,0l-1.3,1.3c-0.3,0.3-0.8,0.3-1.1,0.1l-1.1-0.5c-0.4-0.1-0.7-0.5-0.7-0.9V9.1c0-0.4-0.3-0.7-0.7-0.7h-0.6c-0.4,0-0.7,0.3-0.7,0.7v1.7c0,0.4-0.3,0.8-0.7,0.9l-1.2,0.5c-0.3,0.2-0.8,0.1-1.1-0.2l-1.2-1.2c-0.3-0.3-0.7-0.3-1,0l-0.4,0.4c-0.3,0.3-0.3,0.7,0,1l1.2,1.2c0.3,0.3,0.3,0.8,0.1,1.1l-0.5,1.2c-0.1,0.4-0.5,0.7-0.9,0.7h-1.6c-0.4,0-0.7,0.3-0.7,0.7v0.6c0,0.4,0.3,0.7,0.7,0.7h1.6c0.4,0,0.8,0.3,0.9,0.7l0.5,1.2c0.2,0.3,0.1,0.8-0.1,1.1l-1.2,1.2c-0.3,0.3-0.3,0.7,0,1l0.4,0.4c0.3,0.3,0.7,0.3,1,0l1.2-1.2c0.3-0.3,0.8-0.3,1.1-0.2l1.2,0.5c0.4,0.1,0.7,0.5,0.7,0.9v1.7c0,0.4,0.3,0.7,0.7,0.7h0.6c0.4,0,0.7-0.3,0.7-0.7V24c0-0.4,0.3-0.8,0.7-0.9l1.1-0.5c0.3-0.2,0.8-0.1,1.1,0.1l1.3,1.3c0.3,0.3,0.7,0.3,1,0l0.4-0.4c0.3-0.3,0.3-0.7,0-1l-1.3-1.3C25,21,25,20.5,25.1,20.2l0.4-1.1c0.1-0.4,0.5-0.7,0.9-0.7h1.9c0.4,0,0.7-0.3,0.7-0.7v-0.6C29,16.7,28.7,16.4,28.3,16.4z M23.8,17.5c0,2.2-1.8,3.9-3.9,3.9c-2.2,0-3.9-1.8-3.9-3.9s1.7-3.9,3.9-3.9C22.1,13.6,23.8,15.3,23.8,17.5z"></path></g></g></svg></div></button></div></div><div class="w-css-reset" data-handle="fullscreenButton" style="display: inline-block; vertical-align: top;"><div class="w-vulcan-button-wrapper w-css-reset" style="display: inline-block; height: 34px; position: relative; vertical-align: top; width: 40px;"><button tagname="button" class="w-vulcan-v2-button w-css-reset w-css-reset-tree w-css-reset-button-important" aria-label="Fullscreen" title="Fullscreen" style="background-color: rgba(0, 0, 0, 0); box-shadow: none; cursor: pointer; height: 100%; position: relative; transition: background-color 150ms ease 0s; width: 100%;"><div class="w-vulcan-icon-wrapper" data-handle="fullscreenButton" style="box-sizing: border-box; height: 100%; position: relative; transform: scale(1.001); transition: transform 200ms ease 0s;"><svg x="0px" y="0px" viewBox="0 0 40 34" enable-background="new 0 0 40 34" focusable="false" style="fill: rgb(255, 255, 255); height: 100%; left: 0px; stroke-width: 0px; top: 0px; width: 100%;"><g><g><polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="31.4,12.6 31.4,8.7 25.8,8.7"></polyline><polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="14.7,8.7 9.1,8.7 9.1,12.6"></polyline><polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="25.8,24.8 31.4,24.8 31.4,20.9"></polyline><polyline fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="9.1,20.9 9.1,24.8 14.7,24.8"></polyline></g><rect x="13.7" y="12.3" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" enable-background="new" width="13.3" height="8.9"></rect></g></svg></div></button></div></div></div></div><div class="w-ellipsis w-css-reset" style="height: 34px; position: relative; pointer-events: auto; white-space: nowrap; display: none;"></div></div></div></div><div class="w-foreground w-css-reset" style="height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%;"><div class="w-css-reset" data-handle="contextMenu" style="pointer-events: auto;"></div><div class="w-css-reset" data-handle="loadingHourglass" style="pointer-events: auto;"></div><div class="w-css-reset" data-handle="focusOutline" style="pointer-events: auto;"><div class="w-focus-outline" style="box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; display: none; height: 100%; left: 0px; pointer-events: none; position: absolute; right: 0px; width: 100%;"></div></div></div></div><style id="wistia_57_style" type="text/css" class="wistia_injected_style">
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset{font-size:14px;}
#wistia_chrome_25 #wistia_grid_45_wrapper div.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper span.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper ul.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper li.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper label.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper button.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper img.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper a.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper svg.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper p.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper a.w-css-reset{border:0;}
#wistia_chrome_25 #wistia_grid_45_wrapper h1.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:2em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper h2.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.5em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper h3.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.17em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper p.w-css-reset{margin:1.4em 0;}
#wistia_chrome_25 #wistia_grid_45_wrapper a.w-css-reset{display:inline;}
#wistia_chrome_25 #wistia_grid_45_wrapper span.w-css-reset{display:inline;}
#wistia_chrome_25 #wistia_grid_45_wrapper svg.w-css-reset{display:inline;}
#wistia_chrome_25 #wistia_grid_45_wrapper ul.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_25 #wistia_grid_45_wrapper ol.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_25 #wistia_grid_45_wrapper li.w-css-reset{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_25 #wistia_grid_45_wrapper ul:before.w-css-reset{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper ol:before.w-css-reset{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper li:before.w-css-reset{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper ul:after.w-css-reset{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper ol:after.w-css-reset{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper li:after.w-css-reset{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper label.w-css-reset{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;float:none;outline:none}
#wistia_chrome_25 #wistia_grid_45_wrapper button.w-css-reset{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;outline:none;position:static}
#wistia_chrome_25 #wistia_grid_45_wrapper img.w-css-reset{border:0;display:inline-block;vertical-align:top;border-radius:0;outline:none;position:static}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset button::-moz-focus-inner{border: 0;}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree {font-size:14px;}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree div{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree span{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree ul{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree li{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree label{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree button{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree img{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree a{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree svg{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree p{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree a{border:0;}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree h1{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:2em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree h2{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.5em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree h3{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:1.17em;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree p{margin:1.4em 0;}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree a{display:inline;}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree span{display:inline;}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree svg{display:inline;}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree ul{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree ol{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree li{box-sizing:inherit;box-shadow:none;color:inherit;display:block;float:none;font:inherit;font-family:inherit;font-style:normal;font-weight:normal;font-size:inherit;letter-spacing:0;line-height:inherit;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;padding:0;position:static;text-decoration:none;text-transform:none;text-shadow:none;transition:none;word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-font-smoothing:antialiased;list-style-type:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree ul:before{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree ol:before{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree li:before{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree ul:after{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree ol:after{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree li:after{display:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree label{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;float:none;outline:none}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree button{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;outline:none;position:static}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree img{border:0;display:inline-block;vertical-align:top;border-radius:0;outline:none;position:static}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-tree button::-moz-focus-inner{border: 0;}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-max-width-none-important{max-width:none!important}
#wistia_chrome_25 #wistia_grid_45_wrapper .w-css-reset-button-important{border-radius:0!important;color:#fff!important;}
</style></div></div><div id="wistia_grid_45_front"></div><div id="wistia_grid_45_top_inside"><div id="wistia_grid_45_top" style="height: 0px; font-size: 0px; line-height: 0px;"> </div></div><div id="wistia_grid_45_bottom_inside"><div id="wistia_grid_45_bottom" style="height: 0px; font-size: 0px; line-height: 0px;"> </div></div><div id="wistia_grid_45_left_inside"><div id="wistia_grid_45_left" style="height: 0px; font-size: 0px; line-height: 0px;"> </div></div><div id="wistia_grid_45_right_inside"><div id="wistia_grid_45_right" style="height: 0px; font-size: 0px; line-height: 0px;"> </div></div></div><div id="wistia_grid_45_below" style="height: 0px; font-size: 0px; line-height: 0px;"> </div><style id="wistia_46_style" type="text/css" class="wistia_injected_style">#wistia_grid_45_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;}
#wistia_grid_45_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
#wistia_grid_45_above{position:relative;}
#wistia_grid_45_main{display:block;height:100%;position:relative;}
#wistia_grid_45_behind{height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_45_center{height:100%;overflow:hidden;position:relative;width:100%;}
#wistia_grid_45_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_45_top_inside{position:absolute;left:0;top:0;width:100%;}
#wistia_grid_45_top{width:100%;position:absolute;bottom:0;left:0;}
#wistia_grid_45_bottom_inside{position:absolute;left:0;bottom:0;width:100%;}
#wistia_grid_45_bottom{width:100%;position:absolute;top:0;left:0;}
#wistia_grid_45_left_inside{height:100%;position:absolute;left:0;top:0;}
#wistia_grid_45_left{height:100%;position:absolute;right:0;top:0;}
#wistia_grid_45_right_inside{height:100%;right:0;position:absolute;top:0;}
#wistia_grid_45_right{height:100%;left:0;position:absolute;top:0;}
#wistia_grid_45_below{position:relative;}</style></div></div></div>
</div>
<div id="info-video" class="fade tourvideo-container">
<div id="wistia_t7lx0unfvg" class="wistia_embed wistia_embed_initialized" style="margin:0 auto;width:800px;height:100% !important;"><div id="wistia_chrome_28" class="w-chrome" tabindex="-1" style="display: inline-block; height: 100%; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 100%; zoom: 1; outline: none; overflow: hidden; box-sizing: content-box;"><div id="wistia_grid_39_wrapper" style="display: block;"><div id="wistia_grid_39_above"></div><div id="wistia_grid_39_main"><div id="wistia_grid_39_behind"></div><div id="wistia_grid_39_center"><div class="w-video-wrapper w-css-reset" style="clip: rect(0px, 0px, 0px, 0px); height: 100%; position: absolute; top: 0px; width: 100%; opacity: 1; background-color: rgb(0, 0, 0);"></div><div class="w-ui-container" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; opacity: 1;"></div></div><div id="wistia_grid_39_front"></div><div id="wistia_grid_39_top_inside"><div id="wistia_grid_39_top"></div></div><div id="wistia_grid_39_bottom_inside"><div id="wistia_grid_39_bottom"></div></div><div id="wistia_grid_39_left_inside"><div id="wistia_grid_39_left"></div></div><div id="wistia_grid_39_right_inside"><div id="wistia_grid_39_right"></div></div></div><div id="wistia_grid_39_below"></div><style id="wistia_40_style" type="text/css" class="wistia_injected_style">#wistia_grid_39_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;}
#wistia_grid_39_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
#wistia_grid_39_above{position:relative;}
#wistia_grid_39_main{display:block;height:100%;position:relative;}
#wistia_grid_39_behind{height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_39_center{height:100%;overflow:hidden;position:relative;width:100%;}
#wistia_grid_39_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_39_top_inside{position:absolute;left:0;top:0;width:100%;}
#wistia_grid_39_top{width:100%;position:absolute;bottom:0;left:0;}
#wistia_grid_39_bottom_inside{position:absolute;left:0;bottom:0;width:100%;}
#wistia_grid_39_bottom{width:100%;position:absolute;top:0;left:0;}
#wistia_grid_39_left_inside{height:100%;position:absolute;left:0;top:0;}
#wistia_grid_39_left{height:100%;position:absolute;right:0;top:0;}
#wistia_grid_39_right_inside{height:100%;right:0;position:absolute;top:0;}
#wistia_grid_39_right{height:100%;left:0;position:absolute;top:0;}
#wistia_grid_39_below{position:relative;}</style></div></div></div>
</div>
<div id="wb-video" class="fade tourvideo-container">
<div id="wistia_9xn4orzi38" class="wistia_embed wistia_embed_initialized" style="margin:0 auto;width:800px;height:100% !important;"><div id="wistia_chrome_31" class="w-chrome" tabindex="-1" style="display: inline-block; height: 100%; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 100%; zoom: 1; outline: none; overflow: hidden; box-sizing: content-box;"><div id="wistia_grid_50_wrapper" style="display: block;"><div id="wistia_grid_50_above"></div><div id="wistia_grid_50_main"><div id="wistia_grid_50_behind"></div><div id="wistia_grid_50_center"><div class="w-video-wrapper w-css-reset" style="clip: rect(0px, 0px, 0px, 0px); height: 100%; position: absolute; top: 0px; width: 100%; opacity: 1; background-color: rgb(0, 0, 0);"></div><div class="w-ui-container" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; opacity: 1;"></div></div><div id="wistia_grid_50_front"></div><div id="wistia_grid_50_top_inside"><div id="wistia_grid_50_top"></div></div><div id="wistia_grid_50_bottom_inside"><div id="wistia_grid_50_bottom"></div></div><div id="wistia_grid_50_left_inside"><div id="wistia_grid_50_left"></div></div><div id="wistia_grid_50_right_inside"><div id="wistia_grid_50_right"></div></div></div><div id="wistia_grid_50_below"></div><style id="wistia_51_style" type="text/css" class="wistia_injected_style">#wistia_grid_50_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;}
#wistia_grid_50_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
#wistia_grid_50_above{position:relative;}
#wistia_grid_50_main{display:block;height:100%;position:relative;}
#wistia_grid_50_behind{height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_50_center{height:100%;overflow:hidden;position:relative;width:100%;}
#wistia_grid_50_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;}
#wistia_grid_50_top_inside{position:absolute;left:0;top:0;width:100%;}
#wistia_grid_50_top{width:100%;position:absolute;bottom:0;left:0;}
#wistia_grid_50_bottom_inside{position:absolute;left:0;bottom:0;width:100%;}
#wistia_grid_50_bottom{width:100%;position:absolute;top:0;left:0;}
#wistia_grid_50_left_inside{height:100%;position:absolute;left:0;top:0;}
#wistia_grid_50_left{height:100%;position:absolute;right:0;top:0;}
#wistia_grid_50_right_inside{height:100%;right:0;position:absolute;top:0;}
#wistia_grid_50_right{height:100%;left:0;position:absolute;top:0;}
#wistia_grid_50_below{position:relative;}</style></div></div></div>
</div>
</div>
</div>
<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js"></script>
<script>
wistiaEmbed = Wistia.embed('lehm62onsd', {
volumeControl: true,
trackEmail: '1antoinejes@hdsb.ca'
});
</script>
<script>
wistiaEmbed = Wistia.embed('t7lx0unfvg', {
volumeControl: true,
trackEmail: '1antoinejes@hdsb.ca'
});
</script>
<script>
wistiaEmbed = Wistia.embed('9xn4orzi38', {
volumeControl: true,
trackEmail: '1antoinejes@hdsb.ca'
});
</script>
<div class="modal-footer">
<div style="float: left; text-align: left; clear: both; width: 100%; font-family: roboto-regular;">
<input id="tour_active" type="checkbox" name="tour_active" onclick="tour_active()">
<span style="font-size: 20px;margin-left: 2%;">Don't show this again.</span>
</div>
</div>
</div>
</div>
</div>
</div><style id="wistia_18_style" type="text/css" class="wistia_injected_style">
@font-face {
font-family: 'WistiaPlayerOverpassNumbers';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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);
}
</style><style id="wistia_24_style" type="text/css" class="wistia_injected_style">
@font-face {
font-family: 'WistiaPlayerInterNumbersSemiBold';
font-feature-settings: 'tnum' 1;
src: url(data:application/x-font-woff;charset=utf-8;base64,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);
}
</style>
<div id="backgroundPopup" style="background-color: #6D6C8C; opacity:1 !important; border:0px;">
</div>
<div id="loader1" style="display: none;">
<embed src="https://tool.animaker.com/assets/swf/loading-v1.swf" style="margin: 0 auto;1">
<div id="refreshbutton" style="display:none">
<p style="display: inline-block; position: relative; text-align: center; width: 100%; top: 10px; color: rgb(242, 100, 2); font-size: 15px; font-family: 'Raleway-Regular',sans-serif">TROUBLE LOADING THIS SITE? <a onclick="refreshbuttonClick()" href="" style="color: rgb(58, 104, 179);cursor:pointer;">CLICK HERE</a> TO RELOAD</p>
</div>
</div>
<div id="backgroundPopup1" style="display: none;"></div>
<!-- export popup content starts here -->
<button id="export-popup" data-toggle="modal" style="opacity:0;display:none;" data-target="#app-export-popup" onclick="exportpopup('5183868', '1','OOuUr2rPmOuJ', 1, 5 );">Export</button>
<div class="modal fade" id="app-export-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="height: auto; width: auto; background-color: #6D6C8C;">
<div class="platform">
<div class="overlay close" data-dismiss="modal"></div>
<div class="right"></div>
<div class="top">
<div class="top-left"></div>
<div class="top-right"></div>
</div>
<div class="left"></div>
<div class="bottom"></div>
</div>
<div class="modal-dialog modal-vertical-centered template-video c-modal" style="margin-top:0em;">
<div class="modal-content">
<div class="modal-header" style="border:none;">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div id="tabs" class="userprofile-tab c-mod" style="background:none;margin:0;">
<nav style="text-align:center;">
<ul id="myTab">
<li id="exportvideotab" class="active">
<a data-toggle="tab" href="https://tool.animaker.com/dashboard#exportvideo">
<table id="tab-head">
<tbody><tr>
<td><span class="export-sprite" id="export"></span></td>
<td><span class="tab-text">Export Video</span></td>
</tr>
</tbody></table>
</a>
</li>
<li id="manageexporttab">
<a data-toggle="tab" href="https://tool.animaker.com/dashboard#manageexport">
<table id="tab-head">
<tbody><tr>
<td><span class="export-sprite" id="manage"></span></td>
<td><span class="tab-text">Manage Exports</span></td>
</tr>
</tbody></table>
</a>
</li>
<li id="publishtab">
<a data-toggle="tab" href="https://tool.animaker.com/dashboard#publish">
<table id="tab-head">
<tbody><tr>
<td><span class="export-sprite" id="publis"></span></td>
<td><span class="tab-text">Publishing Channels</span></td>
</tr>
</tbody></table>
</a>
</li>
</ul>
</nav>
</div>
<div class="container custom_width" id="userdetail">
<div class="row" style="margin-left: 0;">
<div class="tab-content">
<div class="tab-pane fade active in " id="exportvideo">
<input type="hidden" value="1" id="popup_plan">
<!-- unsaved project -->
<div id="issaved"></div>
<!-- unsaved project -->
<div id="savedproject" style="display:none;">
<p class="pt15 pb15" id="exportlimit" style="font-family: roboto-regular; margin-top: 20px; font-size: 16px; color: rgb(249, 92, 92); padding-bottom: 0px;"></p>
<p class="enterprise-txt pt15 pb15" style="line-height:20px"> You can push your videos to YouTube or Facebook using the Free plan. The video will be rendered and delivered shortly. 95% of the videos get delivered within 30 minutes </p>
<div class="vid-host">
<table>
<tbody><tr>
<td id="rad"><input type="radio" name="videoexport" value="youtube" id="youtube" class="radio"></td>
<td class="modal-title">Youtube</td>
<td id="rad"><input type="radio" name="videoexport" value="download" id="download" class="radio"></td>
<td class="modal-title">Download as File</td>
</tr>
</tbody></table>
</div>
<form id="youtube_form" name="youtube_form" method="post" action="https://tool.animaker.com/services/exportyoutube">
<input type="hidden" name="animcsrftokenssj" value="48628536d81459460e72e5b2efff5ebe">
<div class="channelExist" style="color: red; display: block; line-height: 0.8em;">
<p>It seems that you don't have any YouTube channel on your account. Please visit the below link to create one and try again</p>
<div style="padding-bottom:2%"><a href="https://www.youtube.com/create_channel" target="_blank" style="color:rgb(34, 139, 34);font-weight:bold;">https://www.youtube.com/create_channel</a></div>
</div>
<div id="youtube_channels" style="display:none;">
</div>
<div class="mt30" id="add-channel" style="display:none;"><a class="add-channel" href="">Add Channel</a></div>
<div id="video-quality1" style="padding-top:30px;font-size: 18px;padding-bottom: 15px;">Quality</div>
<div id="video-quality1" class="vid-quality col-md-6">
<table class="mb30">
<tbody><tr style="height: 40px;">
<td id="rad"><input checked="" type="radio" name="ytubequality" value="854 x 480" id="sd" class="radio"></td>
<td id="quality" style="font-family:roboto-regular;color:#000;">SD</td>
<td><h5 id="free"> </h5></td>
</tr>
<tr style="height: 40px;">
<td id="rad"><input disabled="" type="radio" name="ytubequality" value="1280 x 720" id="hhd" class="radio"></td>
<td id="quality" style="font-family:roboto-regular;">HD</td>
<td><a href="https://tool.animaker.com/pricing" style="background-color: #55C3A6; padding: 8px 30px;font-size: 16px;font-family:roboto-regular; color: white;border: 0; border-radius: 3px; margin: 0px;">UPGRADE</a> </td>
</tr>
<tr style="height: 40px;">
<td id="rad"><input disabled="" type="radio" name="ytubequality" value="1920 x 1080" id="fhd" class="radio"></td>
<td id="quality" style="font-family:roboto-regular;">Full HD</td>
<td><a href="https://tool.animaker.com/pricing" style="background-color: #55C3A6; padding: 8px 30px;font-size: 16px;font-family:roboto-regular;border: 0; color: white; border-radius: 3px; margin: 0px;">UPGRADE</a></td>
</tr>
</tbody></table>
<div id="getvprofile1"> </div>
<div id="btn-next" class="col-md-3" style="display:none"><input class="btn btn-primary full-width" id="youtube_next" type="button" value="Next"> </div>
</div>
<div id="youtube-details" class="col-md-12">
<div class="col-md-6">
<div class="form-group up-mb">
<h4>Title</h4>
<input type="text" id="youtube_title" name="youtube_title" size="40" class="form-control full-width">
<span id="yTitleError" class="ValidationErrors"></span>
</div>
<div class="form-group up-mb">
<h4>Description</h4>
<textarea id="youtube_description" name="youtube_description" size="500" class="form-control full-width"></textarea>
<span id="yDesError" class="ValidationErrors"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group up-mb">
<h4>Video Category</h4>
<select class="form-control full-width" name="youtube_category" id="youtube_category">
<option value="0" selected="selected">Select a category</option>
<option value="23">Comedy</option>
<option value="27">Education</option>
<option value="24">Entertainment</option>
<option value="1">Film & Animation</option>
<option value="20">Gaming</option>
<option value="26">How to & Style</option>
<option value="10">Music</option>
<option value="25">News & Politics</option>
<option value="29">Nonprofits & Activism</option>
<option value="22" selected="">People Blogs</option>
<option value="15">Pets & Animals</option>
<option value="28">Science & Technology</option>
<option value="17">Sports</option>
<option value="19">Travel & Events</option>
</select>
<span id="yCatError" class="ValidationErrors"></span>
</div>
<div class="form-group up-mb">
<h4>Privacy</h4>
<select class="form-control full-width" name="youtubeprivacy" id="youtubeprivacy">
<option value="public" selected="">Public</option>
<option value="private">Private</option>
<option value="unlisted">Unlisted</option>
</select>
</div>
</div>
<div class="col-md-12" style="clear:both">
<div class="form-group up-mb">
<h4>Tags</h4>
<input id="tags_1" name="tags_1" type="text" class="tags form-control full-width" style="display: none;"><div id="tags_1_tagsinput" class="tagsinput" style="width: auto; height: 100%;"><div id="tags_1_addTag"><input id="tags_1_tag" value="" data-default="" style="width: 238px; color: rgb(102, 102, 102);"></div><div class="tags_clear"></div></div>
<span class="tagerror"></span>
</div>
</div>
<div style="clear:both">
<div id="upgrade" class="col-md-3"><input class="btn btn-primary full-width" id="export" type="submit" value=" Export"> </div>
<div id="upgrade" class="col-md-3"><input type="button" class="btn btn-primary full-width" value="Cancel" data-dismiss="modal"> </div>
</div>
</div>
</form>
<div id="download-file">
<div class="center-all">
<p class="upgrade_text" style="line-height: 1.5;font-family: Roboto-regular;font-size: 17px;margin: 5% 0px;">The Download option for videos is available in all our paid plans. Upgrade now to download your videos.</p>
<a class="export_upbtn" style="background-color: #55C3A6;padding: 15px 30px;font-size: 16px;font-family: roboto-regular;border: 0;color: white;border-radius: 3px;margin: 0px;" href="https://tool.animaker.com/pricing">Upgrade</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in " id="manageexport">
<p class="enterprise-txt pt15 pb15" style="text-align: center; font-size: 18px; color: rgb(102, 176, 36);">Once your export is completed you can download it here. Thanks!</p>
<table id="versionIfo" class="table table-striped" style="display: block;width: 100%;">
<thead style="display: inline-block; width: 100%;">
<tr>
<td style="width: 110px;">Video Name</td>
<td style="width: 190px;">Quality</td>
<td style="width: 200px;">Date</td>
<td style="width: 160px;">Status</td>
<td style="width: 130px;">File</td>
</tr>
</thead>
<tbody id="exportstatus" style="display: inline-block;height: 250px ! important; width: 100%; overflow: auto;">
</tbody>
</table>
</div>
<div class="tab-pane fade in " id="publish">
<div class="col-md-12 mt15 mb15" style="padding-top:20px;font-size: 16px;"> <div class="channelExist" style="color: red; display: block; line-height: 0.8em;">
<p>It seems that you don't have any YouTube channel on your account. Please visit the below link to create one and try again</p>
<div style="padding-bottom:2%"><a href="https://www.youtube.com/create_channel" target="_blank" style="color:rgb(34, 139, 34);font-weight:bold;">https://www.youtube.com/create_channel</a></div>
</div>
<input type="button" value="Add Youtube Channel" class="btn btn-primary" onclick="login('5183868', '5')">
<div class="publish col-md-12" id="chlist" style="clear:both;height: 175px;overflow-x: hidden;overflow-y: auto;">
<table>
<tbody id="allchannellist">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- export popup content ends here -->
<script>
window.intercomSettings = {
// TODO: The current logged in user's full name
name: "Jesse",
// TODO: The current loggeemaild in user's email address.
email: "1antoinejes@hdsb.ca",
// TODO: The current plan in user's plan.
current_plan: "-",
// TODO: The current animo_count in user's animo count.
animo_count: ,
// TODO: The current export count in user's export count.
export_count: ,
// TODO: The current logged in user's sign-up date as a Unix timestamp.
created_at: 1584587327,
app_id: "z02711rk",
user_hash: "28b6bd444970a5d330c857ec748133e947197675216a65d9cf21e96df8499843"
};
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/z02711rk';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
</script>
<tester id="tags_1_tag_autosize_tester" style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 13px; font-family: Roboto-light, sans-serif; font-weight: 400; letter-spacing: 0px; white-space: nowrap;"></tester><input type="file" id="" name="file" style="display: none;"><div data-v-cef78672="" class="container_selected_area" style="cursor: url("chrome-extension://ialiedlpfknneamnbemcgmaboleiccdd/assets/images/cursor-imagen.svg") 9 9, crosshair;"><div data-v-cef78672="" class="area"></div></div><div class="modal-backdrop fade in"></div></body></html>