Ergebnis 1 bis 7 von 7

Thema: Contao 3.3.0 und Google Web Designer

  1. #1
    Gesperrt
    Registriert seit
    20.07.2009.
    Ort
    Recife, Pernambuco, Brasilien
    Beiträge
    90

    Standard Contao 3.3.0 und Google Web Designer

    Hallo,
    ist jemandem bekannt, ob sich der vom Google Web Designer erstellte html Code irgendwie in Contao 3.3.0 einbinden lässt. Also zum Beispiel als animation auf der Startseite, als Banner, Logo oder dergleichen.

    Ich habe es über den Inserttag {{file::...} versucht. Hat aber nicht geklappt. Auch nicht über den Umweg als Modul.

    Wäre toll, wenn jemand eine Antwort wüsste.

    Carlos

  2. #2
    Contao-Urgestein
    Registriert seit
    30.01.2011.
    Ort
    Stuttgart
    Beiträge
    4.138

    Standard

    warum nicht eine "Externe Weiterleitung" auf die html Datei ausserhalb von contao?

  3. #3
    Gesperrt
    Registriert seit
    20.07.2009.
    Ort
    Recife, Pernambuco, Brasilien
    Beiträge
    90

    Standard

    Hallo magicsepp,

    weil ich zum Beispiel nur ein Logo, einen Banner usw. usf., der mit Google Web Designer erstellt wurde, einbinden möchte.

    Übrigens Grüße nach Stuttgart (komme ursprünglich aus der Nähe).

    Carlos

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.468
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Carlos,

    kannst du mal einen generierten Code posten?
    Dann kann man sich den Schnipsel mal ins eigene Contao holen und testen.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  5. #5
    Gesperrt
    Registriert seit
    20.07.2009.
    Ort
    Recife, Pernambuco, Brasilien
    Beiträge
    90

    Standard

    Hallo planepix,

    ich habe mal ein ganz einfaches Beispiel, nicht in Contao eingebunden, hoch geladen: http://www.kwjr.de/test/index.html

    HTML-Code:
    <!DOCTYPE html>
    <html><head data-gwd-animation-mode="quickMode">
        <meta name="generator" content="Google Web Designer 1.0.6.0428">
        <meta name="template" content="Interstitial 1.0.5">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">html, body {
      width: 100%;
      height: 100%;
      margin: 0px;
    }
    
    .gwd-page-container {
      position: relative;
      width: 100%;
      height: 100%;
    }
    
    .gwd-page-content {
      background-color: transparent;
      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      -webkit-perspective: 1400px;
      -moz-perspective: 1400px;
      perspective: 1400px;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      position: absolute;
    }
    
    .gwd-page-wrapper {
      background-color: rgb(255, 255, 255);
      position: absolute;
      -webkit-transform: translateZ(0px);
      -moz-transform: translateZ(0px);
      transform: translateZ(0px);
    }
    
    .gwd-page-size {
      width: 800px;
      height: 600px;
    }
    
    .gwd-div-dt3k {
      position: absolute;
      font-family: 'Times New Roman';
      text-align: left;
      width: 289px;
      height: 101px;
      -webkit-transform-origin: 144.5px 50.5px 0px;
      -moz-transform-origin: 144.5px 50.5px 0px;
      transform-origin: 144.5px 50.5px 0px;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      left: 511px;
      top: 477px;
      -webkit-transform: matrix3d(0.9998777774, 0, 0.0156342633, 0, 0, 1, 0, 0, -0.0156342633, 0, 0.9998777774, 0, -244.9547495057, -257.952348459, 0, 1);
      -moz-transform: matrix3d(0.9998777774, 0, 0.0156342633, 0, 0, 1, 0, 0, -0.0156342633, 0, 0.9998777774, 0, -244.9547495057, -257.952348459, 0, 1);
      transform: matrix3d(0.9998777774, 0, 0.0156342633, 0, 0, 1, 0, 0, -0.0156342633, 0, 0.9998777774, 0, -244.9547495057, -257.952348459, 0, 1);
    }
    
    .gwd-span-zzik {
      font-size: 100px;
    }
    
    .gwd-gen-u61m .gwd-gen-gn3tgwdanimation {
      -webkit-animation: gwd-gen-gn3tgwdanimation_animation 4s linear 0s 1 forwards;
      -moz-animation: gwd-gen-gn3tgwdanimation_animation 4s linear 0s 1 forwards;
      animation: gwd-gen-gn3tgwdanimation_animation 4s linear 0s 1 forwards;
    }
    
    @-webkit-keyframes gwd-gen-gn3tgwdanimation_animation {
      0% { -webkit-animation-timing-function: linear; left: 2px; top: 23px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      25% { -webkit-animation-timing-function: linear; left: 511px; top: 477px; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      50% { -webkit-animation-timing-function: linear; left: 511px; top: 477px; -webkit-transform: matrix3d(-0.999876479, 0, -0.0157170847, 0, 0, 1, 0, 0, 0.0157170847, 0, -0.999876479, 0, 0, 0, 0, 1); }
      75% { -webkit-animation-timing-function: linear; left: 511px; top: 477px; -webkit-transform: matrix3d(-0.999876479, 0, -0.0157170847, 0, 0, 1, 0, 0, 0.0157170847, 0, -0.999876479, 0, -244.9547495057, -257.952348459, 0, 1); }
      100% { -webkit-animation-timing-function: linear; left: 511px; top: 477px; -webkit-transform: matrix3d(0.9998777774, 0, 0.0156342633, 0, 0, 1, 0, 0, -0.0156342633, 0, 0.9998777774, 0, -244.9547495057, -257.952348459, 0, 1); }
    }
    @-moz-keyframes gwd-gen-gn3tgwdanimation_animation {
      0% { -moz-animation-timing-function: linear; left: 2px; top: 23px; -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      25% { -moz-animation-timing-function: linear; left: 511px; top: 477px; -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      50% { -moz-animation-timing-function: linear; left: 511px; top: 477px; -moz-transform: matrix3d(-0.999876479, 0, -0.0157170847, 0, 0, 1, 0, 0, 0.0157170847, 0, -0.999876479, 0, 0, 0, 0, 1); }
      75% { -moz-animation-timing-function: linear; left: 511px; top: 477px; -moz-transform: matrix3d(-0.999876479, 0, -0.0157170847, 0, 0, 1, 0, 0, 0.0157170847, 0, -0.999876479, 0, -244.9547495057, -257.952348459, 0, 1); }
      100% { -moz-animation-timing-function: linear; left: 511px; top: 477px; -moz-transform: matrix3d(0.9998777774, 0, 0.0156342633, 0, 0, 1, 0, 0, -0.0156342633, 0, 0.9998777774, 0, -244.9547495057, -257.952348459, 0, 1); }
    }
    @keyframes gwd-gen-gn3tgwdanimation_animation {
      0% { animation-timing-function: linear; left: 2px; top: 23px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      25% { animation-timing-function: linear; left: 511px; top: 477px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      50% { animation-timing-function: linear; left: 511px; top: 477px; transform: matrix3d(-0.999876479, 0, -0.0157170847, 0, 0, 1, 0, 0, 0.0157170847, 0, -0.999876479, 0, 0, 0, 0, 1); }
      75% { animation-timing-function: linear; left: 511px; top: 477px; transform: matrix3d(-0.999876479, 0, -0.0157170847, 0, 0, 1, 0, 0, 0.0157170847, 0, -0.999876479, 0, -244.9547495057, -257.952348459, 0, 1); }
      100% { animation-timing-function: linear; left: 511px; top: 477px; transform: matrix3d(0.9998777774, 0, 0.0156342633, 0, 0, 1, 0, 0, -0.0156342633, 0, 0.9998777774, 0, -244.9547495057, -257.952348459, 0, 1); }
    }
    .gwd-gen-gn3tgwdanimation-gen-animation0keyframe {
      left: 2px;
      top: 23px;
      -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    
    </style>
        <script type="text/x-serialization" id="gwd-serialization">{
      "version": 1,
      "content": {
        "type": "rad.ad.RichMedia",
        "properties": {
          "environment": "@environment"
        },
        "children": [
          "@page1"
        ]
      },
      "objects": {
        "environment": {
          "type": "rad.environment.Browser"
        },
        "page1": {
          "type": "rad.ui.Page",
          "decorates": true,
          "properties": {
            "width": "800px",
            "height": "600px",
            "introAnimationSequence": "@intropage1",
            "isDefault": true
          },
          "children": []
        },
        "intropage1": {
          "type": "rad.animation.CSSAnimation",
          "properties": {
            "cssClass": "gwd-gen-u61m",
            "elementCount": 1
          }
        }
      }
    }</script>
      <style type="text/css" id="gwd-preview-style">[data-gwd-component-id="page1"] {
      overflow: hidden;
      border: 1px dashed rgb(160, 160, 160);
      width: 800px;
      height: 600px;
    }
    
    </style><script type="text/javascript" data-exports-type="rad.ad.RichMedia">// Copyright 2013 Google Inc. All Rights Reserved.
    (function(){var f,k=this,m=function(a,b,c){a=a.split(".");c=c||k;a[0]in c||!c.execScript||c.execScript("var "+a[0]);for(var d;a.length&&(d=a.shift());)a.length||void 0===b?c=c[d]?c[d]:c[d]={}:c[d]=b},n=function(){},aa=function(a){var b=typeof a;if("object"==b)if(a){if(a instanceof Array)return"array";if(a instanceof Object)return b;var c=Object.prototype.toString.call(a);if("[object Window]"==c)return"object";if("[object Array]"==c||"number"==typeof a.length&&"undefined"!=typeof a.splice&&"undefined"!=typeof a.propertyIsEnumerable&&
    !a.propertyIsEnumerable("splice"))return"array";if("[object Function]"==c||"undefined"!=typeof a.call&&"undefined"!=typeof a.propertyIsEnumerable&&!a.propertyIsEnumerable("call"))return"function"}else return"null";else if("function"==b&&"undefined"==typeof a.call)return"object";return b},p=function(a){return"array"==aa(a)},r=function(a){return"string"==typeof a},da=function(a){return a[ba]||(a[ba]=++ca)},ba="closure_uid_"+(1E9*Math.random()>>>0),ca=0,ea=function(a,b,c){return a.call.apply(a.bind,
    arguments)},fa=function(a,b,c){if(!a)throw Error();if(2<arguments.length){var d=Array.prototype.slice.call(arguments,2);return function(){var c=Array.prototype.slice.call(arguments);Array.prototype.unshift.apply(c,d);return a.apply(b,c)}}return function(){return a.apply(b,arguments)}},s=function(a,b,c){s=Function.prototype.bind&&-1!=Function.prototype.bind.toString().indexOf("native code")?ea:fa;return s.apply(null,arguments)},ga=function(a,b){var c=Array.prototype.slice.call(arguments,1);return function(){var b=
    c.slice();b.push.apply(b,arguments);return a.apply(this,b)}},ha=Date.now||function(){return+new Date},t=function(a,b){function c(){}c.prototype=b.prototype;a.a=b.prototype;a.prototype=new c;a.Sb=function(a,c,g){var h=Array.prototype.slice.call(arguments,2);return b.prototype[c].apply(a,h)}};Function.prototype.bind=Function.prototype.bind||function(a,b){if(1<arguments.length){var c=Array.prototype.slice.call(arguments,1);c.unshift(this,a);return s.apply(null,c)}return s(this,a)};var ia=function(a){return a.replace(/^[\s\xa0]+|[\s\xa0]+$/g,"")},ja=function(a){return Array.prototype.join.call(arguments,"")},ka=function(a,b){return a<b?-1:a>b?1:0},la=function(a){return String(a).replace(/\-([a-z])/g,function(a,c){return c.toUpperCase()})},ma=function(a){var b=r(void 0)?"undefined".replace(/([-()\[\]{}+?*.$\^|,:#<!\\])/g,"\\$1").replace(/\x08/g,"\\x08"):"\\s";return a.replace(RegExp("(^"+(b?"|["+b+"]+":"")+")([a-z])","g"),function(a,b,e){return b+e.toUpperCase()})};var na,oa=function(){return k.navigator?k.navigator.userAgent:""},pa=-1!=oa().indexOf("Android"),qa=-1!=oa().indexOf("MSIE");var ra,sa,ta,ua,va=function(){return k.navigator?k.navigator.userAgent:null};ua=ta=sa=ra=!1;var wa;if(wa=va()){var xa=k.navigator;ra=0==wa.lastIndexOf("Opera",0);sa=!ra&&(-1!=wa.indexOf("MSIE")||-1!=wa.indexOf("Trident"));ta=!ra&&-1!=wa.indexOf("WebKit");ua=!ra&&!ta&&!sa&&"Gecko"==xa.product}var ya=ra,u=sa,v=ua,za=ta,Aa=function(){var a=k.document;return a?a.documentMode:void 0},Ba;
    i:{var Ca="",Da;if(ya&&k.opera)var Ea=k.opera.version,Ca="function"==typeof Ea?Ea():Ea;else if(v?Da=/rv\:([^\);]+)(\)|;)/:u?Da=/\b(?:MSIE|rv)[: ]([^\);]+)(\)|;)/:za&&(Da=/WebKit\/(\S+)/),Da)var Fa=Da.exec(va()),Ca=Fa?Fa[1]:"";if(u){var Ga=Aa();if(Ga>parseFloat(Ca)){Ba=String(Ga);break i}}Ba=Ca}
    var Ha=Ba,Ia={},x=function(a){var b;if(!(b=Ia[a])){b=0;for(var c=ia(String(Ha)).split("."),d=ia(String(a)).split("."),e=Math.max(c.length,d.length),g=0;0==b&&g<e;g++){var h=c[g]||"",l=d[g]||"",q=RegExp("(\\d*)(\\D*)","g"),O=RegExp("(\\d*)(\\D*)","g");do{var J=q.exec(h)||["","",""],w=O.exec(l)||["","",""];if(0==J[0].length&&0==w[0].length)break;b=ka(0==J[1].length?0:parseInt(J[1],10),0==w[1].length?0:parseInt(w[1],10))||ka(0==J[2].length,0==w[2].length)||ka(J[2],w[2])}while(0==b)}b=Ia[a]=0<=b}return b},
    Ja=k.document,Ka=Ja&&u?Aa()||("CSS1Compat"==Ja.compatMode?parseInt(Ha,10):5):void 0;var La=function(){if(!pa)return 0;if(void 0===na){var a=/Android\s+([0-9.]+)/.exec(oa());na=a&&2==a.length?a[1]:""}return parseInt(na,10)||0},Ma=function(){return ya?"-o-":u?"":v?"-moz-":"-webkit-"};var y=Array.prototype,Na=y.indexOf?function(a,b,c){return y.indexOf.call(a,b,c)}:function(a,b,c){c=null==c?0:0>c?Math.max(0,a.length+c):c;if(r(a))return r(b)&&1==b.length?a.indexOf(b,c):-1;for(;c<a.length;c++)if(c in a&&a[c]===b)return c;return-1},Oa=y.forEach?function(a,b,c){y.forEach.call(a,b,c)}:function(a,b,c){for(var d=a.length,e=r(a)?a.split(""):a,g=0;g<d;g++)g in e&&b.call(c,e[g],g,a)},Pa=y.filter?function(a,b,c){return y.filter.call(a,b,c)}:function(a,b,c){for(var d=a.length,e=[],g=0,h=r(a)?
    a.split(""):a,l=0;l<d;l++)if(l in h){var q=h[l];b.call(c,q,l,a)&&(e[g++]=q)}return e},Qa=function(a,b){return 0<=Na(a,b)},Ra=function(a,b){var c=Na(a,b),d;(d=0<=c)&&y.splice.call(a,c,1);return d},Sa=function(a){var b=a.length;if(0<b){for(var c=Array(b),d=0;d<b;d++)c[d]=a[d];return c}return[]};var Ta=function(a,b){return Pa(a,function(a){return!Qa(b,a)})},Ua=function(a,b){var c=document.body,d;d=c.className;d=r(d)&&d.match(/\S+/g)||[];r(a)?Ra(d,a):p(a)&&(d=Ta(d,a));if(r(b)&&!Qa(d,b))d.push(b);else if(p(b))for(var e=d,g=0;g<b.length;g++)Qa(e,b[g])||e.push(b[g]);d=d.join(" ");c.className=d};var z=function(a,b,c){for(var d in a)b.call(c,a[d],d,a)},Va=function(a){var b=[],c=0,d;for(d in a)b[c++]=d;return b},Wa=function(a,b){b in a&&delete a[b]},Xa="constructor hasOwnProperty isPrototypeOf propertyIsEnumerable toLocaleString toString valueOf".split(" "),Ya=function(a,b){for(var c,d,e=1;e<arguments.length;e++){d=arguments[e];for(c in d)a[c]=d[c];for(var g=0;g<Xa.length;g++)c=Xa[g],Object.prototype.hasOwnProperty.call(d,c)&&(a[c]=d[c])}};!v&&!u||u&&u&&9<=Ka||v&&x("1.9.1");u&&x("9");var Za=function(a,b){a.appendChild(b)},$a=function(a,b){a=a.parentNode;for(var c=0;a;){if(b(a))return a;a=a.parentNode;c++}return null};var A=function(){};A.prototype.Ea=!1;A.prototype.isDisposed=function(){return this.Ea};A.prototype.dispose=function(){this.Ea||(this.Ea=!0,this.disposeInternal())};var ab=function(a,b){a.S||(a.S=[]);a.S.push(s(b,void 0))};A.prototype.disposeInternal=function(){if(this.S)for(;this.S.length;)this.S.shift()()};var bb=function(a){a&&"function"==typeof a.dispose&&a.dispose()};var B=function(a,b){this.type=a;this.currentTarget=this.target=b;this.defaultPrevented=this.A=!1;this.Ja=!0};B.prototype.disposeInternal=function(){};B.prototype.dispose=function(){};B.prototype.stopPropagation=function(){this.A=!0};B.prototype.preventDefault=function(){this.defaultPrevented=!0;this.Ja=!1};var cb=function(a){a.preventDefault()};var db=function(a){db[" "](a);return a};db[" "]=n;var eb=!u||u&&9<=Ka,fb=u&&!x("9");!za||x("528");v&&x("1.9b")||u&&x("8")||ya&&x("9.5")||za&&x("528");v&&!x("8")||u&&x("9");var C=function(a,b){B.call(this,a?a.type:"");this.relatedTarget=this.currentTarget=this.target=null;this.charCode=this.keyCode=this.button=this.screenY=this.screenX=this.clientY=this.clientX=this.offsetY=this.offsetX=0;this.metaKey=this.shiftKey=this.altKey=this.ctrlKey=!1;this.m=this.state=null;a&&this.init(a,b)};t(C,B);
    C.prototype.init=function(a,b){var c=this.type=a.type;this.target=a.target||a.srcElement;this.currentTarget=b;var d=a.relatedTarget;if(d){if(v){var e;i:{try{db(d.nodeName);e=!0;break i}catch(g){}e=!1}e||(d=null)}}else"mouseover"==c?d=a.fromElement:"mouseout"==c&&(d=a.toElement);this.relatedTarget=d;this.offsetX=za||void 0!==a.offsetX?a.offsetX:a.layerX;this.offsetY=za||void 0!==a.offsetY?a.offsetY:a.layerY;this.clientX=void 0!==a.clientX?a.clientX:a.pageX;this.clientY=void 0!==a.clientY?a.clientY:
    a.pageY;this.screenX=a.screenX||0;this.screenY=a.screenY||0;this.button=a.button;this.keyCode=a.keyCode||0;this.charCode=a.charCode||("keypress"==c?a.keyCode:0);this.ctrlKey=a.ctrlKey;this.altKey=a.altKey;this.shiftKey=a.shiftKey;this.metaKey=a.metaKey;this.state=a.state;this.m=a;a.defaultPrevented&&this.preventDefault()};C.prototype.stopPropagation=function(){C.a.stopPropagation.call(this);this.m.stopPropagation?this.m.stopPropagation():this.m.cancelBubble=!0};
    C.prototype.preventDefault=function(){C.a.preventDefault.call(this);var a=this.m;if(a.preventDefault)a.preventDefault();else if(a.returnValue=!1,fb)try{if(a.ctrlKey||112<=a.keyCode&&123>=a.keyCode)a.keyCode=-1}catch(b){}};C.prototype.disposeInternal=function(){};var gb="closure_listenable_"+(1E6*Math.random()|0),D=function(a){try{return!(!a||!a[gb])}catch(b){return!1}},hb=0;var ib=function(a,b,c,d,e){this.w=a;this.$=null;this.src=b;this.type=c;this.capture=!!d;this.l=e;this.key=++hb;this.C=this.W=!1},jb=function(a){a.C=!0;a.w=null;a.$=null;a.src=null;a.l=null};var E=function(a){this.src=a;this.d={};this.K=0};E.prototype.add=function(a,b,c,d,e){var g=this.d[a];g||(g=this.d[a]=[],this.K++);var h=kb(g,b,d,e);-1<h?(a=g[h],c||(a.W=!1)):(a=new ib(b,this.src,a,!!d,e),a.W=c,g.push(a));return a};E.prototype.remove=function(a,b,c,d){if(!(a in this.d))return!1;var e=this.d[a];b=kb(e,b,c,d);return-1<b?(jb(e[b]),y.splice.call(e,b,1),0==e.length&&(delete this.d[a],this.K--),!0):!1};
    var lb=function(a,b){var c=b.type;if(!(c in a.d))return!1;var d=Ra(a.d[c],b);d&&(jb(b),0==a.d[c].length&&(delete a.d[c],a.K--));return d};E.prototype.removeAll=function(a){var b=0,c;for(c in this.d)if(!a||c==a){for(var d=this.d[c],e=0;e<d.length;e++)++b,jb(d[e]);delete this.d[c];this.K--}return b};E.prototype.aa=function(a,b){var c=this.d[a],d=[];if(c)for(var e=0;e<c.length;++e){var g=c[e];g.capture==b&&d.push(g)}return d};
    E.prototype.L=function(a,b,c,d){a=this.d[a];var e=-1;a&&(e=kb(a,b,c,d));return-1<e?a[e]:null};var kb=function(a,b,c,d){for(var e=0;e<a.length;++e){var g=a[e];if(!g.C&&g.w==b&&g.capture==!!c&&g.l==d)return e}return-1};var mb="closure_lm_"+(1E6*Math.random()|0),nb={},ob=0,pb=function(a,b,c,d,e){if(p(b)){for(var g=0;g<b.length;g++)pb(a,b[g],c,d,e);return null}c=qb(c);return D(a)?a.k(b,c,d,e):rb(a,b,c,!1,d,e)},rb=function(a,b,c,d,e,g){if(!b)throw Error("Invalid event type");var h=!!e,l=F(a);l||(a[mb]=l=new E(a));c=l.add(b,c,d,e,g);if(c.$)return c;d=sb();c.$=d;d.src=a;d.w=c;a.addEventListener?a.addEventListener(b,d,h):a.attachEvent(b in nb?nb[b]:nb[b]="on"+b,d);ob++;return c},sb=function(){var a=tb,b=eb?function(c){return a.call(b.src,
    b.w,c)}:function(c){c=a.call(b.src,b.w,c);if(!c)return c};return b},G=function(a,b,c,d,e){if(p(b)){for(var g=0;g<b.length;g++)G(a,b[g],c,d,e);return null}c=qb(c);return D(a)?a.j(b,c,d,e):rb(a,b,c,!0,d,e)},ub=function(a,b,c,d,e){if(p(b))for(var g=0;g<b.length;g++)ub(a,b[g],c,d,e);else c=qb(c),D(a)?a.B(b,c,d,e):a&&(a=F(a))&&(b=a.L(b,c,!!d,e))&&vb(b)},vb=function(a){if("number"==typeof a||!a||a.C)return!1;var b=a.src;if(D(b))return lb(b.n,a);var c=a.type,d=a.$;b.removeEventListener?b.removeEventListener(c,
    d,a.capture):b.detachEvent&&b.detachEvent(c in nb?nb[c]:nb[c]="on"+c,d);ob--;(c=F(b))?(lb(c,a),0==c.K&&(c.src=null,b[mb]=null)):jb(a);return!0},xb=function(a,b,c,d){var e=1;if(a=F(a))if(b=a.d[b])for(b=Sa(b),a=0;a<b.length;a++){var g=b[a];g&&g.capture==c&&!g.C&&(e&=!1!==wb(g,d))}return Boolean(e)},wb=function(a,b){var c=a.w,d=a.l||a.src;a.W&&vb(a);return c.call(d,b)},tb=function(a,b){if(a.C)return!0;if(!eb){var c;if(!(c=b))i:{c=["window","event"];for(var d=k,e;e=c.shift();)if(null!=d[e])d=d[e];else{c=
    null;break i}c=d}e=c;c=new C(e,this);d=!0;if(!(0>e.keyCode||void 0!=e.returnValue)){i:{var g=!1;if(0==e.keyCode)try{e.keyCode=-1;break i}catch(h){g=!0}if(g||void 0==e.returnValue)e.returnValue=!0}e=[];for(g=c.currentTarget;g;g=g.parentNode)e.push(g);for(var g=a.type,l=e.length-1;!c.A&&0<=l;l--)c.currentTarget=e[l],d&=xb(e[l],g,!0,c);for(l=0;!c.A&&l<e.length;l++)c.currentTarget=e[l],d&=xb(e[l],g,!1,c)}return d}return wb(a,new C(b,this))},F=function(a){a=a[mb];return a instanceof E?a:null},yb="__closure_events_fn_"+
    (1E9*Math.random()>>>0),qb=function(a){return"function"==aa(a)?a:a[yb]||(a[yb]=function(b){return a.handleEvent(b)})};var H=function(){this.n=new E(this);this.Db=this};t(H,A);H.prototype[gb]=!0;f=H.prototype;f.ba=null;f.Rb=function(a){this.ba=a};f.addEventListener=function(a,b,c,d){pb(this,a,b,c,d)};f.removeEventListener=function(a,b,c,d){ub(this,a,b,c,d)};
    f.dispatchEvent=function(a){var b,c=this.ba;if(c)for(b=[];c;c=c.ba)b.push(c);var c=this.Db,d=a.type||a;if(r(a))a=new B(a,c);else if(a instanceof B)a.target=a.target||c;else{var e=a;a=new B(d,c);Ya(a,e)}var e=!0,g;if(b)for(var h=b.length-1;!a.A&&0<=h;h--)g=a.currentTarget=b[h],e=zb(g,d,!0,a)&&amp;e;a.A||(g=a.currentTarget=c,e=zb(g,d,!0,a)&&e,a.A||(e=zb(g,d,!1,a)&&e));if(b)for(h=0;!a.A&&h<b.length;h++)g=a.currentTarget=b[h],e=zb(g,d,!1,a)&&amp;e;return e};
    f.disposeInternal=function(){H.a.disposeInternal.call(this);this.removeAllListeners();this.ba=null};f.k=function(a,b,c,d){return this.n.add(String(a),b,!1,c,d)};f.j=function(a,b,c,d){return this.n.add(String(a),b,!0,c,d)};f.B=function(a,b,c,d){return this.n.remove(String(a),b,c,d)};f.removeAllListeners=function(a){return this.n?this.n.removeAll(a):0};
    var zb=function(a,b,c,d){b=a.n.d[String(b)];if(!b)return!0;b=Sa(b);for(var e=!0,g=0;g<b.length;++g){var h=b[g];if(h&&!h.C&&h.capture==c){var l=h.w,q=h.l||h.src;h.W&&lb(a.n,h);e=!1!==l.call(q,d)&&e}}return e&&!1!=d.Ja};H.prototype.aa=function(a,b){return this.n.aa(String(a),b)};H.prototype.L=function(a,b,c,d){return this.n.L(String(a),b,c,d)};var I=function(a){H.call(this);this.bb=a.cssClass;this.Gb=a.elementCount;this.Ba=0};t(I,H);var Ab=-1!=oa().indexOf("WebKit")?"webkitAnimationEnd":"animationend";I.prototype.start=function(){this.dispatchEvent("animationstart");this.Ba=this.Gb;pb(document.body,Ab,this.ea,!0,this);Ua(null,this.bb)};I.prototype.stop=function(){this.Aa();Bb(this)};I.prototype.Aa=function(){Ua(this.bb,null)};var Bb=function(a){ub(document.body,Ab,a.ea,!0,a);a.dispatchEvent("animationend")};
    I.prototype.ea=function(){this.Ba--;0>=this.Ba&&Bb(this)};m("rad.animation.CSSAnimation",I,void 0);var K=I.prototype;K.addEventListener=K.addEventListener;K.removeEventListener=K.removeEventListener;K.start=K.start;K.stop=K.stop;var Cb=function(a,b,c){if(p(b))for(var d=0;d<b.length;d++)Cb(a,String(b[d]),c);else null!=b&&c.push("&",a,""===b?"":"=",encodeURIComponent(String(b)))},Db=/#|$/,Eb=function(a,b){var c=a.search(Db),d;i:{d=0;for(var e=b.length;0<=(d=a.indexOf(b,d))&&d<c;){var g=a.charCodeAt(d-1);if(38==g||63==g)if(g=a.charCodeAt(d+e),!g||61==g||38==g||35==g)break i;d+=e+1}d=-1}if(0>d)return null;e=a.indexOf("&",d);if(0>e||e>c)e=c;d+=b.length+1;return decodeURIComponent(a.substr(d,e-d).replace(/\+/g," "))};Eb(window.location.href,"canvasLogLevel");var Fb=function(){H.call(this);this.Q=[];this.ib=0};t(Fb,H);var Gb=["abort","error","load"];Fb.prototype.add=function(a){if("string"==typeof a)this.Q.push(a);else for(var b in a)this.Q.push(a[b])};Fb.prototype.start=function(){Hb(this);for(var a in this.Q){var b=this.Q[a],c=document.createElement("img");G(c,Gb,this.Lb,void 0,this);c.src=b}};Fb.prototype.Lb=function(){this.ib++;this.dispatchEvent("progress");Hb(this)};var Hb=function(a){a.ib==a.Q.length&&a.dispatchEvent("complete")};var Ib=function(){Fb.call(this)};t(Ib,Fb);var L=function(){this.eb=this.fb=this.gb=""},Jb={Vb:"translate",Tb:"rotate",Ub:"scale"},Kb=function(){switch(Ma()){case "-moz-":return"MozTransform";case "-webkit-":return"webkitTransform";case "-o-":return"OTransform";default:return"transform"}}(),Lb=Ma()+"transform",Mb=function(a,b){return a+"("+b.join(",")+")"},Nb=function(){return Qa([1,2,3],La())?!1:"WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix("")};
    L.prototype.translate=function(a,b,c){var d="translate";a=[a,b];Nb()&&(d+="3d",r(c)?a.push(c):a.push("0px"));this.gb=Mb(d,a);return this};L.prototype.scale=function(a,b,c){b=r(b)?b:a;var d="scale";a=[a,b];Nb()&&(d+="3d",r(c)?a.push(c):a.push("1"));this.fb=Mb(d,a);return this};L.prototype.rotate=function(a){this.eb=Mb("rotate",[a]);return this};L.prototype.F=function(){var a=ia([this.gb,this.fb,this.eb].join(" "));if(""===a)return{};var b={};b.transform=a;return b};var M=function(a){this.b=a;this.N={}};t(M,A);var Ob=[];M.prototype.k=function(a,b,c,d){p(b)||(Ob[0]=b,b=Ob);for(var e=0;e<b.length;e++){var g=pb(a,b[e],c||this.handleEvent,d||!1,this.b||this);if(!g)break;this.N[g.key]=g}return this};M.prototype.j=function(a,b,c,d){return Pb(this,a,b,c,d)};var Pb=function(a,b,c,d,e,g){if(p(c))for(var h=0;h<c.length;h++)Pb(a,b,c[h],d,e,g);else{b=G(b,c,d||a.handleEvent,e,g||a.b||a);if(!b)return a;a.N[b.key]=b}return a};
    M.prototype.B=function(a,b,c,d,e){if(p(b))for(var g=0;g<b.length;g++)this.B(a,b[g],c,d,e);else c=c||this.handleEvent,e=e||this.b||this,c=qb(c),d=!!d,b=D(a)?a.L(b,c,d,e):a?(a=F(a))?a.L(b,c,d,e):null:null,b&&(vb(b),delete this.N[b.key]);return this};M.prototype.removeAll=function(){z(this.N,vb);this.N={}};M.prototype.disposeInternal=function(){M.a.disposeInternal.call(this);this.removeAll()};M.prototype.handleEvent=function(){throw Error("EventHandler.handleEvent not implemented");};var Rb=function(a,b,c){r(b)?Qb(a,c,b):z(b,ga(Qb,a))},Qb=function(a,b,c){var d;i:if(d=la(c),void 0===a.style[d]&&(c=(za?"Webkit":v?"Moz":u?"ms":ya?"O":null)+ma(c),void 0!==a.style[c])){d=c;break i}d&&(a.style[d]=b)};var N=function(a,b){H.call(this);this.f=a;this.f.id||(this.f.id=da(this).toString());this.Qa=b};t(N,H);f=N.prototype;f.Y=!1;f.lb=!1;f.t=!1;f.getConfig=function(){var a=this.f,b={},c;for(c in a)b[c]=a[c];return b};f.setConfig=function(a){Ya(this.f,a);Sb(this)};f.getElement=function(){return this.u};f.setElement=function(a){this.u=a;Sb(this)};var Sb=function(a){a.getElement();a.getConfig();a.dispatchEvent("configured")};f=N.prototype;f.e=function(){this.b||(this.b=new M(this));return this.b};
    f.J=function(){this.lb=!0;this.dispatchEvent("load")};f.isLoaded=function(){return this.lb};f.isBound=function(){return this.Y};f.isVisible=function(){return this.t};f.load=function(){this.Fa()};f.Fa=function(){this.J()};f.createDom=function(){var a=document.createElement("DIV");this.setElement(a)};f.bind=function(){this.Y=!0};f.present=function(){this.setVisible()};f.setVisible=function(){this.t=!0;this.dispatchEvent("visible")};f.dismiss=function(){this.t=!1;this.dispatchEvent("hidden")};
    f.unbind=function(){this.b&&(this.b.dispose(),this.b=null);this.Y=!1};f.disposeInternal=function(){this.Y&&this.unbind();delete this.u;N.a.disposeInternal.call(this)};var Tb=function(a,b){N.call(this,a,b)};t(Tb,N);Tb.prototype.Fa=function(){var a=this.Qa.getEnvironment().getFilename(this.getConfig().src),b=new Ib;b.add(a);this.e().j(b,"complete",this.Cb);b.start()};Tb.prototype.createDom=function(){var a=document.createElement("IMG");this.setElement(a)};Tb.prototype.Cb=function(){var a=this.Qa.getEnvironment().getFilename(this.getConfig().src);this.getElement().setAttribute("src",a);this.J()};var Ub=function(a){a.addEventListener=a.addEventListener;a.removeEventListener=a.removeEventListener;a.getElement=a.getElement;a.setElement=a.setElement;a.getConfig=a.getConfig;a.setConfig=a.setConfig;a.createDom=a.createDom;a.load=a.load;a.bind=a.bind;a.present=a.present;a.dismiss=a.dismiss;a.unbind=a.unbind;a.dispose=a.dispose;a.isDisposed=a.isDisposed;a.isLoaded=a.isLoaded;a.isBound=a.isBound;a.isVisible=a.isVisible;a=B.prototype;m("goog.events.Event",B,void 0);a.stopPropagation=a.stopPropagation;
    a.preventDefault=a.preventDefault;a.currentTarget=a.currentTarget;a.target=a.target;a.type=a.type};m("rad.ui.Image",Tb,void 0);Ub(Tb.prototype);var P=function(a,b){N.call(this,a,b)};t(P,N);P.prototype.Da=function(a,b){var c=isNaN(b)?1:b;this.g||(this.g=[]);this.g[c]||(this.g[c]=[]);this.g[c].push(a);this.e().k(a,"configured",this.ub)};P.prototype.ub=function(){this.isLoaded()&&this.isVisible()&&Vb(this)};P.prototype.Fa=function(){Wb(this,0)};
    var Wb=function(a,b){var c=0,d=s(function(a){a.target.removeEventListener("load",d,!1);c--;0==c&&Wb(this,b+1)},a);if(a.g&&a.g.length>b){var e=a.g[b];if(p(e)&&0<e.length)for(var c=e.length,g=0;g<e.length;g++)e[g].addEventListener("load",d,!1),e[g].load();else Wb(a,b+1)}else a.J()},Yb=function(a,b){if(p(a.g))for(var c=0;c<a.g.length;c++)Xb(a,b,c)},Xb=function(a,b,c){p(a.g)&&(c=a.g[c],p(c)&&Oa(c,b,a))};P.prototype.bind=function(){P.a.bind.call(this);Yb(this,function(a){this.appendChild(a);a.bind()})};
    P.prototype.appendChild=function(a){var b=this.getElement();$a(a.getElement(),function(a){return a==b})||Za(b,a.getElement())};P.prototype.present=function(){p(this.g)?Vb(this):P.a.present.call(this)};var Vb=function(a){var b=0,c=0,d=s(function(a){a.target.removeEventListener("visible",d,!1);a.stopPropagation();c++;b==c&&this.setVisible()},a);Yb(a,function(a){b++;a.addEventListener("visible",d,!1);a.present()})};P.prototype.dismiss=function(){p(this.g)?Zb(this):P.a.dismiss.call(this)};
    var Zb=function(a){var b=0,c=0,d=s(function(a){a.target.removeEventListener("hidden",d,!1);a.stopPropagation();c++;b==c&&(this.t=!1,this.dispatchEvent("hidden"))},a);Yb(a,function(a){b++;a.addEventListener("hidden",d,!1);a.dismiss()})};P.prototype.unbind=function(){Yb(this,function(a){a.unbind()});P.a.unbind.call(this)};P.prototype.disposeInternal=function(){Yb(this,function(a){a.dispose()});this.g=null;P.a.disposeInternal.call(this)};var Q=function(a,b){N.call(this,a,b);this.G=[]};t(Q,P);Q.prototype.ua=function(a,b,c){this.G.push({src:a,type:b,l:c,Oa:!1})};Q.prototype.bind=function(){for(var a=0;a<this.G.length;a++){var b=this.G[a];b.src.addEventListener(b.type,b.l,b.Oa)}Q.a.bind.call(this)};Q.prototype.unbind=function(){for(var a=0;a<this.G.length;a++){var b=this.G[a];b.src.removeEventListener(b.type,b.l,b.Oa)}Q.a.unbind.call(this)};Q.prototype.disposeInternal=function(){this.G=null;Q.a.disposeInternal.call(this)};var R=function(a,b){Q.call(this,a,b)};t(R,Q);f=R.prototype;f.jb=!1;f.Za=null;f.Ta=null;f.Ua=null;f.setElement=function(a){R.a.setElement.call(this,a);this.Za=this.getElement().parentElement};var ac=function(a){a.jb||(a.jb=!0,a.dispatchEvent("brandingload"),Xb(a,function(a){this.appendChild(a)},0),$b(a))},$b=function(a){var b=a.Za||document.body;b!=a.getElement().parentElement&&(a=a.getElement(),b.appendChild(a))};f=R.prototype;f.Na=function(){this.dispatchEvent("pagepresented")};
    f.ua=function(a,b,c){"pagepresented"==b||"pagepresenting"==b?a=this:"rotatetolandscape"==b?this.Ta=c:"rotatetoportrait"==b&&(this.Ua=c);R.a.ua.call(this,a,b,c)};f.J=function(){ac(this);R.a.J.call(this)};f.bind=function(){$b(this);R.a.bind.call(this)};f.unbind=function(){R.a.unbind.call(this);var a=this.getElement();a&&a.parentNode&&a.parentNode.removeChild(a);(a=this.getConfig().introAnimationSequence)&&void 0!==a.Aa&&a.Aa()};
    f.present=function(){R.a.present.call(this);this.dispatchEvent("pagepresenting");var a=this.getConfig().introAnimationSequence;a?(this.e().j(a,"animationend",this.Na),a.start()):this.Na()};f.dismiss=function(){R.a.dismiss.call(this)};f.disposeInternal=function(){var a=this.getConfig();a.introAnimationSequence&&(a.introAnimationSequence.dispose&&a.introAnimationSequence.dispose(),a.introAnimationSequence=null);R.a.disposeInternal.call(this)};m("rad.ui.Page",R,void 0);Ub(R.prototype);R.prototype.addChild=R.prototype.Da;R.prototype.addEvent=R.prototype.ua;var bc=function(a,b){H.call(this);this.ca=a||1;this.D=b||k;this.va=s(this.Eb,this);this.wa=ha()};t(bc,H);f=bc.prototype;f.enabled=!1;f.p=null;f.Eb=function(){if(this.enabled){var a=ha()-this.wa;0<a&&a<0.8*this.ca?this.p=this.D.setTimeout(this.va,this.ca-a):(this.p&&(this.D.clearTimeout(this.p),this.p=null),this.dispatchEvent("tick"),this.enabled&&(this.p=this.D.setTimeout(this.va,this.ca),this.wa=ha()))}};
    f.start=function(){this.enabled=!0;this.p||(this.p=this.D.setTimeout(this.va,this.ca),this.wa=ha())};f.stop=function(){this.enabled=!1;this.p&&(this.D.clearTimeout(this.p),this.p=null)};f.disposeInternal=function(){bc.a.disposeInternal.call(this);this.stop();delete this.D};var cc=function(a,b,c){if("function"==aa(a))c&&(a=s(a,c));else if(a&&"function"==typeof a.handleEvent)a=s(a.handleEvent,a);else throw Error("Invalid listener argument");2147483647<b||k.setTimeout(a,b||0)};var dc=function(a,b){N.call(this,a,b);this.pa=this.oa=0};t(dc,N);f=dc.prototype;f.bind=function(){dc.a.bind.call(this);this.getElement().style.cursor="pointer";this.e().k(this.getElement(),"click",this.ia);this.e().k(this.getElement(),"touchstart",this.sb)};f.sb=function(a){a.stopPropagation();this.e().k(this.getElement(),"touchend",this.ia);this.e().k(document.body,"touchmove",this.Ma);this.oa=a.m.touches[0].clientX;this.pa=a.m.touches[0].clientY};
    f.Ma=function(a){var b=a.m.touches[0].clientY;(10<Math.abs(a.m.touches[0].clientX-this.oa)||10<Math.abs(b-this.pa))&&this.da()};f.ia=function(a){a.stopPropagation();this.da();this.dispatchEvent("action");"touchend"==a.type&&(a={x:this.oa,y:this.pa},S.push(a),window.setTimeout(ec.bind(null,a),2500))};f.da=function(){this.e().B(this.getElement(),"touchend",this.ia);this.e().B(document.body,"touchmove",this.Ma)};var S=[],ec=function(a){a=S.indexOf(a);0<=a&&S.splice(a,1)};
    document.addEventListener("click",function(a){for(var b=0;b<S.length;b++){var c=S[b].y;25>Math.abs(a.clientX-S[b].x)&&25>Math.abs(a.clientY-c)&&(S.splice(b,1),a.stopPropagation(),a.preventDefault())}},!0);m("rad.ui.TapArea",dc,void 0);Ub(dc.prototype);var fc=function(){this.o={}};t(fc,A);fc.prototype.add=function(a,b,c){this.o[a]={from:b,P:c}};var gc=function(a,b){z(b.o,function(a,b){this.o[b]=a},a)},hc=function(a,b){var c={},d,e,g,h=b.replace(/ /g,"").split(")").slice(0,-1);Oa(h,function(a){d=a.split("(")[0];e=a.split("(")[1];"rotate3d"===d&&(a=e.split(","),e=a[a.length-1]);g={};g.from=e;g.P=e;c[d.replace("3d","")]=g},a);z(c,function(a,b){var c=this.o;b in c||(c[b]=a)},a)};
    fc.prototype.F=function(a){var b=Qa([1,2],La()),c={},d=new L,e=new L,g={},h={};this.o.transform&&(Wa(this.o,"rotate"),Wa(this.o,"translate"),Wa(this.o,"scale"));z(this.o,function(l,q){if("translate"===q){var O=l.from.split(","),J=l.P.split(",");d.translate.apply(d,O);e.translate.apply(e,J)}else"rotate"===q?(d.rotate(l.from),e.rotate(l.P)):"scale"===q?(O=l.from.split(","),J=l.P.split(","),d.scale.apply(d,O),e.scale.apply(e,J)):(g[q]=l.from,h[q]=l.P);if(b){var O=a+"_"+q,w;i:{for(w in Jb)if(Jb[w]==q){w=
    !0;break i}w=!1}w?(w=[d.F(),e.F()],c[O]=w,d=new L,e=new L):(w=[g,h],c[O]=w,g={},h={})}},this);b||(Ya(g,d.F()),Ya(h,e.F()),c[a]=[g,h]);return c};fc.prototype.disposeInternal=function(){delete this.o;fc.a.disposeInternal.call(this)};var T=function(a){H.call(this);this.f=a;this.u=a.element||null;this.Ga=a.duration||"1s";this.ka=a.qb||"0s";this.ob=a.easing||"ease";this.Ia=a.rb||1;this.T={};this.v=new fc;this.v.add(a.propertyName,a.I,a.H)};t(T,H);var ic=Ma(),jc=(-1!=oa().indexOf("WebKit")?ic:"")+"animation",kc="@"+ic+"keyframes",lc=ic+"animation-fill-mode",mc=-1!=oa().indexOf("WebKit")?"webkitAnimationEnd":"animationend";f=T.prototype;f.getConfig=function(){return this.f};
    f.ha=function(){this.dispatchEvent("animationstart");var a=this.u,b=a.style[Kb];void 0!==b&&""!==b&&hc(this.v,b);b=this.f.id;b||(b=da(this),this.f.id=b);b="anim_"+b+"_"+da(a);b=this.v.F(b);"0s"===this.Ga?(Rb(a,jc,""),z(b,function(a){Ya(this.T,a[1])},this),cc(this.Pa,1E3*parseFloat(this.ka.substr(0,this.ka.length-1)),this)):(G(a,mc,this.Pa,!1,this),z(b,function(a,b){var e=b+"-animation-script",g=document;if(r(e)?!g.getElementById(e):!e){for(var g=kc+" "+b+" {",h=0;h<a.length;h++){var l=Math.round(100*
    Math.abs(h/(a.length-1))),g=g+(l+"% {"),q;for(q in a[h])g="transform"===q?g+(Lb+":"+a[h][q]+";"):g+(q+":"+a[h][q]+";");g+="}"}g+="}";q=document.createElement("style");q.id=e;q.innerHTML=g;document.getElementsByTagName("head")[0].appendChild(q)}Ya(this.T,a[1])},this),Rb(a,nc(this,Va(b))))};f.start=function(){this.ha()};f.stop=function(){};f.Pa=function(){Rb(this.u,this.T);this.dispatchEvent("animationend")};
    var nc=function(a,b){var c={};c[jc]="";var d=c[lc]="";z(b,function(a){c[jc]+=d+[a,this.Ga,this.ob,this.ka,-1===this.Ia?"infinite":this.Ia].join(" ");c[lc]+=d+"both";d=", "},a);return c};T.prototype.disposeInternal=function(){delete this.f;this.T=this.u=null;this.v.dispose();delete this.v;T.a.disposeInternal.call(this)};var oc=function(){H.call(this);this.O={};this.ga=0};t(oc,H);f=oc.prototype;f.add=function(a){var b=da(a.u),c=this.O,d=0,e;for(e in c)d++;0!==d&&void 0!==this.O[b]?gc(this.O[b].v,a.v):this.O[b]=a;return this};f.ha=function(){this.dispatchEvent("animationstart");this.ga=0;z(this.O,function(a){this.ga++;G(a,"animationend",this.ea,!1,this);a.ha()},this)};f.start=function(){this.ha()};f.stop=function(){};f.ea=function(){this.ga--;0>=this.ga&&this.dispatchEvent("animationend")};var pc=function(){};f=pc.prototype;f.id=NaN;f.propertyName="";f.I="";f.H="";f.duration="";f.qb="";f.easing="ease";f.rb=1;f.element=null;f.setElement=function(a){this.element=a};var U=function(a,b,c){H.call(this);this.i=a;this.r=b;this.type=c.type||"none";this.duration=c.duration||0;this.easing=c.easing||"ease";this.direction=c.direction||"right";this.l=new M(this)};t(U,H);U.prototype.ja=n;U.prototype.na=function(){this.i&&(this.i.style[jc]="none",this.i.style[Kb]="none")};U.prototype.start=function(){this.dispatchEvent("animationstart");this.stop()};U.prototype.stop=function(){this.dispatchEvent("animationend")};var qc=function(a,b,c){U.call(this,a,b,c)};t(qc,U);qc.prototype.ja=function(){this.r.style.opacity=0;""!=this.i.style.zIndex&&(this.r.style.zIndex=this.i.style.zIndex+1)};qc.prototype.na=function(){qc.a.na.call(this);this.i.style.opacity=1};qc.prototype.start=function(){this.dispatchEvent("animationstart");var a=new oc,b=rc(this,this.r),c=rc(this,this.i,!0),b=new T(b),c=new T(c);a.add(b);a.add(c);this.l.j(a,"animationend",this.stop);a.start()};
    var rc=function(a,b,c){var d=new pc;d.propertyName="opacity";c?(d.I="1",d.H="0"):(d.I="0",d.H="1");d.duration=a.duration+"ms";d.easing=a.easing;d.setElement(b);return d};var sc=function(a,b,c){U.call(this,a,b,c)};t(sc,U);sc.prototype.ja=function(){""!=this.i.style.zIndex&&(this.r.style.zIndex=this.i.style.zIndex+1);this.r.style.display="none"};
    sc.prototype.start=function(){this.dispatchEvent("animationstart");var a=window.getComputedStyle(this.i,null).getPropertyValue("width"),b=window.getComputedStyle(this.i,null).getPropertyValue("height"),c=window.getComputedStyle(this.r,null).getPropertyValue("width"),d=window.getComputedStyle(this.r,null).getPropertyValue("height"),e="",g="";switch(this.direction){case "top":e="0px,-"+d;g="0px,"+d;break;case "bottom":e="0px,"+b;g="0px,-"+b;break;case "left":e="-"+c+",0px";g=c+",0px";break;default:e=
    a+",0px",g="-"+a+",0px"}a=new oc;b=tc(this,this.r);b.I=e;e=new T(b);a.add(e);"push"==this.type&&(e=tc(this,this.i),e.H=g,g=new T(e),a.add(g));this.l.j(a,"animationend",this.stop);a.start();this.r.style.display="block"};var tc=function(a,b){var c=new pc;c.propertyName="translate";c.I="0px,0px";c.H="0px,0px";c.duration=a.duration+"ms";c.easing=a.easing;c.setElement(b);return c};var uc=function(a,b,c){H.call(this);this.c=a;this.h=b;this.f=c;this.mb=this.f.type||"none";this.b=new M(this)};t(uc,H);f=uc.prototype;f.start=function(){this.dispatchEvent("animationstart");this.c==this.h?this.dispatchEvent("animationend"):this.c&&this.c.isVisible()?(this.b.j(this.c,"hidden",s(this.Ka,this,s(this.La,this))),this.c.dismiss()):this.Ka(s(this.La,this))};f.Ka=function(a){this.h.isLoaded()?a():(this.b.j(this.h,"load",a),this.h.load())};
    f.La=function(){var a;a=null;var b=this.h.getElement();this.c&&(a=this.c.getElement());switch(this.mb){case "fade":a=new qc(a,b,this.f);break;case "slide":case "push":a=new sc(a,b,this.f);break;default:a=new U(a,b,this.f)}a.ja();this.h.bind();this.b.j(a,"animationend",this.nb);a.start()};f.nb=function(a){a=a.target;this.c&&this.c.isBound()&&this.c.unbind();a.na();a.dispose();this.dispatchEvent("animationend")};f.disposeInternal=function(){this.f=null;this.b.dispose();delete this.b;uc.a.disposeInternal.call(this)};var vc=function(){H.call(this);pb(k,"devicemotion",this.Ya,void 0,this)};t(vc,H);f=vc.prototype;f.xa=NaN;f.ya=NaN;f.za=NaN;f.qa=NaN;f.ra=NaN;f.sa=NaN;f.Z=!1;f.zb=18;f.Bb=200;f.Ib=1E3;f.disposeInternal=function(){ub(k,"devicemotion",this.Ya,void 0,this);vc.a.disposeInternal.call(this)};f.Ya=function(a){a=a.m.accelerationIncludingGravity;this.qa=a.x;this.ra=a.y;this.sa=a.z;this.Z||cc(this.Ab,this.Bb,this);this.Z=!0};
    f.Ab=function(){var a=Math.abs(this.qa-this.xa),b=Math.abs(this.ra-this.ya),c=Math.abs(this.sa-this.za);this.xa=this.qa;this.ya=this.ra;this.za=this.sa;a+b+c>this.zb?wc(this):this.Z=!1};var wc=function(a){a.dispatchEvent("shake");a.da();cc(function(){this.Z=!1},a.Ib,a)};vc.prototype.da=function(){this.za=this.ya=this.xa=NaN};var xc=function(){return k.innerWidth>k.innerHeight?"landscape":"portrait"};var yc=function(a){H.call(this);this.X=a;this.b=new M(this);this.b.k(document,"touchmove",cb)};t(yc,H);yc.prototype.e=function(){return this.b};yc.prototype.getEnvironment=function(){return this.X};yc.prototype.disposeInternal=function(){this.b.dispose();delete this.b;this.X.dispose&&this.X.dispose();delete this.X;yc.a.disposeInternal.call(this)};var V=function(a){yc.call(this,a.environment);this.config=a;this.U={};this.tb=a.politeLoad;this.hb=xc()};t(V,yc);f=V.prototype;f.c=null;f.h=null;f.q=null;f.V=!1;f.la=!1;f.init=function(){this.getEnvironment().onInit(this.Nb,this)};f.addEventListener=function(a,b,c,d){V.a.addEventListener.call(this,a,b,c,d);"shake"!=a||this.s||(this.s=new vc,this.e().k(this.s,"shake",this.dispatchEvent))};
    f.removeEventListener=function(a,b,c,d){V.a.removeEventListener.call(this,a,b,c,d);"shake"==a&&(b=!!c,a=D(this)?this.aa(a,b):this?(c=F(this))?c.aa(a,b):[]:[],a&&0!=a.length||!this.s||(this.s.dispose(),this.s=null))};f.Da=function(a){var b=a.getConfig();this.U[b.id]=a;if(b.isDefault||!this.q)this.q=a;(a=a.getElement())&&a.parentNode&&a.parentNode.removeChild(a)};f.Qb=function(a){this.q=a};
    f.Ca=function(a,b,c,d,e){if(!this.h){this.h=a;var g=this.c,h=this.getEnvironment();b=s(this.pb,this,g,a,b,c,d,e);if(c=g)c=a.getConfig(),d=g.getConfig(),c=!this.V&&!d.expanded&&c.expanded;if(c)this.V=!0,h.onExpand(b,this),h.expand();else{if(c=g)a=a.getConfig(),c=!(!g.getConfig().expanded||a.expanded);c?(this.la=!0,this.e().B(h,"collapse",this.Ha),h.onCollapse(b,this),h.collapse()):b()}}};var zc=function(a){(a="landscape"==xc()?a.Ta:a.Ua)&&-1==String(a).indexOf(".goToPage(")&&(a=null);return a};f=V.prototype;
    f.pb=function(a,b,c,d,e,g){k.setTimeout(s(function(){var h=c,l=d,q=zc(b);q?(this.h=null,q()):(l&&a||(h="none",l=0),h=new uc(a,b,{type:h,duration:l,easing:e,direction:g}),this.e().j(h,"animationend",this.vb),h.start())},this),30)};f.vb=function(a){a.target.dispose();a=this.getEnvironment();this.V?(this.V=!1,this.e().j(a,"collapse",this.Ha),a.expandComplete()):this.la&&(this.la=!1,a.collapseComplete());this.c=this.h;this.h=null;this.c.present()};f.Ha=function(){this.q&&this.Ca(this.q)};
    f.yb=function(){var a=xc();this.hb!=a&&(this.hb=a,this.dispatchEvent("landscape"==a?"rotatetolandscape":"rotatetoportrait"))};f.Nb=function(){this.e().k(k,["resize","orientationchange"],this.yb);var a=this.getEnvironment();if(this.tb)a.onPageLoaded(this.xb,this);else a.onVisible(this.Xa,this)};f.xb=function(){this.getEnvironment().onVisible(this.Xa,this)};f.Xa=function(){this.getEnvironment().onHidden(this.Hb,this);if(this.q){var a=zc(this.q);a?a():this.Ca(this.q)}};
    f.Hb=function(){this.c&&(this.c.dismiss(),this.c.unbind())};f.disposeInternal=function(){for(var a in this.U)this.U[a].dispose();delete this.U;this.s&&(this.s.dispose(),this.s=null);this.h=this.q=this.c=null;V.a.disposeInternal.call(this)};m("rad.ad.RichMedia",V,void 0);V.prototype.addEventListener=V.prototype.addEventListener;V.prototype.removeEventListener=V.prototype.removeEventListener;V.prototype.init=V.prototype.init;V.prototype.dispose=V.prototype.dispose;V.prototype.getEnvironment=V.prototype.getEnvironment;V.prototype.addChild=V.prototype.Da;V.prototype.setDefaultPage=V.prototype.Qb;V.prototype.goToPage=V.prototype.Ca;var W={Jb:function(){var a=document.createElement("IFRAME");a.id="afma-notify-"+(new Date).getTime();a.style.display="none";return a},R:null,Va:function(a){W.Kb(a)||(W.R||(W.R=W.Jb()),W.R.src=a,W.R.parentNode||document.body.appendChild(W.R))},sendMessage:function(a,b){var c=W.cb(a,b);W.Va(c)},notify_:function(a){window.external.notify(a)},Kb:function(a){return window.external&&"notify"in window.external?(W.notify_(a),!0):!1},cb:function(a,b){var c=b||{};c["google.afma.Notify_dt"]=(new Date).getTime();
    var d=["gmsg://mobileads.google.com/"+a],e;for(e in c)Cb(e,c[e],d);d[1]&&(c=d[0],e=c.indexOf("#"),0<=e&&(d.push(c.substr(e)),d[0]=c=c.substr(0,e)),e=c.indexOf("?"),0>e?d[1]="?":e==c.length-1&&(d[1]=void 0));return d.join("")}};var X=function(){H.call(this);this.Ra=[];this.M=new bc(100);ab(this,ga(bb,this.M));this.Wa=new M(this);ab(this,ga(bb,this.Wa));this.Wa.k(this.M,"tick",this.ta);this.wb=W.Va;qa&&(this.Sa=!1)};t(X,H);X.getInstance=function(){return X.kb?X.kb:X.kb=new X};f=X.prototype;f.disposeInternal=function(){X.a.disposeInternal.call(this)};f.Sa=!0;f.Ob=function(a,b){if("onshow"==a&&"loading"==document.readyState){var c=s(Ac,k,a,b);G(k,"DOMContentLoaded",c)}else this.dispatchEvent(new Bc(a,this,b))};
    f.Pb=function(a,b){var c=W.cb(a,b);this.Ra.push(c);this.$a()};f.ta=function(){var a=this.Ra.shift();a?this.wb(a):this.M.stop()};f.$a=function(){"loading"==document.readyState?G(k,"DOMContentLoaded",this.$a,!1,this):this.Sa?this.M.enabled||(this.ta(),this.M.start()):this.ta()};var Bc=function(a,b,c){B.call(this,a,b);this.params=c};t(Bc,B);
    if(!(k.AFMA_AddEventListener&&k.AFMA_ReceiveMessage&&k.AFMA_RemoveEventListener&&k.AFMA_SendMessage)){var Y=X.getInstance(),Cc=s(Y.addEventListener,Y),Dc=s(Y.removeEventListener,Y),Ec=s(Y.Ob,Y),Fc=s(Y.Pb,Y);m("AFMA_AddEventListener",Cc,k);m("AFMA_ReceiveMessage",Ec,k);m("AFMA_RemoveEventListener",Dc,k);m("AFMA_SendMessage",Fc,k)}var Gc=function(a,b){k.AFMA_AddEventListener(a,b,void 0,void 0)},Ac=function(a,b){k.AFMA_ReceiveMessage(a,b)},Hc={};
    m("AFMA_AddObserver",function(a,b,c){var d=s(function(a){c(a.type,a.params)},b);Gc(a,d);Hc[a]||(Hc[a]={});Hc[a][b]=d},void 0);m("AFMA_RemoveObserver",function(a,b){Hc[a]&&Hc[a][b]&&(k.AFMA_RemoveEventListener(a,Hc[a][b],void 0,void 0),delete Hc[a][b])},void 0);Gc("onshow",function(){});Gc("onhide",function(){});var Ic=function(a){var b=document.createElement("IMG");b.style.visibility="hidden";b.style.width="0px";b.style.height="0px";b.src=a;b.onload=function(){b.src=""};document.body.appendChild(b)};var Z=function(){H.call(this);this.t=this.Fb=this.fa=!1;this.ma={}};t(Z,H);var Jc=["impurl","impurl3party"],Kc=["clickurl","clickurl3party"];Z.prototype.Mb=function(){this.fa=!0;this.dispatchEvent("init");this.t&&Lc(s(this.ab,this))};Z.prototype.ab=function(){this.t=!0;this.fa&&(Mc(this,Jc),this.dispatchEvent("visible"))};var Lc=function(a){"complete"===document.readyState?a():G(window,"load",a)};f=Z.prototype;f.onInit=function(a,b){this.isInitialized()?a.call(b):G(this,"init",a,void 0,b)};
    f.onPageLoaded=function(a,b){this.isPageLoaded()?a.call(b):G(this,"pageloaded",a,void 0,b)};f.onVisible=function(a,b){this.isVisible()?a.call(b):G(this,"visible",a,void 0,b)};f.onHidden=function(a,b){G(this,"hidden",a,void 0,b)};f.isInitialized=function(){return this.fa};f.isPageLoaded=function(){return this.Fb};f.isVisible=function(){return this.fa&&this.t};
    f.trackProgress=function(a,b){this.trackInteraction();b=25*Math.floor(4*b);0===b?this.incrementCounter(a+" Start"):this.incrementCounter(a+" "+b+"%")};f.exit=function(a,b,c,d){Mc(this,Kc);if(void 0!==c){if(a=c)b=ja("%","time","%"),c=Math.round(ha()/1E3),a=a.replace(b,c.toString()),b=ja("%","pa","%"),a=a.replace(b,"0");c=a}c&&k.open(c,"_newtab");d&&this.collapse()};var Mc=function(a,b){for(var c=0;c<b.length;c++){var d=b[c];a.ma[d]||(a.ma[d]=!0,(d=Eb(k.location.href,d))&&Ic(d))}};f=Z.prototype;
    f.reportManualClose=function(){};f.expand=function(){};f.onExpand=function(){};f.expandComplete=function(){};f.collapse=function(){};f.onCollapse=function(){};f.collapseComplete=function(){};f.disposeInternal=function(){delete this.ma;if(this)if(D(this))this.removeAllListeners("pageloaded");else{var a=F(this);if(a){var b=0,c;for(c in a.d)if("pageloaded"==c)for(var d=Sa(a.d[c]),e=0;e<d.length;++e)vb(d[e])&&++b}}Z.a.disposeInternal.call(this)};var Nc=function(){Z.call(this);var a=s(this.Mb,this);"loading"===document.readyState?G(document,"DOMContentLoaded",a):a();Lc(s(this.ab,this))};t(Nc,Z);f=Nc.prototype;f.getFilename=function(a){return a};f.isPageLoaded=function(){return!0};f.expand=function(){this.dispatchEvent("expand")};f.onExpand=function(a,b){G(this,"expand",a,void 0,b)};f.expandComplete=function(){};f.collapse=function(){this.dispatchEvent("collapse")};f.onCollapse=function(a,b){G(this,"collapse",a,void 0,b)};
    f.collapseComplete=function(){};f.trackBrandingAssetsLoaded=n;f.trackAllAssetsLoaded=n;f.incrementCounter=n;f.trackInteraction=n;f.startTimer=n;f.stopTimer=n;f.trackVideo=n;f.untrackVideo=n;f.reportManualClose=n;m("rad.environment.Browser",Nc,void 0);var $=Nc.prototype;$.addEventListener=$.addEventListener;$.removeEventListener=$.removeEventListener;$.onInit=$.onInit;$.onVisible=$.onVisible;$.onHidden=$.onHidden;$.isInitialized=$.isInitialized;$.isVisible=$.isVisible;$.getFilename=$.getFilename;$.trackBrandingAssetsLoaded=$.trackBrandingAssetsLoaded;$.trackAllAssetsLoaded=$.trackAllAssetsLoaded;$.incrementCounter=$.incrementCounter;$.trackInteraction=$.trackInteraction;$.trackProgress=$.trackProgress;
    $.startTimer=$.startTimer;$.stopTimer=$.stopTimer;$.trackVideo=$.trackVideo;$.untrackVideo=$.untrackVideo;$.exit=$.exit;$.setParentEventTarget=$.Rb;$.reportManualClose=$.reportManualClose;})();
    </script></head>
      
      <body class="">
        <div class="gwd-page-container">
          <div id="page1" class="gwd-page-wrapper gwd-page-size" data-gwd-component-id="page1">
            <div class="gwd-page-content gwd-page-size">
              <div class="gwd-div-dt3k gwd-gen-gn3tgwdanimation gwd-gen-gn3tgwdanimation-gen-animation0keyframe"><span class="gwd-span-zzik">Contao</span>
              </div>
            </div>
          </div>
        </div>
      
    
    <script type="text/javascript" data-exports-type="gwd-generated-code">
    (function() {
    var initAd = function() {
      var environment$Config$ = {"id":"environment"};
      var environment = new rad.environment.Browser(environment$Config$);
      var $ad$$Config$ = {"environment":environment,"id":"$ad$"};
      var $ad$ = new rad.ad.RichMedia($ad$$Config$);
      var intropage1$Config$ = {"cssClass":"gwd-gen-u61m","elementCount":1,"id":"intropage1"};
      var intropage1 = new rad.animation.CSSAnimation(intropage1$Config$, $ad$);
      var page1$Config$ = {"width":"800px","height":"600px","introAnimationSequence":intropage1,"isDefault":true,"id":"page1"};
      var page1 = new rad.ui.Page(page1$Config$, $ad$);
      page1.setElement(document.querySelector('[data-gwd-component-id="page1"]'));
      $ad$.addChild(page1);
      $ad$.init();
      document.body.style["display"] = "block";
    };
    document.body.style["display"] = "none";
    initAd();
    })();
    </script></body></html>

  6. #6
    Gesperrt
    Registriert seit
    20.07.2009.
    Ort
    Recife, Pernambuco, Brasilien
    Beiträge
    90

    Standard

    komisch, habe aus versehen ein Zeichen "-"
    HTML-Code:
    <!DOCTYPE html>
    <html><head data-gwd-animation-mode="quickMode">
        <meta name="generator" content="Google Web Designer 1.0.6.0428">
        <meta name="template" content="Interstitial 1.0.5">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">html, body {
      width: 100%;
      height: 100%;
      margin: 0px;
    }
    -
    .gwd-page-container {
      position: relative;
      width: 100%;
      height: 100%;
    }
    eingefügt und die Animation wurde auf der Seite, eingebunden als html5 über ein Modul, angezeigt. Das ganze klappt auch direkt eingebunden über {{file::xxx.html5}}

  7. #7
    Contao-Nutzer
    Registriert seit
    13.01.2010.
    Beiträge
    15

    Standard

    Hallo Carlos,

    ich versuche eben auch von Google Web Designer erstellten html Code in Contao 3 einzubinden. Du scheinst das ja irgendwie hinbekommen zu haben ... leider ist mir nicht klar wie ??? Könntest Du vielleicht bitte kurz/detailliert posten wie genau Du das geschafft hast.

    Wäre Dir super dankbar. ;-)
    Geändert von Tobis (03.11.2014 um 15:48 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •