From 07113b62769bed286b24d2d63f7c9e0b55e63300 Mon Sep 17 00:00:00 2001
From: David Greenspan <dgreenspan@alum.mit.edu>
Date: Wed, 8 Aug 2012 17:51:04 -0700
Subject: [PATCH] preserved spinner :)

---
 examples/landmark-demo/client/landmark-demo.js |  2 +-
 examples/landmark-demo/landmark-demo.css       | 15 +++++++++++++++
 examples/landmark-demo/landmark-demo.html      |  2 +-
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/examples/landmark-demo/client/landmark-demo.js b/examples/landmark-demo/client/landmark-demo.js
index 9ad36fa0d3d..26078bf8f1a 100644
--- a/examples/landmark-demo/client/landmark-demo.js
+++ b/examples/landmark-demo/client/landmark-demo.js
@@ -26,7 +26,7 @@ Template.redrawButtons.events = {
   }
 };
 
-Template.preserveDemo.preserve = [ '.keep' ];
+Template.preserveDemo.preserve = [ '.spinner' ];
 
 Template.preserveDemo.x =
 Template.constantDemo.x =
diff --git a/examples/landmark-demo/landmark-demo.css b/examples/landmark-demo/landmark-demo.css
index b6b4052b43d..59ea67336cf 100644
--- a/examples/landmark-demo/landmark-demo.css
+++ b/examples/landmark-demo/landmark-demo.css
@@ -1 +1,16 @@
 /* CSS declarations go here */
+
+@-webkit-keyframes spin {
+  from {-webkit-transform: rotate(0deg);}
+  to {-webkit-transform: rotate(360deg);}
+} 
+
+.spinner {
+  width: 100px;
+  background: #ccc;
+  text-align: center;
+  -webkit-animation-name: spin;
+  -webkit-animation-duration:2s;
+  -webkit-animation-iteration-count:infinite;
+  -webkit-animation-timing-function:linear;
+}
diff --git a/examples/landmark-demo/landmark-demo.html b/examples/landmark-demo/landmark-demo.html
index accd7ee72d4..fb2d193bf40 100644
--- a/examples/landmark-demo/landmark-demo.html
+++ b/examples/landmark-demo/landmark-demo.html
@@ -20,7 +20,7 @@ <h1>Landmark demo</h1>
 <template name="preserveDemo">
   <h2>Simple element preservation</h2>
   X={{x}}<br>
-  <input type="text" class="keep"><br>
+  <div class="spinner">Wheeee</div><br>
   X={{x}}
 </template>