Want more features on Pastebin? Sign Up, it's FREE!
Guest

Animated_Header

By: a guest on Aug 29th, 2012  |  syntax: HTML 5  |  size: 40.86 KB  |  views: 63  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2. <html>
  3. <!-- Sencha Animator Version: 1.3 Build: 177 -->
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>ATeeterHdrPoems &middot; Made with Sencha Animator</title>
  7.  
  8.  
  9. <script type="text/javascript">
  10.  
  11.  
  12.     if (typeof(AN) === 'undefined') {
  13.        var AN = {};
  14.     }
  15.     AN.Controller = function() {
  16.         return {
  17.             scenes: {},
  18.             scenesArray: [],
  19.             currentSceneID: -1,
  20.             olElement: null,
  21.             events: {},
  22.             useOrmma: false,
  23.             prefix: "",
  24.             basePath: "",
  25.  
  26.             setConfig: function(configData) {
  27.  
  28.                 this.events = configData.events;
  29.                 this.prefix = configData.cssPrefix;
  30.                 this.projectActions = configData.projectActions;
  31.                 this.userData = {};
  32.                 if (configData.basePath) {
  33.                     this.basePath = configData.basePath;
  34.                 }
  35.  
  36.                 this.olElement = document.querySelector('#' + configData.parentId + ' ol');
  37.                 var liElements = this.olElement.children;
  38.  
  39.                 if (configData.ormma) {
  40.                     this.useOrmma = true;
  41.                 }
  42.  
  43.                 this.sceneIdByName = {};
  44.                 var scene;
  45.                 for (var i=0; i < configData.scenes.length; i++) {
  46.                    scene = configData.scenes[i];
  47.                    scene.element = liElements[i];
  48.                    this.scenes[scene.id] = scene;
  49.                    this.scenesArray.push(scene);
  50.                    if (scene.name) {
  51.                        this.sceneIdByName[scene.name] = scene.id;
  52.                    }
  53.                    
  54.                }
  55.  
  56.                this.setupListeners();
  57.                
  58.                this.startSceneByID = this.startSceneById; /*compat*/
  59.                
  60.                if (this.projectActions.init) {
  61.                    this.projectActions.init.call(this.userData, this);
  62.                }
  63.  
  64.                this.startSceneById(this.scenesArray[0].id);
  65.  
  66.            },
  67.  
  68.            runningAnimationCount: 0,
  69.            browser: 'webkit',
  70.  
  71.            setupListeners: function() {
  72.                var me = this;
  73.  
  74.                var eventName = "webkitAnimationEnd";
  75.  
  76.                if (document.body.style.MozAnimationName !== undefined) {
  77.                    eventName = "animationend";
  78.                    this.browser = "moz";
  79.                }
  80.  
  81.                this.olElement.addEventListener(eventName, function(event) {
  82.                    var parent;
  83.                    if (me.browser === "moz") {
  84.                        parent = event.target;
  85.                        while (parent = parent.parentNode) {
  86.                            if (parent === me.scenes[me.currentSceneID].element) {
  87.                                me.onAnimationEnd();
  88.                                return;
  89.                            }
  90.                        }
  91.                    } else {
  92.                        me.onAnimationEnd();
  93.                    }
  94.                },false);
  95.  
  96.                function addMousemoveListenerTo(scene) {
  97.                    scene.element.addEventListener('mousemove', function(event){
  98.                        scene.mousemoveAction.call(me.userData,me, event);
  99.                    }, false);
  100.                }
  101.  
  102.                var scene;
  103.                for (var i=0; i < this.scenesArray.length; i++) {
  104.                    scene = this.scenesArray[i];
  105.                    if (scene.mousemoveAction) {
  106.  
  107.                        addMousemoveListenerTo(scene);
  108.                    }
  109.                }
  110.  
  111.                function addListenerTo(element, eventType, aFunction) {
  112.                    element.addEventListener(eventType, function(event){
  113.                        aFunction.call(me.userData,me,event);
  114.                    }, false);
  115.                }
  116.  
  117.                var element, event, type;
  118.                for (var i=0; i < this.events.length; i++) {
  119.                    event = this.events[i];
  120.                    var type = event.type;
  121.                    if (this.browser === 'moz' && event.mozType) {
  122.                        type = event.mozType;
  123.                    }
  124.                    element = document.getElementById(event.id);
  125.                    addListenerTo(element, type, event.handler);
  126.                }
  127.  
  128.            },
  129.  
  130.            onAnimationEnd: function() {
  131.  
  132.                this.runningAnimationCount--;
  133.  
  134.                if (this.runningAnimationCount === 0) {
  135.                    var waitTime = this.scenes[this.currentSceneID].endWaitTime;
  136.                    if (waitTime) {
  137.                        var me = this;
  138.                        this.sceneEndTimeout = setTimeout(function(){
  139.                            me.onSceneFinish();
  140.                        },waitTime * 1000);
  141.                    } else {
  142.                        this.onSceneFinish();
  143.                    }
  144.                }
  145.            },
  146.            
  147.            forceRefresh: function(sceneID) {
  148.                this.forceRefreshValue = this.scenes[sceneID].element.offsetHeight;
  149.            },
  150.            
  151.            startSceneByName: function(name) {
  152.                var id = this.sceneIdByName[name];
  153.                if (id !== undefined) {
  154.                    this.startSceneById(id);
  155.                }
  156.            },
  157.  
  158.            startSceneById: function(sceneID) {
  159.  
  160.                var restart = false;
  161.                if (sceneID === this.currentSceneID) {
  162.                    restart = true;
  163.                } else if (this.currentSceneID !== -1) {
  164.                    this.scenes[this.currentSceneID].element.setAttribute('class','');
  165.                }
  166.  
  167.                clearTimeout(this.sceneEndTimeout);
  168.  
  169.                this.runningAnimationCount = this.scenes[sceneID].animationCount;
  170.  
  171.                this.currentSceneID = sceneID;
  172.                var nextScene = this.scenes[sceneID];
  173.  
  174.                if (restart || this.browser === 'moz') {
  175.                    nextScene.element.setAttribute('class','run restart');
  176.                    this.forceRefresh(sceneID);
  177.                }
  178.                
  179.                nextScene.element.setAttribute('class','run');
  180.                
  181.                if (!restart && this.useOrmma) {
  182.                   this.ormmaNextScene(nextScene);
  183.                }
  184.  
  185.                if (nextScene.startAction) {
  186.                    nextScene.startAction.call(this.userData, this);
  187.                }
  188.            
  189.                if (nextScene.animationCount === 0 ) {
  190.                    this.onSceneFinish();
  191.                }
  192.  
  193.            },
  194.  
  195.            replayScene: function() {
  196.                this.startSceneById(this.currentSceneID);
  197.            },
  198.  
  199.            onSceneFinish: function() {
  200.                if (this.scenes[this.currentSceneID].endAction) {
  201.                    this.scenes[this.currentSceneID].endAction.call(this.userData,this);
  202.                }
  203.            },
  204.  
  205.            goToNextScene: function() {
  206.                var nextIndex = this.scenesArray.indexOf(this.scenes[this.currentSceneID]) + 1;
  207.                var nextScene;
  208.                if (nextScene = this.scenesArray[nextIndex]) {
  209.                    this.startSceneById(nextScene.id);
  210.                }
  211.            },
  212.            goToPreviousScene: function() {
  213.                var previousIndex = this.scenesArray.indexOf(this.scenes[this.currentSceneID]) - 1;
  214.                var nextScene;
  215.                if (previousIndex >= 0) {
  216.                     this.startSceneById(this.scenesArray[previousIndex].id);
  217.                 }
  218.             },
  219.             goToURL: function(aURL) {
  220.                 document.location.href = aURL;
  221.             },
  222.            
  223.             getElementById: function(animatorId) {
  224.                 var cssId = this.prefix + animatorId;
  225.                 return document.getElementById(cssId);
  226.             },
  227.             getUrlForLocalAsset: function(assetName) {
  228.                 var url = 'assets/' + assetName;
  229.                 if (this.basePath) {
  230.                     url = this.basePath + '/' + url;
  231.                 }
  232.                 return url;
  233.             },
  234.             ormmaNextScene: function(nextScene) {
  235.                 var currentState = ormma.getState();
  236.  
  237.                 if (nextScene.dimensions.expanded) {
  238.                     //expanded state
  239.                     //check if we're expanded
  240.                     var maxSize = ormma.getMaxSize();
  241.                     if (currentState !== 'expanded') {
  242.                         ormma.expand({
  243.                             x:0,
  244.                             y:0,
  245.                             width: maxSize.width,
  246.                             height: maxSize.height
  247.                         });
  248.                     }
  249.  
  250.                     var transform = "";
  251.                     var elementHeight = nextScene.element.offsetHeight;
  252.                     var elementWidth = nextScene.element.offsetWidth;
  253.                     var y = (maxSize.height - elementHeight) / 2;
  254.                     var x = (maxSize.width - elementWidth) / 2;
  255.                     transform += " translate3d("+Math.round(x)+"px,"+Math.round(y)+"px,0)";  
  256.  
  257.                     if (nextScene.dimensions.fit) {
  258.                         var scaleFactor = Math.min(maxSize.width/elementWidth, maxSize.height/elementHeight);                    
  259.                         transform += " scale3d("+scaleFactor+","+scaleFactor+",1)";
  260.                     }
  261.                     nextScene.element.style.webkitTransform = transform;
  262.  
  263.                 } else {
  264.                
  265.                     if (currentState === 'expanded') {
  266.                         ormma.close();
  267.                     }
  268.                     ormma.resize(nextScene.dimensions.width,nextScene.dimensions.height);
  269.                 }
  270.             }
  271.         };
  272.     };
  273.  
  274. window.addEventListener('load', function(){
  275.     var configData = {
  276.         parentId: 'pP7lPTvZv-an-anim',
  277.         cssPrefix: 'pP7lPTvZv-',
  278.         ormma: false,
  279.         mraid: false,
  280.         scenes: [{id: 0,animationCount: 10,duration: 120.917,lastKeyframeTime: 120.917,dimensions: {height: 350,width: 930,expanded: false,fit: false}}],
  281.         projectActions: {},
  282.         events: [{id: "pP7lPTvZv-an-obj-1",type: 'click',handler: function(controller) {
  283. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  284. }},{id: "pP7lPTvZv-an-obj-2",type: 'click',handler: function(controller) {
  285. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  286. }},{id: "pP7lPTvZv-an-obj-2",type: 'mouseover',handler: function(controller,event) {
  287.  
  288.  
  289. }},{id: "pP7lPTvZv-an-obj-3",type: 'click',handler: function(controller) {
  290. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  291. }},{id: "pP7lPTvZv-an-obj-4",type: 'click',handler: function(controller) {
  292. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  293. }},{id: "pP7lPTvZv-an-obj-5",type: 'click',handler: function(controller) {
  294. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  295. }},{id: "pP7lPTvZv-an-obj-6",type: 'click',handler: function(controller) {
  296. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  297. }},{id: "pP7lPTvZv-an-obj-7",type: 'click',handler: function(controller) {
  298. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  299. }},{id: "pP7lPTvZv-an-obj-8",type: 'click',handler: function(controller) {
  300. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  301. }},{id: "pP7lPTvZv-an-obj-9",type: 'click',handler: function(controller) {
  302. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  303. }},{id: "pP7lPTvZv-an-obj-10",type: 'click',handler: function(controller) {
  304. window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
  305. }}],
  306.         externalResources: []
  307.     };
  308.     setTimeout(function(){
  309.        var controller = new AN.Controller;
  310.        controller.setConfig(configData);
  311.     },0);
  312. }, false);
  313. </script>
  314.  
  315.  
  316. <style type="text/css">
  317.  
  318. #pP7lPTvZv-an-anim > ol {
  319.     list-style: none;
  320.     position: relative;
  321.     margin: 0;
  322.     padding: 0;
  323. }
  324.  
  325. #pP7lPTvZv-an-anim > ol > li {
  326.     position: absolute;
  327.     top: 0;
  328.     left: 0;
  329.     margin: 0;
  330.     padding: 0;
  331.     display: none;
  332. }
  333.  
  334. #pP7lPTvZv-an-anim > ol > li.run {
  335.     display: block;
  336. }
  337.  
  338. #pP7lPTvZv-an-anim .pP7lPTvZv-an-stage {
  339.     position: relative;
  340.     overflow: hidden;
  341.     margin: 0;
  342.     padding: 0;
  343. }
  344.  
  345. #pP7lPTvZv-an-anim .pP7lPTvZv-an-stage div {
  346.     position: absolute;
  347. }
  348.  
  349. .pP7lPTvZv-an-stage * {
  350.     margin: 0;
  351.     padding: 0;
  352.     -moz-font-smoothing: antialiased;
  353.     -webkit-font-smoothing: antialiased;
  354. }
  355.  
  356. #pP7lPTvZv-an-anim .pP7lPTvZv-an-stage img {
  357.     position: absolute;
  358.     top: 0;
  359.     left: 0;
  360. }
  361.  
  362. #pP7lPTvZv-an-anim .AN-Scene-Description {
  363.     display: none;
  364. }
  365.  
  366. #pP7lPTvZv-an-anim iframe {
  367.     border: none;
  368.     height: 100%;
  369.     width: 100%
  370. }
  371.  
  372. #pP7lPTvZv-an-anim .restart * {
  373.     -moz-animation-name: none !important;
  374.     -webkit-animation-name: none !important;
  375. }
  376.  
  377. #pP7lPTvZv-an-obj-11 {
  378.     -moz-transform: translate(0px, 0px);
  379.     -webkit-transform: translate3d(0px, 0px, 0px);
  380.     width: 930px;
  381.     height: 350px;
  382.     top: 0;
  383.     left: 0;
  384. }
  385.  
  386. #pP7lPTvZv-an-obj-1 {
  387.     -moz-transform: translate(586px, 244px);
  388.     -webkit-transform: translate3d(586px, 244px, 0px);
  389.     width: 288px;
  390.     height: 20px;
  391.     top: 0;
  392.     left: 0;
  393.     font-family: Georgia, "Times New Roman", Times, serif;
  394.     line-height: 136%;
  395.     color: rgba(18,11,85,1);
  396.     -moz-text-stroke: 1px rgba(0,0,0,0);
  397.     -webkit-text-stroke: 1px rgba(0,0,0,0);
  398.     font-size: 12px;
  399.     window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');;
  400. }
  401.  
  402. @-webkit-keyframes ani-pP7lPTvZv-an-obj-1 {
  403.     0% {
  404.         -webkit-transform: translate3d(586px, 244px, 0px);
  405.         opacity: 0;
  406.         -webkit-transform-origin: 50% 50%;
  407.         -webkit-animation-timing-function: ease;
  408.         color: rgba(18,11,85,1);
  409.         -webkit-text-stroke: 1px rgba(0,0,0,0);
  410.     }
  411.  
  412.     44.4685% {
  413.         -webkit-transform: translate3d(586px, 184px, 0px);
  414.         opacity: 1;
  415.         -webkit-transform-origin: 50% 50%;
  416.         -webkit-animation-timing-function: linear;
  417.         color: rgba(18,11,85,1);
  418.         -webkit-text-stroke: 1px rgba(0,0,0,0);
  419.     }
  420.  
  421.     100% {
  422.         -webkit-transform: translate3d(586px, -69px, 0px);
  423.         opacity: 0;
  424.         -webkit-transform-origin: 50% 50%;
  425.         -webkit-animation-timing-function: ease;
  426.         color: rgba(0,0,0,1);
  427.         -webkit-text-stroke: 1px rgba(0,0,0,0.019230769230769273);
  428.     }
  429. }
  430.  
  431. @-moz-keyframes ani-pP7lPTvZv-an-obj-1 {
  432.     0% {
  433.         -moz-transform: translate(586px, 244px);
  434.         opacity: 0;
  435.         -moz-transform-origin: 50% 50%;
  436.         -moz-animation-timing-function: ease;
  437.         color: rgba(18,11,85,1);
  438.         -moz-text-stroke: 1px rgba(0,0,0,0);
  439.     }
  440.  
  441.     44.4685% {
  442.         -moz-transform: translate(586px, 184px);
  443.         opacity: 1;
  444.         -moz-transform-origin: 50% 50%;
  445.         -moz-animation-timing-function: linear;
  446.         color: rgba(18,11,85,1);
  447.         -moz-text-stroke: 1px rgba(0,0,0,0);
  448.     }
  449.  
  450.     100% {
  451.         -moz-transform: translate(586px, -69px);
  452.         opacity: 0;
  453.         -moz-transform-origin: 50% 50%;
  454.         -moz-animation-timing-function: ease;
  455.         color: rgba(0,0,0,1);
  456.         -moz-text-stroke: 1px rgba(0,0,0,0.019230769230769273);
  457.     }
  458. }
  459.  
  460. .run #pP7lPTvZv-an-obj-1 {
  461.     -moz-animation-name: ani-pP7lPTvZv-an-obj-1;
  462.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-1;
  463.     -moz-animation-duration: 9.5011s;
  464.     -webkit-animation-duration: 9.5011s;
  465.     -moz-animation-delay: 0.0811s;
  466.     -webkit-animation-delay: 0.0811s;
  467.     -moz-animation-fill-mode: both;
  468.     -webkit-animation-fill-mode: both;
  469. }
  470.  
  471. #pP7lPTvZv-an-obj-1 {
  472.     -moz-transform: translate(586px, -69px);
  473.     -webkit-transform: translate3d(586px, -69px, 0px);
  474.     opacity: 0;
  475.     -moz-transform-origin: 50% 50%;
  476.     -webkit-transform-origin: 50% 50%;
  477.     -moz-animation-timing-function: ease;
  478.     -webkit-animation-timing-function: ease;
  479.     color: rgba(0,0,0,1);
  480.     -moz-text-stroke: 1px rgba(0,0,0,0.019230769230769273);
  481.     -webkit-text-stroke: 1px rgba(0,0,0,0.019230769230769273);
  482. }
  483.  
  484. .restart #pP7lPTvZv-an-obj-1 {
  485.     -moz-transform: translate(586px, 244px);
  486.     -webkit-transform: translate3d(586px, 244px, 0px);
  487.     opacity: 0;
  488.     -moz-transform-origin: 50% 50%;
  489.     -webkit-transform-origin: 50% 50%;
  490.     -moz-animation-timing-function: ease;
  491.     -webkit-animation-timing-function: ease;
  492.     color: rgba(18,11,85,1);
  493.     -moz-text-stroke: 1px rgba(0,0,0,0);
  494.     -webkit-text-stroke: 1px rgba(0,0,0,0);
  495. }
  496.  
  497. #pP7lPTvZv-an-obj-2 {
  498.     -moz-transform: translate(481px, 343px);
  499.     -webkit-transform: translate3d(481px, 343px, 0px);
  500.     width: 398px;
  501.     height: 20px;
  502.     top: 0;
  503.     left: 0;
  504.     font-size: 12px;
  505.     line-height: 158%;
  506.     font-family: Georgia, "Times New Roman", Times, serif;
  507.     overflow: visible;
  508.     color: rgba(18,11,85,1);
  509.     text-align: center;
  510.     ;
  511. }
  512.  
  513. @-webkit-keyframes ani-pP7lPTvZv-an-obj-2 {
  514.     0% {
  515.         -webkit-transform: translate3d(481px, 242.76999999999998px, 0px);
  516.         opacity: 0;
  517.         -webkit-animation-timing-function: ease-in;
  518.     }
  519.  
  520.     50.553% {
  521.         -webkit-transform: translate3d(481px, 46.639999999999986px, 0px);
  522.         opacity: 1;
  523.         -webkit-animation-timing-function: linear;
  524.     }
  525.  
  526.     100% {
  527.         -webkit-transform: translate3d(481px, -188px, 0px);
  528.         opacity: 0;
  529.         -webkit-animation-timing-function: linear;
  530.     }
  531. }
  532.  
  533. @-moz-keyframes ani-pP7lPTvZv-an-obj-2 {
  534.     0% {
  535.         -moz-transform: translate(481px, 242.76999999999998px);
  536.         opacity: 0;
  537.         -moz-animation-timing-function: ease-in;
  538.     }
  539.  
  540.     50.553% {
  541.         -moz-transform: translate(481px, 46.639999999999986px);
  542.         opacity: 1;
  543.         -moz-animation-timing-function: linear;
  544.     }
  545.  
  546.     100% {
  547.         -moz-transform: translate(481px, -188px);
  548.         opacity: 0;
  549.         -moz-animation-timing-function: linear;
  550.     }
  551. }
  552.  
  553. .run #pP7lPTvZv-an-obj-2 {
  554.     -moz-animation-name: ani-pP7lPTvZv-an-obj-2;
  555.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-2;
  556.     -moz-animation-duration: 14.5366s;
  557.     -webkit-animation-duration: 14.5366s;
  558.     -moz-animation-delay: 8.0899s;
  559.     -webkit-animation-delay: 8.0899s;
  560.     -moz-animation-fill-mode: both;
  561.     -webkit-animation-fill-mode: both;
  562. }
  563.  
  564. #pP7lPTvZv-an-obj-2 {
  565.     -moz-transform: translate(481px, -188px);
  566.     -webkit-transform: translate3d(481px, -188px, 0px);
  567.     opacity: 0;
  568.     -moz-animation-timing-function: linear;
  569.     -webkit-animation-timing-function: linear;
  570. }
  571.  
  572. .restart #pP7lPTvZv-an-obj-2 {
  573.     -moz-transform: translate(481px, 242.76999999999998px);
  574.     -webkit-transform: translate3d(481px, 242.76999999999998px, 0px);
  575.     opacity: 0;
  576.     -moz-animation-timing-function: ease-in;
  577.     -webkit-animation-timing-function: ease-in;
  578. }
  579.  
  580. #pP7lPTvZv-an-obj-3 {
  581.     -moz-transform: translate(586px, 313px);
  582.     -webkit-transform: translate3d(586px, 313px, 0px);
  583.     width: 237px;
  584.     height: 53px;
  585.     top: 0;
  586.     left: 0;
  587.     font-family: Georgia, "Times New Roman", Times, serif;
  588.     color: rgba(18,11,85,1);
  589.     font-size: 12px;
  590.     text-indent: 0px;
  591.     white-space: pre;
  592.     opacity: 0;
  593. }
  594.  
  595. @-webkit-keyframes ani-pP7lPTvZv-an-obj-3 {
  596.     0% {
  597.         -webkit-transform: translate3d(586px, 313px, 0px);
  598.         opacity: 0;
  599.         -webkit-animation-timing-function: linear;
  600.     }
  601.  
  602.     50% {
  603.         -webkit-transform: translate3d(586px, 106px, 0px);
  604.         opacity: 1;
  605.         -webkit-animation-timing-function: linear;
  606.     }
  607.  
  608.     100% {
  609.         -webkit-transform: translate3d(586px, 4px, 0px);
  610.         opacity: 0;
  611.         -webkit-animation-timing-function: linear;
  612.     }
  613. }
  614.  
  615. @-moz-keyframes ani-pP7lPTvZv-an-obj-3 {
  616.     0% {
  617.         -moz-transform: translate(586px, 313px);
  618.         opacity: 0;
  619.         -moz-animation-timing-function: linear;
  620.     }
  621.  
  622.     50% {
  623.         -moz-transform: translate(586px, 106px);
  624.         opacity: 1;
  625.         -moz-animation-timing-function: linear;
  626.     }
  627.  
  628.     100% {
  629.         -moz-transform: translate(586px, 4px);
  630.         opacity: 0;
  631.         -moz-animation-timing-function: linear;
  632.     }
  633. }
  634.  
  635. .run #pP7lPTvZv-an-obj-3 {
  636.     -moz-animation-name: ani-pP7lPTvZv-an-obj-3;
  637.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-3;
  638.     -moz-animation-duration: 10.8s;
  639.     -webkit-animation-duration: 10.8s;
  640.     -moz-animation-delay: 20.5806s;
  641.     -webkit-animation-delay: 20.5806s;
  642.     -moz-animation-fill-mode: both;
  643.     -webkit-animation-fill-mode: both;
  644. }
  645.  
  646. #pP7lPTvZv-an-obj-3 {
  647.     -moz-transform: translate(586px, 4px);
  648.     -webkit-transform: translate3d(586px, 4px, 0px);
  649.     opacity: 0;
  650.     -moz-animation-timing-function: linear;
  651.     -webkit-animation-timing-function: linear;
  652. }
  653.  
  654. .restart #pP7lPTvZv-an-obj-3 {
  655.     -moz-transform: translate(586px, 313px);
  656.     -webkit-transform: translate3d(586px, 313px, 0px);
  657.     opacity: 0;
  658.     -moz-animation-timing-function: linear;
  659.     -webkit-animation-timing-function: linear;
  660. }
  661.  
  662. #pP7lPTvZv-an-obj-4 {
  663.     -moz-transform: translate(586px, 313px);
  664.     -webkit-transform: translate3d(586px, 313px, 0px);
  665.     width: 225px;
  666.     height: 20px;
  667.     top: 0;
  668.     left: 0;
  669.     color: rgba(18,11,85,1);
  670.     font-family: Georgia, "Times New Roman", Times, serif;
  671.     font-size: 12px;
  672.     white-space: normal;
  673.     line-height: 130%;
  674. }
  675.  
  676. @-webkit-keyframes ani-pP7lPTvZv-an-obj-4 {
  677.     0% {
  678.         -webkit-transform: translate3d(586px, 313px, 0px);
  679.         -webkit-animation-timing-function: linear;
  680.         opacity: 0;
  681.     }
  682.  
  683.     49.3671% {
  684.         -webkit-transform: translate3d(586px, 90px, 0px);
  685.         -webkit-animation-timing-function: linear;
  686.         opacity: 1;
  687.     }
  688.  
  689.     100% {
  690.         -webkit-transform: translate3d(586px, -39px, 0px);
  691.         -webkit-animation-timing-function: linear;
  692.         opacity: 0;
  693.     }
  694. }
  695.  
  696. @-moz-keyframes ani-pP7lPTvZv-an-obj-4 {
  697.     0% {
  698.         -moz-transform: translate(586px, 313px);
  699.         -moz-animation-timing-function: linear;
  700.         opacity: 0;
  701.     }
  702.  
  703.     49.3671% {
  704.         -moz-transform: translate(586px, 90px);
  705.         -moz-animation-timing-function: linear;
  706.         opacity: 1;
  707.     }
  708.  
  709.     100% {
  710.         -moz-transform: translate(586px, -39px);
  711.         -moz-animation-timing-function: linear;
  712.         opacity: 0;
  713.     }
  714. }
  715.  
  716. .run #pP7lPTvZv-an-obj-4 {
  717.     -moz-animation-name: ani-pP7lPTvZv-an-obj-4;
  718.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-4;
  719.     -moz-animation-duration: 15.8s;
  720.     -webkit-animation-duration: 15.8s;
  721.     -moz-animation-delay: 29.6583s;
  722.     -webkit-animation-delay: 29.6583s;
  723.     -moz-animation-fill-mode: both;
  724.     -webkit-animation-fill-mode: both;
  725. }
  726.  
  727. #pP7lPTvZv-an-obj-4 {
  728.     -moz-transform: translate(586px, -39px);
  729.     -webkit-transform: translate3d(586px, -39px, 0px);
  730.     -moz-animation-timing-function: linear;
  731.     -webkit-animation-timing-function: linear;
  732.     opacity: 0;
  733. }
  734.  
  735. .restart #pP7lPTvZv-an-obj-4 {
  736.     -moz-transform: translate(586px, 313px);
  737.     -webkit-transform: translate3d(586px, 313px, 0px);
  738.     -moz-animation-timing-function: linear;
  739.     -webkit-animation-timing-function: linear;
  740.     opacity: 0;
  741. }
  742.  
  743. #pP7lPTvZv-an-obj-5 {
  744.     -moz-transform: translate(586px, 316px);
  745.     -webkit-transform: translate3d(586px, 316px, 0px);
  746.     width: 303px;
  747.     height: 20px;
  748.     top: 0;
  749.     left: 0;
  750.     color: rgba(18,11,85,1);
  751.     line-height: 130%;
  752.     font-family: Georgia, "Times New Roman", Times, serif;
  753.     font-size: 12px;
  754.     opacity: 1;
  755. }
  756.  
  757. @-webkit-keyframes ani-pP7lPTvZv-an-obj-5 {
  758.     0% {
  759.         -webkit-transform: translate3d(586px, 316px, 0px);
  760.         opacity: 0;
  761.         -webkit-animation-timing-function: linear;
  762.     }
  763.  
  764.     51.5625% {
  765.         -webkit-transform: translate3d(586px, 102px, 0px);
  766.         opacity: 1;
  767.         -webkit-animation-timing-function: linear;
  768.     }
  769.  
  770.     100% {
  771.         -webkit-transform: translate3d(586px, -43px, 0px);
  772.         opacity: 0;
  773.         -webkit-animation-timing-function: linear;
  774.     }
  775. }
  776.  
  777. @-moz-keyframes ani-pP7lPTvZv-an-obj-5 {
  778.     0% {
  779.         -moz-transform: translate(586px, 316px);
  780.         opacity: 0;
  781.         -moz-animation-timing-function: linear;
  782.     }
  783.  
  784.     51.5625% {
  785.         -moz-transform: translate(586px, 102px);
  786.         opacity: 1;
  787.         -moz-animation-timing-function: linear;
  788.     }
  789.  
  790.     100% {
  791.         -moz-transform: translate(586px, -43px);
  792.         opacity: 0;
  793.         -moz-animation-timing-function: linear;
  794.     }
  795. }
  796.  
  797. .run #pP7lPTvZv-an-obj-5 {
  798.     -moz-animation-name: ani-pP7lPTvZv-an-obj-5;
  799.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-5;
  800.     -moz-animation-duration: 12.8s;
  801.     -webkit-animation-duration: 12.8s;
  802.     -moz-animation-delay: 44.3306s;
  803.     -webkit-animation-delay: 44.3306s;
  804.     -moz-animation-fill-mode: both;
  805.     -webkit-animation-fill-mode: both;
  806. }
  807.  
  808. #pP7lPTvZv-an-obj-5 {
  809.     -moz-transform: translate(586px, -43px);
  810.     -webkit-transform: translate3d(586px, -43px, 0px);
  811.     opacity: 0;
  812.     -moz-animation-timing-function: linear;
  813.     -webkit-animation-timing-function: linear;
  814. }
  815.  
  816. .restart #pP7lPTvZv-an-obj-5 {
  817.     -moz-transform: translate(586px, 316px);
  818.     -webkit-transform: translate3d(586px, 316px, 0px);
  819.     opacity: 0;
  820.     -moz-animation-timing-function: linear;
  821.     -webkit-animation-timing-function: linear;
  822. }
  823.  
  824. #pP7lPTvZv-an-obj-6 {
  825.     -moz-transform: translate(586px, 316px);
  826.     -webkit-transform: translate3d(586px, 316px, 0px);
  827.     width: 303px;
  828.     height: 20px;
  829.     top: 0;
  830.     left: 0;
  831.     color: rgba(18,11,85,1);
  832.     line-height: 130%;
  833.     font-family: Georgia, "Times New Roman", Times, serif;
  834.     font-size: 12px;
  835.     opacity: 1;
  836. }
  837.  
  838. @-webkit-keyframes ani-pP7lPTvZv-an-obj-6 {
  839.     0% {
  840.         -webkit-transform: translate3d(586px, 316px, 0px);
  841.         opacity: 0;
  842.         -webkit-animation-timing-function: linear;
  843.     }
  844.  
  845.     51.5625% {
  846.         -webkit-transform: translate3d(586px, 102px, 0px);
  847.         opacity: 1;
  848.         -webkit-animation-timing-function: linear;
  849.     }
  850.  
  851.     100% {
  852.         -webkit-transform: translate3d(586px, -43px, 0px);
  853.         opacity: 0;
  854.         -webkit-animation-timing-function: linear;
  855.     }
  856. }
  857.  
  858. @-moz-keyframes ani-pP7lPTvZv-an-obj-6 {
  859.     0% {
  860.         -moz-transform: translate(586px, 316px);
  861.         opacity: 0;
  862.         -moz-animation-timing-function: linear;
  863.     }
  864.  
  865.     51.5625% {
  866.         -moz-transform: translate(586px, 102px);
  867.         opacity: 1;
  868.         -moz-animation-timing-function: linear;
  869.     }
  870.  
  871.     100% {
  872.         -moz-transform: translate(586px, -43px);
  873.         opacity: 0;
  874.         -moz-animation-timing-function: linear;
  875.     }
  876. }
  877.  
  878. .run #pP7lPTvZv-an-obj-6 {
  879.     -moz-animation-name: ani-pP7lPTvZv-an-obj-6;
  880.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-6;
  881.     -moz-animation-duration: 12.8s;
  882.     -webkit-animation-duration: 12.8s;
  883.     -moz-animation-delay: 56.1944s;
  884.     -webkit-animation-delay: 56.1944s;
  885.     -moz-animation-fill-mode: both;
  886.     -webkit-animation-fill-mode: both;
  887. }
  888.  
  889. #pP7lPTvZv-an-obj-6 {
  890.     -moz-transform: translate(586px, -43px);
  891.     -webkit-transform: translate3d(586px, -43px, 0px);
  892.     opacity: 0;
  893.     -moz-animation-timing-function: linear;
  894.     -webkit-animation-timing-function: linear;
  895. }
  896.  
  897. .restart #pP7lPTvZv-an-obj-6 {
  898.     -moz-transform: translate(586px, 316px);
  899.     -webkit-transform: translate3d(586px, 316px, 0px);
  900.     opacity: 0;
  901.     -moz-animation-timing-function: linear;
  902.     -webkit-animation-timing-function: linear;
  903. }
  904.  
  905. #pP7lPTvZv-an-obj-7 {
  906.     -moz-transform: translate(531px, 316px);
  907.     -webkit-transform: translate3d(531px, 316px, 0px);
  908.     width: 338px;
  909.     height: 20px;
  910.     top: 0;
  911.     left: 0;
  912.     color: rgba(18,11,85,1);
  913.     line-height: 130%;
  914.     font-family: Georgia, "Times New Roman", Times, serif;
  915.     font-size: 12px;
  916.     opacity: 1;
  917. }
  918.  
  919. @-webkit-keyframes ani-pP7lPTvZv-an-obj-7 {
  920.     0% {
  921.         -webkit-transform: translate3d(531px, 316px, 0px);
  922.         opacity: 0;
  923.         -webkit-animation-timing-function: linear;
  924.     }
  925.  
  926.     51.5625% {
  927.         -webkit-transform: translate3d(531px, 102px, 0px);
  928.         opacity: 1;
  929.         -webkit-animation-timing-function: linear;
  930.     }
  931.  
  932.     100% {
  933.         -webkit-transform: translate3d(531px, -43px, 0px);
  934.         opacity: 0;
  935.         -webkit-animation-timing-function: linear;
  936.     }
  937. }
  938.  
  939. @-moz-keyframes ani-pP7lPTvZv-an-obj-7 {
  940.     0% {
  941.         -moz-transform: translate(531px, 316px);
  942.         opacity: 0;
  943.         -moz-animation-timing-function: linear;
  944.     }
  945.  
  946.     51.5625% {
  947.         -moz-transform: translate(531px, 102px);
  948.         opacity: 1;
  949.         -moz-animation-timing-function: linear;
  950.     }
  951.  
  952.     100% {
  953.         -moz-transform: translate(531px, -43px);
  954.         opacity: 0;
  955.         -moz-animation-timing-function: linear;
  956.     }
  957. }
  958.  
  959. .run #pP7lPTvZv-an-obj-7 {
  960.     -moz-animation-name: ani-pP7lPTvZv-an-obj-7;
  961.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-7;
  962.     -moz-animation-duration: 12.8s;
  963.     -webkit-animation-duration: 12.8s;
  964.     -moz-animation-delay: 67.3472s;
  965.     -webkit-animation-delay: 67.3472s;
  966.     -moz-animation-fill-mode: both;
  967.     -webkit-animation-fill-mode: both;
  968. }
  969.  
  970. #pP7lPTvZv-an-obj-7 {
  971.     -moz-transform: translate(531px, -43px);
  972.     -webkit-transform: translate3d(531px, -43px, 0px);
  973.     opacity: 0;
  974.     -moz-animation-timing-function: linear;
  975.     -webkit-animation-timing-function: linear;
  976. }
  977.  
  978. .restart #pP7lPTvZv-an-obj-7 {
  979.     -moz-transform: translate(531px, 316px);
  980.     -webkit-transform: translate3d(531px, 316px, 0px);
  981.     opacity: 0;
  982.     -moz-animation-timing-function: linear;
  983.     -webkit-animation-timing-function: linear;
  984. }
  985.  
  986. #pP7lPTvZv-an-obj-8 {
  987.     -moz-transform: translate(586px, 316px);
  988.     -webkit-transform: translate3d(586px, 316px, 0px);
  989.     width: 303px;
  990.     height: 20px;
  991.     top: 0;
  992.     left: 0;
  993.     color: rgba(18,11,85,1);
  994.     line-height: 130%;
  995.     font-family: Georgia, "Times New Roman", Times, serif;
  996.     font-size: 12px;
  997.     opacity: 1;
  998. }
  999.  
  1000. @-webkit-keyframes ani-pP7lPTvZv-an-obj-8 {
  1001.     0% {
  1002.         -webkit-transform: translate3d(586px, 316px, 0px);
  1003.         opacity: 0;
  1004.         -webkit-animation-timing-function: linear;
  1005.     }
  1006.  
  1007.     51.5625% {
  1008.         -webkit-transform: translate3d(586px, 102px, 0px);
  1009.         opacity: 1;
  1010.         -webkit-animation-timing-function: linear;
  1011.     }
  1012.  
  1013.     100% {
  1014.         -webkit-transform: translate3d(586px, -43px, 0px);
  1015.         opacity: 0;
  1016.         -webkit-animation-timing-function: linear;
  1017.     }
  1018. }
  1019.  
  1020. @-moz-keyframes ani-pP7lPTvZv-an-obj-8 {
  1021.     0% {
  1022.         -moz-transform: translate(586px, 316px);
  1023.         opacity: 0;
  1024.         -moz-animation-timing-function: linear;
  1025.     }
  1026.  
  1027.     51.5625% {
  1028.         -moz-transform: translate(586px, 102px);
  1029.         opacity: 1;
  1030.         -moz-animation-timing-function: linear;
  1031.     }
  1032.  
  1033.     100% {
  1034.         -moz-transform: translate(586px, -43px);
  1035.         opacity: 0;
  1036.         -moz-animation-timing-function: linear;
  1037.     }
  1038. }
  1039.  
  1040. .run #pP7lPTvZv-an-obj-8 {
  1041.     -moz-animation-name: ani-pP7lPTvZv-an-obj-8;
  1042.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-8;
  1043.     -moz-animation-duration: 12.8s;
  1044.     -webkit-animation-duration: 12.8s;
  1045.     -moz-animation-delay: 78.7278s;
  1046.     -webkit-animation-delay: 78.7278s;
  1047.     -moz-animation-fill-mode: both;
  1048.     -webkit-animation-fill-mode: both;
  1049. }
  1050.  
  1051. #pP7lPTvZv-an-obj-8 {
  1052.     -moz-transform: translate(586px, -43px);
  1053.     -webkit-transform: translate3d(586px, -43px, 0px);
  1054.     opacity: 0;
  1055.     -moz-animation-timing-function: linear;
  1056.     -webkit-animation-timing-function: linear;
  1057. }
  1058.  
  1059. .restart #pP7lPTvZv-an-obj-8 {
  1060.     -moz-transform: translate(586px, 316px);
  1061.     -webkit-transform: translate3d(586px, 316px, 0px);
  1062.     opacity: 0;
  1063.     -moz-animation-timing-function: linear;
  1064.     -webkit-animation-timing-function: linear;
  1065. }
  1066.  
  1067. #pP7lPTvZv-an-obj-9 {
  1068.     -moz-transform: translate(530px, 313px);
  1069.     -webkit-transform: translate3d(530px, 313px, 0px);
  1070.     width: 333px;
  1071.     height: 20px;
  1072.     top: 0;
  1073.     left: 0;
  1074.     color: rgba(18,11,85,1);
  1075.     font-family: Georgia, "Times New Roman", Times, serif;
  1076.     font-size: 12px;
  1077.     white-space: normal;
  1078.     line-height: 130%;
  1079. }
  1080.  
  1081. @-webkit-keyframes ani-pP7lPTvZv-an-obj-9 {
  1082.     0% {
  1083.         -webkit-transform: translate3d(530px, 313px, 0px);
  1084.         -webkit-animation-timing-function: linear;
  1085.         opacity: 0;
  1086.     }
  1087.  
  1088.     49.3671% {
  1089.         -webkit-transform: translate3d(530px, 90px, 0px);
  1090.         -webkit-animation-timing-function: linear;
  1091.         opacity: 1;
  1092.     }
  1093.  
  1094.     100% {
  1095.         -webkit-transform: translate3d(530px, -39px, 0px);
  1096.         -webkit-animation-timing-function: linear;
  1097.         opacity: 0;
  1098.     }
  1099. }
  1100.  
  1101. @-moz-keyframes ani-pP7lPTvZv-an-obj-9 {
  1102.     0% {
  1103.         -moz-transform: translate(530px, 313px);
  1104.         -moz-animation-timing-function: linear;
  1105.         opacity: 0;
  1106.     }
  1107.  
  1108.     49.3671% {
  1109.         -moz-transform: translate(530px, 90px);
  1110.         -moz-animation-timing-function: linear;
  1111.         opacity: 1;
  1112.     }
  1113.  
  1114.     100% {
  1115.         -moz-transform: translate(530px, -39px);
  1116.         -moz-animation-timing-function: linear;
  1117.         opacity: 0;
  1118.     }
  1119. }
  1120.  
  1121. .run #pP7lPTvZv-an-obj-9 {
  1122.     -moz-animation-name: ani-pP7lPTvZv-an-obj-9;
  1123.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-9;
  1124.     -moz-animation-duration: 15.8s;
  1125.     -webkit-animation-duration: 15.8s;
  1126.     -moz-animation-delay: 90.2s;
  1127.     -webkit-animation-delay: 90.2s;
  1128.     -moz-animation-fill-mode: both;
  1129.     -webkit-animation-fill-mode: both;
  1130. }
  1131.  
  1132. #pP7lPTvZv-an-obj-9 {
  1133.     -moz-transform: translate(530px, -39px);
  1134.     -webkit-transform: translate3d(530px, -39px, 0px);
  1135.     -moz-animation-timing-function: linear;
  1136.     -webkit-animation-timing-function: linear;
  1137.     opacity: 0;
  1138. }
  1139.  
  1140. .restart #pP7lPTvZv-an-obj-9 {
  1141.     -moz-transform: translate(530px, 313px);
  1142.     -webkit-transform: translate3d(530px, 313px, 0px);
  1143.     -moz-animation-timing-function: linear;
  1144.     -webkit-animation-timing-function: linear;
  1145.     opacity: 0;
  1146. }
  1147.  
  1148. #pP7lPTvZv-an-obj-10 {
  1149.     -moz-transform: translate(488px, 313px);
  1150.     -webkit-transform: translate3d(488px, 313px, 0px);
  1151.     width: 428px;
  1152.     height: 20px;
  1153.     top: 0;
  1154.     left: 0;
  1155.     color: rgba(18,11,85,1);
  1156.     font-family: Georgia, "Times New Roman", Times, serif;
  1157.     font-size: 12px;
  1158.     white-space: normal;
  1159.     line-height: 130%;
  1160. }
  1161.  
  1162. @-webkit-keyframes ani-pP7lPTvZv-an-obj-10 {
  1163.     0% {
  1164.         -webkit-transform: translate3d(488px, 313px, 0px);
  1165.         -webkit-animation-timing-function: linear;
  1166.         opacity: 0;
  1167.     }
  1168.  
  1169.     49.3671% {
  1170.         -webkit-transform: translate3d(488px, 90px, 0px);
  1171.         -webkit-animation-timing-function: linear;
  1172.         opacity: 1;
  1173.     }
  1174.  
  1175.     100% {
  1176.         -webkit-transform: translate3d(488px, -39px, 0px);
  1177.         -webkit-animation-timing-function: linear;
  1178.         opacity: 0;
  1179.     }
  1180. }
  1181.  
  1182. @-moz-keyframes ani-pP7lPTvZv-an-obj-10 {
  1183.     0% {
  1184.         -moz-transform: translate(488px, 313px);
  1185.         -moz-animation-timing-function: linear;
  1186.         opacity: 0;
  1187.     }
  1188.  
  1189.     49.3671% {
  1190.         -moz-transform: translate(488px, 90px);
  1191.         -moz-animation-timing-function: linear;
  1192.         opacity: 1;
  1193.     }
  1194.  
  1195.     100% {
  1196.         -moz-transform: translate(488px, -39px);
  1197.         -moz-animation-timing-function: linear;
  1198.         opacity: 0;
  1199.     }
  1200. }
  1201.  
  1202. .run #pP7lPTvZv-an-obj-10 {
  1203.     -moz-animation-name: ani-pP7lPTvZv-an-obj-10;
  1204.     -webkit-animation-name: ani-pP7lPTvZv-an-obj-10;
  1205.     -moz-animation-duration: 15.8s;
  1206.     -webkit-animation-duration: 15.8s;
  1207.     -moz-animation-delay: 105.1167s;
  1208.     -webkit-animation-delay: 105.1167s;
  1209.     -moz-animation-fill-mode: both;
  1210.     -webkit-animation-fill-mode: both;
  1211. }
  1212.  
  1213. #pP7lPTvZv-an-obj-10 {
  1214.     -moz-transform: translate(488px, -39px);
  1215.     -webkit-transform: translate3d(488px, -39px, 0px);
  1216.     -moz-animation-timing-function: linear;
  1217.     -webkit-animation-timing-function: linear;
  1218.     opacity: 0;
  1219. }
  1220.  
  1221. .restart #pP7lPTvZv-an-obj-10 {
  1222.     -moz-transform: translate(488px, 313px);
  1223.     -webkit-transform: translate3d(488px, 313px, 0px);
  1224.     -moz-animation-timing-function: linear;
  1225.     -webkit-animation-timing-function: linear;
  1226.     opacity: 0;
  1227. }
  1228.  
  1229. #pP7lPTvZv-an-obj-12 {
  1230.     -moz-transform: translate(161px, 299px);
  1231.     -webkit-transform: translate3d(161px, 299px, 0px);
  1232.     width: 769px;
  1233.     height: 51px;
  1234.     top: 0;
  1235.     left: 0;
  1236. }
  1237.  
  1238. #pP7lPTvZv-an-obj-13 {
  1239.     -moz-transform: translate(0px, 0px);
  1240.     -webkit-transform: translate3d(0px, 0px, 0px);
  1241.     width: 930px;
  1242.     height: 53px;
  1243.     top: 0;
  1244.     left: 0;
  1245. }
  1246.  
  1247. #pP7lPTvZv-an-scene-0 .pP7lPTvZv-an-stage {
  1248.     height: 350px;
  1249.     width: 930px;
  1250.     background-color: rgba(255,255,255,1);
  1251. }
  1252. </style>
  1253.  
  1254.  
  1255.  
  1256. </head>
  1257. <body style="margin:0;">
  1258. <div id="pP7lPTvZv-an-anim"><ol>
  1259.  
  1260. <li id="pP7lPTvZv-an-scene-0" >
  1261. <div class="pP7lPTvZv-an-stage">
  1262.     <div id="pP7lPTvZv-an-obj-11"><div><img  height="350" width="930"  src="assets/ATeeterHdr-930x350v5-home.jpg"></div></div>
  1263.     <div id="pP7lPTvZv-an-obj-1"><span><b>Everlasting Chocolate Cake Haiku</b><br><br>
  1264. Physicists eat cake.<br>
  1265. Each takes one half with each bite. <br>
  1266. Cake lasts forever.</span></div>
  1267.     <div id="pP7lPTvZv-an-obj-2"><span><b>Moth caught</b><br>
  1268. moth caught<br>
  1269. in fine lace curtains<br>
  1270. fluttering all day long<br>
  1271. then<br>
  1272. window open<br>
  1273. straight it flies<br>
  1274. like knowing<br>
  1275. a place to go<br><br>
  1276.  
  1277. yet after a day of living<br>
  1278. so many things are changed</span></div>
  1279.     <div id="pP7lPTvZv-an-obj-3"><span><b>Television Regret Poem</b><br>
  1280. I have missed days <br>
  1281.                          with wind<br>
  1282.                                          dancing on its edges</span></div>
  1283.     <div id="pP7lPTvZv-an-obj-4"><span><b>One Variation on a Theme</b><br><br>
  1284.  
  1285. I.<br><br>
  1286.  
  1287. She walked out one night<br>
  1288. to take the trash out<br>
  1289. and never came back.<br>
  1290. Somehow between the door<br>
  1291. and the garbage can<br>
  1292. she stepped out of line.<br>
  1293. She wanders somewhere<br>
  1294. with garbage in her hand<br>
  1295. exchanging glances with<br>
  1296. the trash men<br>
  1297. and picking up bottles<br>
  1298. no deposit<br>
  1299. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;no return.</span></div>
  1300.     <div id="pP7lPTvZv-an-obj-5"><span><b>Midnight — After the Ball (1994)</b><br><br>
  1301. After they danced<br>
  1302. the bold and daring prince<br>
  1303. turned into a shy and timid frog<br>
  1304. declared love and sat.<br><br>
  1305.  
  1306. After they kissed<br>
  1307. the brave and beautiful princess<br>
  1308. turned into a tiny bird<br>
  1309. sang nervously and fled.</span></div>
  1310.     <div id="pP7lPTvZv-an-obj-6"><span><b>Wood Chip Pile</b><br><br>
  1311.  
  1312. Earthworms congregate,<br>
  1313. termites raise young. <br>
  1314. It seems a wet ruin<br>
  1315. but the center is dry as bone.</span></div>
  1316.     <div id="pP7lPTvZv-an-obj-7"><span><b>Sunset</b><br><br>
  1317.  
  1318. All the pink has left the sky, except for a strand or two.<br>
  1319. The street lights have started to glow a deep, fluorescent blue.<br>
  1320. Grey clouds fly — with streaks of green — <br>
  1321. and blue beyond and blue between.</span></div>
  1322.     <div id="pP7lPTvZv-an-obj-8"><span><b>She walked through the door</b><br><br>
  1323.  
  1324. looked around<br>
  1325. said<br>
  1326. "wait a minute"<br>
  1327. and turned around to leave<br>
  1328. but the door wasn't there anymore</span></div>
  1329.     <div id="pP7lPTvZv-an-obj-9"><span><b>She had a beige childhood.</b><br><br>
  1330.  
  1331. Everything. Her mother dressed in beige.<br>
  1332. Her mother dressed her in beige.<br>
  1333. Beige ribbons, beige smocks, beige panties, beige socks.<br>
  1334. Beige bedspread, beige walls, beige stationary, beige halls.<br>
  1335. Only the bathroom was green.<br>
  1336. She loved the bathroom going in and<br>
  1337. staying for hours.<br>
  1338. Consequently her beige mother soon ordered her
  1339. not to go into the bathroom
  1340. unless she absolutely had to.
  1341. She couldn't lie.
  1342. So she drank plenty and lots of water
  1343. and a few times of flooding her beige panties
  1344. convinced her mother.</span></div>
  1345.     <div id="pP7lPTvZv-an-obj-10"><span><b>Heart String Theory</b><br><br>
  1346.  
  1347. What is this place in my heart <br>
  1348. that vibrates to the sound of your voice?<br>
  1349. Was it always there, a long cord embedded <br>
  1350. in the wall of the chamber waiting to pull free,<br>
  1351. set to moving, glistening red and thrumming?<br>
  1352. Or did it form out of thin air? Your voice spoke,<br>
  1353. the vibration turned to this gut-wound string<br>
  1354. and spanned this space now open and singing.<br><br>
  1355.  
  1356. When a heart wakes up — when the ice has broken — when the fire is flowing<br>
  1357. What is it that sounds — what is it that pulls — that vibrates?<br>
  1358. What is this place in my heart that sounds to the ring of your voice?</span></div>
  1359.     <div id="pP7lPTvZv-an-obj-12"><div><img  height="51" width="769"  src="assets/ATeeterHdr-930x350v5-home-btm.jpg"></div></div>
  1360.     <div id="pP7lPTvZv-an-obj-13"><div><img  height="53" width="930"  src="assets/ATeeterHdr-930x350v5-home-top.jpg"></div></div>
  1361. </div>
  1362. </li>
  1363.  
  1364. </ol></div>
  1365.  
  1366. </body>
  1367. </html>
clone this paste RAW Paste Data