Browse Source

Updated examples

Got rid of Republican Run-up (Knight Lab), Madonna turns 54 (VH1), Era of the iPhone (Gigaom), History of Electronic and Dance music.
pull/749/head
Ryan 10 years ago
parent
commit
cdac43a016
  1. 72
      website/templates/_examples.html

72
website/templates/_examples.html

@ -19,14 +19,14 @@
<!-- Example--> <!-- Example-->
<div class="span3"> <div class="span3">
<p> <a href="http://www.vh1.com/music/tuner/2012-08-16/madonna-54-timeline/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_madonna.jpg" class="thumbnail"></a></p> <p> <a href="http://www.radiolab.org/blogs/radiolab-blogland/2012/jun/29/color-walk/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_radiolab-colorwalking.jpg" class="thumbnail"></a></p>
<h3><a href="http://www.vh1.com/music/tuner/2012-08-16/madonna-54-timeline/" target="_blank"><img src="{{ static_url }}/img/examples/logos/logo_vh1.png" alt="VH1"><br/>Madonna's Most Controversial Moments</a></h3> <h3><a href="http://www.radiolab.org/blogs/radiolab-blogland/2012/jun/29/color-walk/" target="_blank"><img src="{{ static_url }}/img/examples/logos/logo_radiolab.png" alt="Radiolab"><br/>Color Walking</a></h3>
</div> </div>
<!-- Example--> <!-- Example-->
<div class="span3"> <div class="span3">
<p> <a href="http://gigaom.com/2012/06/07/what-to-look-for-at-wwdc-2012-macs-mountain-lion-ios-6-maps-and-icloud/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_gigaom_wwdc.jpg" class="thumbnail"></a></p> <p> <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></p>
<h3><a href="http://gigaom.com/2012/06/07/what-to-look-for-at-wwdc-2012-macs-mountain-lion-ios-6-maps-and-icloud/" target="_blank"><img src="{{ static_url }}/img/examples/logos/logo_gigaom.png" alt="GIGAOM"><br/>WWDC in the era of the iPhone</a></h3> <h3><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/logos/logo_arte.png" alt="ARTE.tv"><br/>Comment le progr&egrave;s nous aura-t-il fait &eacute;voluer en l&#x27;an 42012 ?</a></h3>
</div> </div>
</div> </div>
@ -42,28 +42,6 @@
<!-- Example--> <!-- Example-->
<div class="span3"> <div class="span3">
<p> <a href="http://www.radiolab.org/blogs/radiolab-blogland/2012/jun/29/color-walk/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_radiolab-colorwalking.jpg" class="thumbnail"></a></p>
<h3><a href="http://www.radiolab.org/blogs/radiolab-blogland/2012/jun/29/color-walk/" target="_blank"><img src="{{ static_url }}/img/examples/logos/logo_radiolab.png" alt="Radiolab"><br/>Color Walking</a></h3>
</div>
<!-- Example-->
<div class="span3">
<p> <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></p>
<h3><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/logos/logo_arte.png" alt="ARTE.tv"><br/>Comment le progr&egrave;s nous aura-t-il fait &eacute;voluer en l&#x27;an 42012 ?</a></h3>
</div>
<!-- Example-->
<div class="span3">
<p> <a href="http://america.aljazeera.com/articles/timeline-egypt-inturmoil0.html" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_aljazeera.jpg" class="thumbnail"></a></p>
<h3><a href="http://america.aljazeera.com/articles/timeline-egypt-inturmoil0.html" target="_blank">Al Jazeera: Egypt in Turmoil</a></h3>
</div>
</div>
<!-- Examples Row 3-->
<div class="row">
<!-- Example-->
<div class="span3">
<p> <a href="http://bulger.wbur.org/story/1977/?location=44444" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_bulger.jpg" class="thumbnail"></a></p> <p> <a href="http://bulger.wbur.org/story/1977/?location=44444" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_bulger.jpg" class="thumbnail"></a></p>
<h3><a href="http://bulger.wbur.org/story/1977/?location=44444" target="_blank">WBUR: Bulger on Trial</a></h3> <h3><a href="http://bulger.wbur.org/story/1977/?location=44444" target="_blank">WBUR: Bulger on Trial</a></h3>
</div> </div>
@ -76,20 +54,12 @@
<!-- Example--> <!-- Example-->
<div class="span3"> <div class="span3">
<p> <a href="http://s.24p.co/KNOHCA" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_danceclub.jpg" class="thumbnail"></a></p> <p> <a href="http://america.aljazeera.com/articles/timeline-egypt-inturmoil0.html" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_aljazeera.jpg" class="thumbnail"></a></p>
<h3><a href="http://s.24p.co/KNOHCA" target="_blank">History of Electronic &amp; Club Dance Music</a></h3> <h3><a href="http://america.aljazeera.com/articles/timeline-egypt-inturmoil0.html" target="_blank">Al Jazeera: Egypt in Turmoil</a></h3>
</div>
<!-- Example-->
<div class="span3">
<p> <a href="http://tutorialzine.com/2012/04/timeline-portfolio/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_tutorialzine.jpg" class="thumbnail"></a></p>
<h3><a href="http://tutorialzine.com/2012/04/timeline-portfolio/" target="_blank">Tutorialzine</a></h3>
</div> </div>
</div> </div>
<!-- Examples Row 4--> <!-- Examples Row 3-->
<div class="row"> <div class="row">
<!-- Example--> <!-- Example-->
@ -104,7 +74,6 @@
<h3><a href="http://backtoghana.com/timeline" target="_blank">History of Ghana</a></h3> <h3><a href="http://backtoghana.com/timeline" target="_blank">History of Ghana</a></h3>
</div> </div>
<!-- Example--> <!-- Example-->
<div class="span3"> <div class="span3">
<p> <a href="http://bitly.com/IBS1xY" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_akira.jpg" class="thumbnail"></a></p> <p> <a href="http://bitly.com/IBS1xY" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_akira.jpg" class="thumbnail"></a></p>
@ -113,14 +82,16 @@
<!-- Example--> <!-- Example-->
<div class="span3"> <div class="span3">
<p> <a href="http://www.spokesman.com/timelines/brief-history-hats/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_hats.jpg" class="thumbnail"></a></p> <p> <a href="http://tutorialzine.com/2012/04/timeline-portfolio/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_tutorialzine.jpg" class="thumbnail"></a></p>
<h3><a href="http://www.spokesman.com/timelines/brief-history-hats/" target="_blank">Spokesman-Review: A History of Hats</a></h3> <h3><a href="http://tutorialzine.com/2012/04/timeline-portfolio/" target="_blank">Tutorialzine</a></h3>
</div> </div>
</div> </div>
<!-- Examples Row 5--> <!-- Examples Row 4-->
<div class="row"> <div class="row">
<!-- Example--> <!-- Example-->
<div class="span3"> <div class="span3">
<p> <a href="http://media.vol.at/timelines/cain/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_austrian.jpg" class="thumbnail"></a></p> <p> <a href="http://media.vol.at/timelines/cain/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_austrian.jpg" class="thumbnail"></a></p>
@ -135,8 +106,8 @@
<!-- Example--> <!-- Example-->
<div class="span3"> <div class="span3">
<p> <a href="/examples/republican/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_republican.jpg" class="thumbnail"></a></p> <p> <a href="http://www.spokesman.com/timelines/brief-history-hats/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_hats.jpg" class="thumbnail"></a></p>
<h3><a href="/examples/republican/" target="_blank">The Republican Run-Up</a></h3> <h3><a href="http://www.spokesman.com/timelines/brief-history-hats/" target="_blank">Spokesman-Review: A History of Hats</a></h3>
</div> </div>
<!-- Example--> <!-- Example-->
@ -145,9 +116,20 @@
<h3><a href="/examples/user-interface/" target="_blank">Revolutionary User Interfaces</a></h3> <h3><a href="/examples/user-interface/" target="_blank">Revolutionary User Interfaces</a></h3>
</div> </div>
<div class="span3">
</div> </div>
</div> <!-- Examples Row 5-->
<!-- Example-->
<!-- Example-->
<!-- Example-->
<!-- Example-->
</section> </section>

Loading…
Cancel
Save