playground
/
TimelineJS
mirror of https://github.com/NUKnightLab/TimelineJS.git
1
0
Fork 0
Code Issues Releases Activity
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
e1191f0c9c
commit
cdac43a016
1 changed files with 32 additions and 50 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 72
      website/templates/_examples.html

72
website/templates/_examples.html
Unescape View File

@ -19,14 +19,14 @@
<!-- Example-->
<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>
<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>
<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://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>
<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>
<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>
</div>
@ -42,28 +42,6 @@
<!-- Example-->
<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>
<h3><a href="http://bulger.wbur.org/story/1977/?location=44444" target="_blank">WBUR: Bulger on Trial</a></h3>
</div>
@ -76,20 +54,12 @@
<!-- Example-->
<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>
<h3><a href="http://s.24p.co/KNOHCA" target="_blank">History of Electronic &amp; Club Dance Music</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>
<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 4-->
<!-- Examples Row 3-->
<div class="row">
<!-- Example-->
@ -104,7 +74,6 @@
<h3><a href="http://backtoghana.com/timeline" target="_blank">History of Ghana</a></h3>
</div>
<!-- Example-->
<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>
@ -113,14 +82,16 @@
<!-- Example-->
<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>
<h3><a href="http://www.spokesman.com/timelines/brief-history-hats/" target="_blank">Spokesman-Review: A History of Hats</a></h3>
<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>
<!-- Examples Row 5-->
<!-- Examples Row 4-->
<div class="row">
<!-- Example-->
<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>
@ -135,8 +106,8 @@
<!-- Example-->
<div class="span3">
<p> <a href="/examples/republican/" target="_blank"><img src="{{ static_url }}/img/examples/thumbs/thumb_republican.jpg" class="thumbnail"></a></p>
<h3><a href="/examples/republican/" target="_blank">The Republican Run-Up</a></h3>
<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="http://www.spokesman.com/timelines/brief-history-hats/" target="_blank">Spokesman-Review: A History of Hats</a></h3>
</div>
<!-- Example-->
@ -145,9 +116,20 @@
<h3><a href="/examples/user-interface/" target="_blank">Revolutionary User Interfaces</a></h3>
</div>
<div class="span3">
</div>
</div>
<!-- Examples Row 5-->
<!-- Example-->
<!-- Example-->
<!-- Example-->
<!-- Example-->
</section>

Write Preview
Loading…
Cancel
Save