playground
/
TimelineJS
mirror of https://github.com/NUKnightLab/TimelineJS.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Removed until IE8 problems can be addressed

pull/162/head
Zach Wise 13 years ago
parent
bbb0327865
commit
a68d9156ac
1 changed files with 0 additions and 157 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. 157
      examples/example_html.html

157
examples/example_html.html
Unescape View File

@ -1,157 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML Example</title>
<meta name="description" content="TimelineJS example">
<!-- CSS -->
<link href="../compiled/css/timeline.css" rel="stylesheet">
<style>
html, body {
height:100%;
padding: 0px;
margin: 0px;
}
</style>
<!-- JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../compiled/js/timeline-min.js"></script>
<script>
$(document).ready(function() {
var timeline = new VMM.Timeline();
timeline.init();
});
</script>
</head>
<body>
<div id="timeline">
<section> <!-- Timeline Start Screen -->
<time>1977,5,11</time> <!-- Timeline Begins Date -->
<h2>The Main Timeline Headline</h2> <!-- Main Headline -->
<article> <!-- Main Text -->
<p>The main text goes here. You can have p tags or anything really.</p>
</article>
<figure>
<img src="../taylor/final.jpg"> <!-- Media, can also be a link to youtube video etc (optional) -->
<cite>John Doe/Millennium Magazine</cite> <!-- Credit for media (optional) -->
<figcaption>Caption goes here.</figcaption> <!-- Caption for media (optional) -->
</figure>
</section>
<ul>
<!-- Event -->
<li>
<time>1978,5,11</time> <!-- Event Date -->
<time>1978,8,11</time> <!-- End of Event (optional) -->
<h3>Headline Goes Here</h3> <!-- Headline -->
<article> <!-- Main Text -->
<p>The main text goes here. You can have p tags too.</p>
</article>
<figure>
<img src="../taylor/final.jpg"> <!-- Media, can also be a link to youtube video etc (optional) -->
<cite>John Doe/Millennium Magazine</cite> <!-- Credit for media (optional) -->
<figcaption>Caption goes here.</figcaption> <!-- Caption for media (optional) -->
</figure>
</li>
<!-- / Event -->
<li>
<time>1978,5,13</time>
<time>1978,5,19</time>
<h3>Headline Goes Here</h3>
<article>
<p>The main text goes here. You can have p tags too.</p>
</article>
<figure>
<a href="http://youtu.be/vjVfu8-Wp6s">Anything</a>
<cite>John Doe/Millennium Magazine</cite>
<figcaption>Caption goes here.</figcaption>
</figure>
</li>
<li>
<time>1978,5,16</time>
<time>1978,5,11</time>
<h3>Headline Goes Here</h3>
<article>
<p>The main text goes here. You can have p tags too.</p>
</article>
<figure>
<img src="../taylor/final.jpg">
<cite>John Doe/Millennium Magazine</cite>
<figcaption>Caption goes here.</figcaption>
</figure>
</li>
<li>
<time>1978,5,18</time>
<h3>Headline Goes Here</h3>
<article>
<p>The main text goes here. You can have p tags too.</p>
</article>
<figure>
<img src="../taylor/final.jpg">
<cite>John Doe/Millennium Magazine</cite>
<figcaption>Caption goes here.</figcaption>
</figure>
</li>
<li>
<time>1978,6,18</time>
<h3>Headline Goes Here</h3>
<article>
<p>The main text goes here. You can have p tags too.</p>
</article>
<figure>
<img src="../taylor/final.jpg">
<cite>John Doe/Millennium Magazine</cite>
<figcaption>Caption goes here.</figcaption>
</figure>
</li>
<li>
<time>1978,5,19</time>
<h3>Headline Goes Here</h3>
<article>
<p>The main text goes here. You can have p tags too.</p>
</article>
<figure>
<img src="../taylor/final.jpg">
<cite>John Doe/Millennium Magazine</cite>
<figcaption>Caption goes here.</figcaption>
</figure>
</li>
<li>
<time>1978,8,18</time>
<h3>Headline Goes Here</h3>
<article>
<p>The main text goes here. You can have p tags too.</p>
</article>
<figure>
<img src="../taylor/final.jpg">
<cite>John Doe/Millennium Magazine</cite>
<figcaption>Caption goes here.</figcaption>
</figure>
</li>
<li>
<time>1979,8,18</time>
<h3>Headline Goes Here</h3>
<article>
<p>The main text goes here. You can have p tags too.</p>
</article>
<figure>
<img src="../taylor/final.jpg">
<cite>John Doe/Millennium Magazine</cite>
<figcaption>Caption goes here.</figcaption>
</figure>
</li>
</ul>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save