<!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>