Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!-- Sencha Animator Version: 1.3 Build: 177 -->
- <head>
- <meta charset="UTF-8">
- <title>ATeeterHdrPoems · Made with Sencha Animator</title>
- <script type="text/javascript">
- if (typeof(AN) === 'undefined') {
- var AN = {};
- }
- AN.Controller = function() {
- return {
- scenes: {},
- scenesArray: [],
- currentSceneID: -1,
- olElement: null,
- events: {},
- useOrmma: false,
- prefix: "",
- basePath: "",
- setConfig: function(configData) {
- this.events = configData.events;
- this.prefix = configData.cssPrefix;
- this.projectActions = configData.projectActions;
- this.userData = {};
- if (configData.basePath) {
- this.basePath = configData.basePath;
- }
- this.olElement = document.querySelector('#' + configData.parentId + ' ol');
- var liElements = this.olElement.children;
- if (configData.ormma) {
- this.useOrmma = true;
- }
- this.sceneIdByName = {};
- var scene;
- for (var i=0; i < configData.scenes.length; i++) {
- scene = configData.scenes[i];
- scene.element = liElements[i];
- this.scenes[scene.id] = scene;
- this.scenesArray.push(scene);
- if (scene.name) {
- this.sceneIdByName[scene.name] = scene.id;
- }
- }
- this.setupListeners();
- this.startSceneByID = this.startSceneById; /*compat*/
- if (this.projectActions.init) {
- this.projectActions.init.call(this.userData, this);
- }
- this.startSceneById(this.scenesArray[0].id);
- },
- runningAnimationCount: 0,
- browser: 'webkit',
- setupListeners: function() {
- var me = this;
- var eventName = "webkitAnimationEnd";
- if (document.body.style.MozAnimationName !== undefined) {
- eventName = "animationend";
- this.browser = "moz";
- }
- this.olElement.addEventListener(eventName, function(event) {
- var parent;
- if (me.browser === "moz") {
- parent = event.target;
- while (parent = parent.parentNode) {
- if (parent === me.scenes[me.currentSceneID].element) {
- me.onAnimationEnd();
- return;
- }
- }
- } else {
- me.onAnimationEnd();
- }
- },false);
- function addMousemoveListenerTo(scene) {
- scene.element.addEventListener('mousemove', function(event){
- scene.mousemoveAction.call(me.userData,me, event);
- }, false);
- }
- var scene;
- for (var i=0; i < this.scenesArray.length; i++) {
- scene = this.scenesArray[i];
- if (scene.mousemoveAction) {
- addMousemoveListenerTo(scene);
- }
- }
- function addListenerTo(element, eventType, aFunction) {
- element.addEventListener(eventType, function(event){
- aFunction.call(me.userData,me,event);
- }, false);
- }
- var element, event, type;
- for (var i=0; i < this.events.length; i++) {
- event = this.events[i];
- var type = event.type;
- if (this.browser === 'moz' && event.mozType) {
- type = event.mozType;
- }
- element = document.getElementById(event.id);
- addListenerTo(element, type, event.handler);
- }
- },
- onAnimationEnd: function() {
- this.runningAnimationCount--;
- if (this.runningAnimationCount === 0) {
- var waitTime = this.scenes[this.currentSceneID].endWaitTime;
- if (waitTime) {
- var me = this;
- this.sceneEndTimeout = setTimeout(function(){
- me.onSceneFinish();
- },waitTime * 1000);
- } else {
- this.onSceneFinish();
- }
- }
- },
- forceRefresh: function(sceneID) {
- this.forceRefreshValue = this.scenes[sceneID].element.offsetHeight;
- },
- startSceneByName: function(name) {
- var id = this.sceneIdByName[name];
- if (id !== undefined) {
- this.startSceneById(id);
- }
- },
- startSceneById: function(sceneID) {
- var restart = false;
- if (sceneID === this.currentSceneID) {
- restart = true;
- } else if (this.currentSceneID !== -1) {
- this.scenes[this.currentSceneID].element.setAttribute('class','');
- }
- clearTimeout(this.sceneEndTimeout);
- this.runningAnimationCount = this.scenes[sceneID].animationCount;
- this.currentSceneID = sceneID;
- var nextScene = this.scenes[sceneID];
- if (restart || this.browser === 'moz') {
- nextScene.element.setAttribute('class','run restart');
- this.forceRefresh(sceneID);
- }
- nextScene.element.setAttribute('class','run');
- if (!restart && this.useOrmma) {
- this.ormmaNextScene(nextScene);
- }
- if (nextScene.startAction) {
- nextScene.startAction.call(this.userData, this);
- }
- if (nextScene.animationCount === 0 ) {
- this.onSceneFinish();
- }
- },
- replayScene: function() {
- this.startSceneById(this.currentSceneID);
- },
- onSceneFinish: function() {
- if (this.scenes[this.currentSceneID].endAction) {
- this.scenes[this.currentSceneID].endAction.call(this.userData,this);
- }
- },
- goToNextScene: function() {
- var nextIndex = this.scenesArray.indexOf(this.scenes[this.currentSceneID]) + 1;
- var nextScene;
- if (nextScene = this.scenesArray[nextIndex]) {
- this.startSceneById(nextScene.id);
- }
- },
- goToPreviousScene: function() {
- var previousIndex = this.scenesArray.indexOf(this.scenes[this.currentSceneID]) - 1;
- var nextScene;
- if (previousIndex >= 0) {
- this.startSceneById(this.scenesArray[previousIndex].id);
- }
- },
- goToURL: function(aURL) {
- document.location.href = aURL;
- },
- getElementById: function(animatorId) {
- var cssId = this.prefix + animatorId;
- return document.getElementById(cssId);
- },
- getUrlForLocalAsset: function(assetName) {
- var url = 'assets/' + assetName;
- if (this.basePath) {
- url = this.basePath + '/' + url;
- }
- return url;
- },
- ormmaNextScene: function(nextScene) {
- var currentState = ormma.getState();
- if (nextScene.dimensions.expanded) {
- //expanded state
- //check if we're expanded
- var maxSize = ormma.getMaxSize();
- if (currentState !== 'expanded') {
- ormma.expand({
- x:0,
- y:0,
- width: maxSize.width,
- height: maxSize.height
- });
- }
- var transform = "";
- var elementHeight = nextScene.element.offsetHeight;
- var elementWidth = nextScene.element.offsetWidth;
- var y = (maxSize.height - elementHeight) / 2;
- var x = (maxSize.width - elementWidth) / 2;
- transform += " translate3d("+Math.round(x)+"px,"+Math.round(y)+"px,0)";
- if (nextScene.dimensions.fit) {
- var scaleFactor = Math.min(maxSize.width/elementWidth, maxSize.height/elementHeight);
- transform += " scale3d("+scaleFactor+","+scaleFactor+",1)";
- }
- nextScene.element.style.webkitTransform = transform;
- } else {
- if (currentState === 'expanded') {
- ormma.close();
- }
- ormma.resize(nextScene.dimensions.width,nextScene.dimensions.height);
- }
- }
- };
- };
- window.addEventListener('load', function(){
- var configData = {
- parentId: 'pP7lPTvZv-an-anim',
- cssPrefix: 'pP7lPTvZv-',
- ormma: false,
- mraid: false,
- scenes: [{id: 0,animationCount: 10,duration: 120.917,lastKeyframeTime: 120.917,dimensions: {height: 350,width: 930,expanded: false,fit: false}}],
- projectActions: {},
- events: [{id: "pP7lPTvZv-an-obj-1",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-2",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-2",type: 'mouseover',handler: function(controller,event) {
- }},{id: "pP7lPTvZv-an-obj-3",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-4",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-5",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-6",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-7",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-8",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-9",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }},{id: "pP7lPTvZv-an-obj-10",type: 'click',handler: function(controller) {
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');
- }}],
- externalResources: []
- };
- setTimeout(function(){
- var controller = new AN.Controller;
- controller.setConfig(configData);
- },0);
- }, false);
- </script>
- <style type="text/css">
- #pP7lPTvZv-an-anim > ol {
- list-style: none;
- position: relative;
- margin: 0;
- padding: 0;
- }
- #pP7lPTvZv-an-anim > ol > li {
- position: absolute;
- top: 0;
- left: 0;
- margin: 0;
- padding: 0;
- display: none;
- }
- #pP7lPTvZv-an-anim > ol > li.run {
- display: block;
- }
- #pP7lPTvZv-an-anim .pP7lPTvZv-an-stage {
- position: relative;
- overflow: hidden;
- margin: 0;
- padding: 0;
- }
- #pP7lPTvZv-an-anim .pP7lPTvZv-an-stage div {
- position: absolute;
- }
- .pP7lPTvZv-an-stage * {
- margin: 0;
- padding: 0;
- -moz-font-smoothing: antialiased;
- -webkit-font-smoothing: antialiased;
- }
- #pP7lPTvZv-an-anim .pP7lPTvZv-an-stage img {
- position: absolute;
- top: 0;
- left: 0;
- }
- #pP7lPTvZv-an-anim .AN-Scene-Description {
- display: none;
- }
- #pP7lPTvZv-an-anim iframe {
- border: none;
- height: 100%;
- width: 100%
- }
- #pP7lPTvZv-an-anim .restart * {
- -moz-animation-name: none !important;
- -webkit-animation-name: none !important;
- }
- #pP7lPTvZv-an-obj-11 {
- -moz-transform: translate(0px, 0px);
- -webkit-transform: translate3d(0px, 0px, 0px);
- width: 930px;
- height: 350px;
- top: 0;
- left: 0;
- }
- #pP7lPTvZv-an-obj-1 {
- -moz-transform: translate(586px, 244px);
- -webkit-transform: translate3d(586px, 244px, 0px);
- width: 288px;
- height: 20px;
- top: 0;
- left: 0;
- font-family: Georgia, "Times New Roman", Times, serif;
- line-height: 136%;
- color: rgba(18,11,85,1);
- -moz-text-stroke: 1px rgba(0,0,0,0);
- -webkit-text-stroke: 1px rgba(0,0,0,0);
- font-size: 12px;
- window.open('http://localhost:8888/karentestweb.com/books-and-poems/scrolling-poems/');;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-1 {
- 0% {
- -webkit-transform: translate3d(586px, 244px, 0px);
- opacity: 0;
- -webkit-transform-origin: 50% 50%;
- -webkit-animation-timing-function: ease;
- color: rgba(18,11,85,1);
- -webkit-text-stroke: 1px rgba(0,0,0,0);
- }
- 44.4685% {
- -webkit-transform: translate3d(586px, 184px, 0px);
- opacity: 1;
- -webkit-transform-origin: 50% 50%;
- -webkit-animation-timing-function: linear;
- color: rgba(18,11,85,1);
- -webkit-text-stroke: 1px rgba(0,0,0,0);
- }
- 100% {
- -webkit-transform: translate3d(586px, -69px, 0px);
- opacity: 0;
- -webkit-transform-origin: 50% 50%;
- -webkit-animation-timing-function: ease;
- color: rgba(0,0,0,1);
- -webkit-text-stroke: 1px rgba(0,0,0,0.019230769230769273);
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-1 {
- 0% {
- -moz-transform: translate(586px, 244px);
- opacity: 0;
- -moz-transform-origin: 50% 50%;
- -moz-animation-timing-function: ease;
- color: rgba(18,11,85,1);
- -moz-text-stroke: 1px rgba(0,0,0,0);
- }
- 44.4685% {
- -moz-transform: translate(586px, 184px);
- opacity: 1;
- -moz-transform-origin: 50% 50%;
- -moz-animation-timing-function: linear;
- color: rgba(18,11,85,1);
- -moz-text-stroke: 1px rgba(0,0,0,0);
- }
- 100% {
- -moz-transform: translate(586px, -69px);
- opacity: 0;
- -moz-transform-origin: 50% 50%;
- -moz-animation-timing-function: ease;
- color: rgba(0,0,0,1);
- -moz-text-stroke: 1px rgba(0,0,0,0.019230769230769273);
- }
- }
- .run #pP7lPTvZv-an-obj-1 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-1;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-1;
- -moz-animation-duration: 9.5011s;
- -webkit-animation-duration: 9.5011s;
- -moz-animation-delay: 0.0811s;
- -webkit-animation-delay: 0.0811s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-1 {
- -moz-transform: translate(586px, -69px);
- -webkit-transform: translate3d(586px, -69px, 0px);
- opacity: 0;
- -moz-transform-origin: 50% 50%;
- -webkit-transform-origin: 50% 50%;
- -moz-animation-timing-function: ease;
- -webkit-animation-timing-function: ease;
- color: rgba(0,0,0,1);
- -moz-text-stroke: 1px rgba(0,0,0,0.019230769230769273);
- -webkit-text-stroke: 1px rgba(0,0,0,0.019230769230769273);
- }
- .restart #pP7lPTvZv-an-obj-1 {
- -moz-transform: translate(586px, 244px);
- -webkit-transform: translate3d(586px, 244px, 0px);
- opacity: 0;
- -moz-transform-origin: 50% 50%;
- -webkit-transform-origin: 50% 50%;
- -moz-animation-timing-function: ease;
- -webkit-animation-timing-function: ease;
- color: rgba(18,11,85,1);
- -moz-text-stroke: 1px rgba(0,0,0,0);
- -webkit-text-stroke: 1px rgba(0,0,0,0);
- }
- #pP7lPTvZv-an-obj-2 {
- -moz-transform: translate(481px, 343px);
- -webkit-transform: translate3d(481px, 343px, 0px);
- width: 398px;
- height: 20px;
- top: 0;
- left: 0;
- font-size: 12px;
- line-height: 158%;
- font-family: Georgia, "Times New Roman", Times, serif;
- overflow: visible;
- color: rgba(18,11,85,1);
- text-align: center;
- ;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-2 {
- 0% {
- -webkit-transform: translate3d(481px, 242.76999999999998px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: ease-in;
- }
- 50.553% {
- -webkit-transform: translate3d(481px, 46.639999999999986px, 0px);
- opacity: 1;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- -webkit-transform: translate3d(481px, -188px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-2 {
- 0% {
- -moz-transform: translate(481px, 242.76999999999998px);
- opacity: 0;
- -moz-animation-timing-function: ease-in;
- }
- 50.553% {
- -moz-transform: translate(481px, 46.639999999999986px);
- opacity: 1;
- -moz-animation-timing-function: linear;
- }
- 100% {
- -moz-transform: translate(481px, -188px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- }
- .run #pP7lPTvZv-an-obj-2 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-2;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-2;
- -moz-animation-duration: 14.5366s;
- -webkit-animation-duration: 14.5366s;
- -moz-animation-delay: 8.0899s;
- -webkit-animation-delay: 8.0899s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-2 {
- -moz-transform: translate(481px, -188px);
- -webkit-transform: translate3d(481px, -188px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- .restart #pP7lPTvZv-an-obj-2 {
- -moz-transform: translate(481px, 242.76999999999998px);
- -webkit-transform: translate3d(481px, 242.76999999999998px, 0px);
- opacity: 0;
- -moz-animation-timing-function: ease-in;
- -webkit-animation-timing-function: ease-in;
- }
- #pP7lPTvZv-an-obj-3 {
- -moz-transform: translate(586px, 313px);
- -webkit-transform: translate3d(586px, 313px, 0px);
- width: 237px;
- height: 53px;
- top: 0;
- left: 0;
- font-family: Georgia, "Times New Roman", Times, serif;
- color: rgba(18,11,85,1);
- font-size: 12px;
- text-indent: 0px;
- white-space: pre;
- opacity: 0;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-3 {
- 0% {
- -webkit-transform: translate3d(586px, 313px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- 50% {
- -webkit-transform: translate3d(586px, 106px, 0px);
- opacity: 1;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- -webkit-transform: translate3d(586px, 4px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-3 {
- 0% {
- -moz-transform: translate(586px, 313px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- 50% {
- -moz-transform: translate(586px, 106px);
- opacity: 1;
- -moz-animation-timing-function: linear;
- }
- 100% {
- -moz-transform: translate(586px, 4px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- }
- .run #pP7lPTvZv-an-obj-3 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-3;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-3;
- -moz-animation-duration: 10.8s;
- -webkit-animation-duration: 10.8s;
- -moz-animation-delay: 20.5806s;
- -webkit-animation-delay: 20.5806s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-3 {
- -moz-transform: translate(586px, 4px);
- -webkit-transform: translate3d(586px, 4px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- .restart #pP7lPTvZv-an-obj-3 {
- -moz-transform: translate(586px, 313px);
- -webkit-transform: translate3d(586px, 313px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- #pP7lPTvZv-an-obj-4 {
- -moz-transform: translate(586px, 313px);
- -webkit-transform: translate3d(586px, 313px, 0px);
- width: 225px;
- height: 20px;
- top: 0;
- left: 0;
- color: rgba(18,11,85,1);
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- white-space: normal;
- line-height: 130%;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-4 {
- 0% {
- -webkit-transform: translate3d(586px, 313px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- 49.3671% {
- -webkit-transform: translate3d(586px, 90px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 1;
- }
- 100% {
- -webkit-transform: translate3d(586px, -39px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-4 {
- 0% {
- -moz-transform: translate(586px, 313px);
- -moz-animation-timing-function: linear;
- opacity: 0;
- }
- 49.3671% {
- -moz-transform: translate(586px, 90px);
- -moz-animation-timing-function: linear;
- opacity: 1;
- }
- 100% {
- -moz-transform: translate(586px, -39px);
- -moz-animation-timing-function: linear;
- opacity: 0;
- }
- }
- .run #pP7lPTvZv-an-obj-4 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-4;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-4;
- -moz-animation-duration: 15.8s;
- -webkit-animation-duration: 15.8s;
- -moz-animation-delay: 29.6583s;
- -webkit-animation-delay: 29.6583s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-4 {
- -moz-transform: translate(586px, -39px);
- -webkit-transform: translate3d(586px, -39px, 0px);
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- .restart #pP7lPTvZv-an-obj-4 {
- -moz-transform: translate(586px, 313px);
- -webkit-transform: translate3d(586px, 313px, 0px);
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- #pP7lPTvZv-an-obj-5 {
- -moz-transform: translate(586px, 316px);
- -webkit-transform: translate3d(586px, 316px, 0px);
- width: 303px;
- height: 20px;
- top: 0;
- left: 0;
- color: rgba(18,11,85,1);
- line-height: 130%;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- opacity: 1;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-5 {
- 0% {
- -webkit-transform: translate3d(586px, 316px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- 51.5625% {
- -webkit-transform: translate3d(586px, 102px, 0px);
- opacity: 1;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- -webkit-transform: translate3d(586px, -43px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-5 {
- 0% {
- -moz-transform: translate(586px, 316px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- 51.5625% {
- -moz-transform: translate(586px, 102px);
- opacity: 1;
- -moz-animation-timing-function: linear;
- }
- 100% {
- -moz-transform: translate(586px, -43px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- }
- .run #pP7lPTvZv-an-obj-5 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-5;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-5;
- -moz-animation-duration: 12.8s;
- -webkit-animation-duration: 12.8s;
- -moz-animation-delay: 44.3306s;
- -webkit-animation-delay: 44.3306s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-5 {
- -moz-transform: translate(586px, -43px);
- -webkit-transform: translate3d(586px, -43px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- .restart #pP7lPTvZv-an-obj-5 {
- -moz-transform: translate(586px, 316px);
- -webkit-transform: translate3d(586px, 316px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- #pP7lPTvZv-an-obj-6 {
- -moz-transform: translate(586px, 316px);
- -webkit-transform: translate3d(586px, 316px, 0px);
- width: 303px;
- height: 20px;
- top: 0;
- left: 0;
- color: rgba(18,11,85,1);
- line-height: 130%;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- opacity: 1;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-6 {
- 0% {
- -webkit-transform: translate3d(586px, 316px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- 51.5625% {
- -webkit-transform: translate3d(586px, 102px, 0px);
- opacity: 1;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- -webkit-transform: translate3d(586px, -43px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-6 {
- 0% {
- -moz-transform: translate(586px, 316px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- 51.5625% {
- -moz-transform: translate(586px, 102px);
- opacity: 1;
- -moz-animation-timing-function: linear;
- }
- 100% {
- -moz-transform: translate(586px, -43px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- }
- .run #pP7lPTvZv-an-obj-6 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-6;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-6;
- -moz-animation-duration: 12.8s;
- -webkit-animation-duration: 12.8s;
- -moz-animation-delay: 56.1944s;
- -webkit-animation-delay: 56.1944s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-6 {
- -moz-transform: translate(586px, -43px);
- -webkit-transform: translate3d(586px, -43px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- .restart #pP7lPTvZv-an-obj-6 {
- -moz-transform: translate(586px, 316px);
- -webkit-transform: translate3d(586px, 316px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- #pP7lPTvZv-an-obj-7 {
- -moz-transform: translate(531px, 316px);
- -webkit-transform: translate3d(531px, 316px, 0px);
- width: 338px;
- height: 20px;
- top: 0;
- left: 0;
- color: rgba(18,11,85,1);
- line-height: 130%;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- opacity: 1;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-7 {
- 0% {
- -webkit-transform: translate3d(531px, 316px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- 51.5625% {
- -webkit-transform: translate3d(531px, 102px, 0px);
- opacity: 1;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- -webkit-transform: translate3d(531px, -43px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-7 {
- 0% {
- -moz-transform: translate(531px, 316px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- 51.5625% {
- -moz-transform: translate(531px, 102px);
- opacity: 1;
- -moz-animation-timing-function: linear;
- }
- 100% {
- -moz-transform: translate(531px, -43px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- }
- .run #pP7lPTvZv-an-obj-7 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-7;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-7;
- -moz-animation-duration: 12.8s;
- -webkit-animation-duration: 12.8s;
- -moz-animation-delay: 67.3472s;
- -webkit-animation-delay: 67.3472s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-7 {
- -moz-transform: translate(531px, -43px);
- -webkit-transform: translate3d(531px, -43px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- .restart #pP7lPTvZv-an-obj-7 {
- -moz-transform: translate(531px, 316px);
- -webkit-transform: translate3d(531px, 316px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- #pP7lPTvZv-an-obj-8 {
- -moz-transform: translate(586px, 316px);
- -webkit-transform: translate3d(586px, 316px, 0px);
- width: 303px;
- height: 20px;
- top: 0;
- left: 0;
- color: rgba(18,11,85,1);
- line-height: 130%;
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- opacity: 1;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-8 {
- 0% {
- -webkit-transform: translate3d(586px, 316px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- 51.5625% {
- -webkit-transform: translate3d(586px, 102px, 0px);
- opacity: 1;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- -webkit-transform: translate3d(586px, -43px, 0px);
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-8 {
- 0% {
- -moz-transform: translate(586px, 316px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- 51.5625% {
- -moz-transform: translate(586px, 102px);
- opacity: 1;
- -moz-animation-timing-function: linear;
- }
- 100% {
- -moz-transform: translate(586px, -43px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- }
- .run #pP7lPTvZv-an-obj-8 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-8;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-8;
- -moz-animation-duration: 12.8s;
- -webkit-animation-duration: 12.8s;
- -moz-animation-delay: 78.7278s;
- -webkit-animation-delay: 78.7278s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-8 {
- -moz-transform: translate(586px, -43px);
- -webkit-transform: translate3d(586px, -43px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- .restart #pP7lPTvZv-an-obj-8 {
- -moz-transform: translate(586px, 316px);
- -webkit-transform: translate3d(586px, 316px, 0px);
- opacity: 0;
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- }
- #pP7lPTvZv-an-obj-9 {
- -moz-transform: translate(530px, 313px);
- -webkit-transform: translate3d(530px, 313px, 0px);
- width: 333px;
- height: 20px;
- top: 0;
- left: 0;
- color: rgba(18,11,85,1);
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- white-space: normal;
- line-height: 130%;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-9 {
- 0% {
- -webkit-transform: translate3d(530px, 313px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- 49.3671% {
- -webkit-transform: translate3d(530px, 90px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 1;
- }
- 100% {
- -webkit-transform: translate3d(530px, -39px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-9 {
- 0% {
- -moz-transform: translate(530px, 313px);
- -moz-animation-timing-function: linear;
- opacity: 0;
- }
- 49.3671% {
- -moz-transform: translate(530px, 90px);
- -moz-animation-timing-function: linear;
- opacity: 1;
- }
- 100% {
- -moz-transform: translate(530px, -39px);
- -moz-animation-timing-function: linear;
- opacity: 0;
- }
- }
- .run #pP7lPTvZv-an-obj-9 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-9;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-9;
- -moz-animation-duration: 15.8s;
- -webkit-animation-duration: 15.8s;
- -moz-animation-delay: 90.2s;
- -webkit-animation-delay: 90.2s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-9 {
- -moz-transform: translate(530px, -39px);
- -webkit-transform: translate3d(530px, -39px, 0px);
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- .restart #pP7lPTvZv-an-obj-9 {
- -moz-transform: translate(530px, 313px);
- -webkit-transform: translate3d(530px, 313px, 0px);
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- #pP7lPTvZv-an-obj-10 {
- -moz-transform: translate(488px, 313px);
- -webkit-transform: translate3d(488px, 313px, 0px);
- width: 428px;
- height: 20px;
- top: 0;
- left: 0;
- color: rgba(18,11,85,1);
- font-family: Georgia, "Times New Roman", Times, serif;
- font-size: 12px;
- white-space: normal;
- line-height: 130%;
- }
- @-webkit-keyframes ani-pP7lPTvZv-an-obj-10 {
- 0% {
- -webkit-transform: translate3d(488px, 313px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- 49.3671% {
- -webkit-transform: translate3d(488px, 90px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 1;
- }
- 100% {
- -webkit-transform: translate3d(488px, -39px, 0px);
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- }
- @-moz-keyframes ani-pP7lPTvZv-an-obj-10 {
- 0% {
- -moz-transform: translate(488px, 313px);
- -moz-animation-timing-function: linear;
- opacity: 0;
- }
- 49.3671% {
- -moz-transform: translate(488px, 90px);
- -moz-animation-timing-function: linear;
- opacity: 1;
- }
- 100% {
- -moz-transform: translate(488px, -39px);
- -moz-animation-timing-function: linear;
- opacity: 0;
- }
- }
- .run #pP7lPTvZv-an-obj-10 {
- -moz-animation-name: ani-pP7lPTvZv-an-obj-10;
- -webkit-animation-name: ani-pP7lPTvZv-an-obj-10;
- -moz-animation-duration: 15.8s;
- -webkit-animation-duration: 15.8s;
- -moz-animation-delay: 105.1167s;
- -webkit-animation-delay: 105.1167s;
- -moz-animation-fill-mode: both;
- -webkit-animation-fill-mode: both;
- }
- #pP7lPTvZv-an-obj-10 {
- -moz-transform: translate(488px, -39px);
- -webkit-transform: translate3d(488px, -39px, 0px);
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- .restart #pP7lPTvZv-an-obj-10 {
- -moz-transform: translate(488px, 313px);
- -webkit-transform: translate3d(488px, 313px, 0px);
- -moz-animation-timing-function: linear;
- -webkit-animation-timing-function: linear;
- opacity: 0;
- }
- #pP7lPTvZv-an-obj-12 {
- -moz-transform: translate(161px, 299px);
- -webkit-transform: translate3d(161px, 299px, 0px);
- width: 769px;
- height: 51px;
- top: 0;
- left: 0;
- }
- #pP7lPTvZv-an-obj-13 {
- -moz-transform: translate(0px, 0px);
- -webkit-transform: translate3d(0px, 0px, 0px);
- width: 930px;
- height: 53px;
- top: 0;
- left: 0;
- }
- #pP7lPTvZv-an-scene-0 .pP7lPTvZv-an-stage {
- height: 350px;
- width: 930px;
- background-color: rgba(255,255,255,1);
- }
- </style>
- </head>
- <body style="margin:0;">
- <div id="pP7lPTvZv-an-anim"><ol>
- <li id="pP7lPTvZv-an-scene-0" >
- <div class="pP7lPTvZv-an-stage">
- <div id="pP7lPTvZv-an-obj-11"><div><img height="350" width="930" src="assets/ATeeterHdr-930x350v5-home.jpg"></div></div>
- <div id="pP7lPTvZv-an-obj-1"><span><b>Everlasting Chocolate Cake Haiku</b><br><br>
- Physicists eat cake.<br>
- Each takes one half with each bite. <br>
- Cake lasts forever.</span></div>
- <div id="pP7lPTvZv-an-obj-2"><span><b>Moth caught</b><br>
- moth caught<br>
- in fine lace curtains<br>
- fluttering all day long<br>
- then<br>
- window open<br>
- straight it flies<br>
- like knowing<br>
- a place to go<br><br>
- yet after a day of living<br>
- so many things are changed</span></div>
- <div id="pP7lPTvZv-an-obj-3"><span><b>Television Regret Poem</b><br>
- I have missed days <br>
- with wind<br>
- dancing on its edges</span></div>
- <div id="pP7lPTvZv-an-obj-4"><span><b>One Variation on a Theme</b><br><br>
- I.<br><br>
- She walked out one night<br>
- to take the trash out<br>
- and never came back.<br>
- Somehow between the door<br>
- and the garbage can<br>
- she stepped out of line.<br>
- She wanders somewhere<br>
- with garbage in her hand<br>
- exchanging glances with<br>
- the trash men<br>
- and picking up bottles<br>
- no deposit<br>
- no return.</span></div>
- <div id="pP7lPTvZv-an-obj-5"><span><b>Midnight — After the Ball (1994)</b><br><br>
- After they danced<br>
- the bold and daring prince<br>
- turned into a shy and timid frog<br>
- declared love and sat.<br><br>
- After they kissed<br>
- the brave and beautiful princess<br>
- turned into a tiny bird<br>
- sang nervously and fled.</span></div>
- <div id="pP7lPTvZv-an-obj-6"><span><b>Wood Chip Pile</b><br><br>
- Earthworms congregate,<br>
- termites raise young. <br>
- It seems a wet ruin<br>
- but the center is dry as bone.</span></div>
- <div id="pP7lPTvZv-an-obj-7"><span><b>Sunset</b><br><br>
- All the pink has left the sky, except for a strand or two.<br>
- The street lights have started to glow a deep, fluorescent blue.<br>
- Grey clouds fly — with streaks of green — <br>
- and blue beyond and blue between.</span></div>
- <div id="pP7lPTvZv-an-obj-8"><span><b>She walked through the door</b><br><br>
- looked around<br>
- said<br>
- "wait a minute"<br>
- and turned around to leave<br>
- but the door wasn't there anymore</span></div>
- <div id="pP7lPTvZv-an-obj-9"><span><b>She had a beige childhood.</b><br><br>
- Everything. Her mother dressed in beige.<br>
- Her mother dressed her in beige.<br>
- Beige ribbons, beige smocks, beige panties, beige socks.<br>
- Beige bedspread, beige walls, beige stationary, beige halls.<br>
- Only the bathroom was green.<br>
- She loved the bathroom going in and<br>
- staying for hours.<br>
- Consequently her beige mother soon ordered her
- not to go into the bathroom
- unless she absolutely had to.
- She couldn't lie.
- So she drank plenty and lots of water
- and a few times of flooding her beige panties
- convinced her mother.</span></div>
- <div id="pP7lPTvZv-an-obj-10"><span><b>Heart String Theory</b><br><br>
- What is this place in my heart <br>
- that vibrates to the sound of your voice?<br>
- Was it always there, a long cord embedded <br>
- in the wall of the chamber waiting to pull free,<br>
- set to moving, glistening red and thrumming?<br>
- Or did it form out of thin air? Your voice spoke,<br>
- the vibration turned to this gut-wound string<br>
- and spanned this space now open and singing.<br><br>
- When a heart wakes up — when the ice has broken — when the fire is flowing<br>
- What is it that sounds — what is it that pulls — that vibrates?<br>
- What is this place in my heart that sounds to the ring of your voice?</span></div>
- <div id="pP7lPTvZv-an-obj-12"><div><img height="51" width="769" src="assets/ATeeterHdr-930x350v5-home-btm.jpg"></div></div>
- <div id="pP7lPTvZv-an-obj-13"><div><img height="53" width="930" src="assets/ATeeterHdr-930x350v5-home-top.jpg"></div></div>
- </div>
- </li>
- </ol></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement