removed mandela timeline, added example links

website/templates/_examples.html

@@ -10,32 +10,41 @@ <h2>Examples</h2>
     <div class="small-12 columns">
       <ul class="small-block-grid-2 medium-block-grid-4">
         <li>
-          <a href="/examples/mandela/index.html" target="_blank">
+          <a href="http://world.time.com/2013/12/05/nelson-mandelas-extraordinary-life-an-interactive-timeline/" target="_blank">
             <img src="{{ static_url }}/img/examples/thumbs/thumb_mandela.jpg" class="thumbnail">
           </a>
-          <a href="#">
+          <a href="http://time.com">
             <img src="{{ static_url }}/img/examples/logos/logo_time.png" alt="" />
           </a>
           <h3><a href="/examples/user-interface/index.html" target="_blank">Mandela: A Life of Purpose</a></h3>
         </li>
-        <!-- <li>
-          <a href="http://beyondtheseal.com/#19" target="_blank">
-            <img src="{{ static_url }}/img/examples/thumbs/thumb_banana.png" class="thumbnail">
+        <li>
+          <a href="http://www.lemonde.fr/election-presidentielle-2012/visuel/2012/04/21/chronologie-une-si-longue-campagne-presidentielle_1681661_1471069.html#meter_toaster" target="_blank">
+            <img src="{{ static_url }}/img/examples/thumbs/thumb_lemonde.jpg" class="thumbnail">
           </a>
-          <h3><a href="http://beyondtheseal.com/#19" target="_blank">A Brief History of the Banana Business</a></h3>
+          <a href="http://www.lemonde.fr">
+            <img src="{{ static_url }}/img/examples/logos/logo_lemonde.png">
+          </a>
+          <h3><a href="http://beyondtheseal.com/#19" target="_blank">Chronology of the French Presidential Race</a></h3>
         </li>
         <li>
-          <a href="/examples/republican/index.html" target="_blank">
-            <img src="{{ static_url }}/img/examples/thumbs/thumb_republican.jpg" class="thumbnail">
+          <a href="http://www.radiolab.org/story/214709-color-walk/" target="_blank">
+            <img src="{{ static_url }}/img/examples/thumbs/thumb_radiolab-colorwalking.jpg" class="thumbnail">
           </a>
-          <h3><a href="/examples/republican/index.html" target="_blank">The Republican Run-Up</a></h3>
+          <a href="http://www.radiolab.org">
+            <img src="{{ static_url }}/img/examples/logos/logo_radiolab.png" alt="" />
+          </a>
+          <h3><a href="/examples/republican/index.html" target="_blank">Color Walking</a></h3>
         </li>
         <li>
-          <a href="/examples/houston/index.html" target="_blank">
-            <img src="{{ static_url }}/img/examples/thumbs/thumb_houston.jpg" class="thumbnail">
+          <a href="http://www.arte.tv/fr/comment-le-progres-nous-aura-t-il-fait-evoluer-en-l-an-42012/6704612,CmC=6704740.html" target="_blank">
+            <img src="{{ static_url }}/img/examples/thumbs/thumb_artetv.jpg" class="thumbnail">
           </a>
-          <h3><a href="/examples/houston/index.html" target="_blank">Whitney Houston: 1963-2012</a></h3>
-        </li> -->
+          <a href="http://www.arte.tv">
+            <img src="{{ static_url }}/img/examples/logos/logo_arte.png" alt="" />
+          </a>
+          <h3><a href="/examples/houston/index.html" target="_blank">Comment le progrès nous aura-t-il fait évoluer en l'an 42012 ?</a></h3>
+        </li>
       </ul>
       <ul class="small-block-grid-2 medium-block-grid-4">
         <li>