Animated gif background

future-here/index.html

@@ -109,7 +109,7 @@ a:hover {
   <cite><a href="http://www.bbc.com/news/technology-32810273">BBC: Airbus A400M plane crash linked to software fault</a></cite>
 </section>
 
-<section style="background-image:url(self-driving-cars-tweet.png);">
+<section style="background-image:url(self-driving-cars-tweet.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
   <cite><a href="https://twitter.com/cat_beltane/status/588359354136403969">gregory erskine</a></cite>
 </section>
 
@@ -215,7 +215,7 @@ a:hover {
 </section>
 
 <section style="background-image:url(farmier-2015-07-31.png);">
-  <cite><a href="http://farmier.com/">Farmier.com</a>
+  <cite><a href="http://farmier.com/">Farmier.com</a></cite>
 </section>
 
 <section style="background-image: url(solar-on-thatch-flickr-10145544156.jpg);">
@@ -231,6 +231,9 @@ a:hover {
 <section style="background-image:url(140605-bp-oil-spill-rig-1321_29ac02f087e8f1e6d66c32b28ee5e801.jpg);">
 </section>
 
+<section style="background-image:url(watching-phone-buzz-3405-1383166783-13.gif);">
+</section>
+
 <section>
   <h2>Companies with valuations based largely on your data</h2>
   <ul>
@@ -256,14 +259,6 @@ a:hover {
   <cite><a href="https://www.flickr.com/photos/jurvetson/">Steve Jurvetson</a>, "Solar Rainbow greeting me as I awoke on my birthday"</cite>
 </section>
 
-<section>
-  <ul class="big">
-    <li>We are the network.  We effect (create, cause, bring into being) the value.</li>
-    <li>Open platforms have disadvantages to closed: in making up-front investment (one entity controlling a platform can capture the value more easily), can be easier to make a good user experience</li>
-    <li>Open platforms have advantages over closed: more companies can try their ideas, more different needs can be served (long tail).</li> 
-   </ul>
-</section>
-
 <section style="background-image: url(Walled_Garden_-_geograph.org.uk_-_229821.jpg);">
   <blockquote><big>walled gardens are winning<br />
       because they have a superior<br />
@@ -284,10 +279,6 @@ a:hover {
   </ol>
 </section>
 
-<section style="background-image:url(gradeneuron_treeoflife4.png); background-size: contain; background-position: center; background-repeat: no-repeat;">
-  <cite><a href="http://www.gardeneuron.net/">Gardeneuron.net</a></cite>
-</section>
-
 <section style="background-image: url(Torn_down_blockbuster_2013.jpeg);">
   <blockquote><big>As value shifts from software to the ability to leverage data, companies will have to rethink their businesses, just as Netflix and Google did.</big>
     <cite>Dries Buytaert</cite>
@@ -316,6 +307,14 @@ a:hover {
 <section style="background-image: url(bizarro-stats.jpg); background-size:contain; background-position: center; background-repeat: no-repeat;">
 </section>
 
+<section>
+  <ul class="big">
+    <li>We are the network.  We effect (create, cause, bring into being) the value.</li>
+    <li>Open platforms have disadvantages to closed: in making up-front investment (one entity controlling a platform can capture the value more easily), can be easier to make a good user experience</li>
+    <li>Open platforms have advantages over closed: more companies can try their ideas, more different needs can be served (long tail).</li> 
+   </ul>
+</section>
+
 <section>
   <p>Distributed data and processing</p>
   Bitcoin minus mining equals the future we deserve.
@@ -325,6 +324,10 @@ a:hover {
     <li>This results in viable business models for free data.</li>
 </section>
 
+<section style="background-image:url(gradeneuron_treeoflife4.png); background-size: contain; background-position: center; background-repeat: no-repeat;">
+  <cite><a href="http://www.gardeneuron.net/">Gardeneuron.net</a></cite>
+</section>
+
 <section style="background-image: url(content_seattle536403_585014608182994_1431750072_n.jpg); padding-top: 8em">
 </section>