@knight-lab/timelinejs 3.8.15 → 3.8.19

package/website/static/welcome/welcome.json

@@ -1,266 +0,0 @@
-{
-  "timeline": {
-    "slides": [
-      {
-        "media": {
-          "url": "http://2.bp.blogspot.com/-dxJbW0CG8Zs/TmkoMA5-cPI/AAAAAAAAAqw/fQpsz9GpFdo/s1600/voyage-dans-la-lune-1902-02-g.jpg", 
-          "caption": "", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "year": "1888"
-        }, 
-        "text": {
-          "headline": "Welcome to TimelineJS", 
-          "text": "<p>TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages.</p><p>You're looking at an example of one right now.</p><p>Click on the arrow to the right to learn more.</p>"
-        }
-      }, 
-      {
-        "media": {
-          "url": "/static/welcome/step3.png", 
-          "caption": "Screenshot from TimelineJS Embed Generator tool (see below)", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "year": "1851"
-        }, 
-        "text": {
-          "headline": "It's Easy to Make Your Own Timeline", 
-          "text": "The TimelineJS Embed Generator makes it easy to add a timeline to your own site. Just copy our Google Spreadsheet template, add your events as rows in the spreadsheet, and use our <a href='#make'>generator tool</a> to generate the HTML you need to add to your site."
-        }
-      }, 
-      {
-        "media": {
-          "url": "", 
-          "caption": "Screenshot from TimelineJS Embed Generator tool (see below)", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "year": "1871"
-        }, 
-        "text": {
-          "headline": "Illustrate your Timeline with photos, videos, tweets and more.", 
-          "text": "Timeline can automatically pull in photos, videos from YouTube or Vimeo, tweets, wikipedia entries, and many other media types to help tell your story."
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://youtu.be/lIvftGgps24", 
-          "caption": "Le portrait myst\u00e9rieux", 
-          "credit": "Georges M\u00e9li\u00e8s"
-        }, 
-        "start_date": {
-          "year": "1899"
-        }, 
-        "text": {
-          "headline": "YouTube video", 
-          "text": "To add a YouTube video, just add a link to it in the media field. No embedding necessary. http://youtu.be/lIvftGgps24"
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://youtu.be/7JDaOOw0MEE", 
-          "caption": "A Trip to the Moon / Le Voyage dans la lune", 
-          "credit": "Georges M\u00e9li\u00e8s"
-        }, 
-        "start_date": {
-          "year": "1902"
-        }, 
-        "text": {
-          "headline": "YouTube with no text", 
-          "text": ""
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://en.wikipedia.org/wiki/A_Trip_to_the_Moon", 
-          "caption": "", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "year": "1902"
-        }, 
-        "text": {
-          "headline": "Wikipedia", 
-          "text": "Add a link to a <a href='http://en.wikipedia.org/wiki/A_Trip_to_the_Moon' target='_blank'>Wikipedia entry</a> in the media field to show an excerpt alongside your text."
-        }
-      }, 
-      {
-        "media": {
-          "url": "<blockquote>\u201cYou have brains in your head. You have feet in your shoes. You can steer yourself in any direction you choose. You're on your own, and you know what you know. And you are the guy who'll decide where to go.\u201d</blockquote>", 
-          "caption": "", 
-          "credit": "Dr. Seuss"
-        }, 
-        "start_date": {
-          "month": "2", 
-          "day": "7", 
-          "year": "1950"
-        }, 
-        "text": {
-          "headline": "Blockquote", 
-          "text": "This is an example of a blockquote. <br/>&lt;blockquote&gt;&ldquo;Just use html blockquotes in the media field.&rdquo;&lt;/blockquote&gt;"
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://www.w3schools.com/", 
-          "caption": "http://w3schools.com", 
-          "credit": "w3schools"
-        }, 
-        "start_date": {
-          "month": "2", 
-          "day": "7", 
-          "year": "1960"
-        }, 
-        "text": {
-          "headline": "Website", 
-          "text": "This is an example of a website. Just paste a link to the site in the media field."
-        }
-      }, 
-      {
-        "media": {
-          "url": "https://www.google.com/maps?hl=en&sll=42.05083,-87.674194&sspn=0.020170947570668576,0.036220713642592585&z=15", 
-          "caption": "", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "month": "1", 
-          "day": "18", 
-          "year": "1979"
-        }, 
-        "text": {
-          "headline": "Google Map", 
-          "text": "Google Maps are easy too. Just add the link to the map in the media field."
-        }
-      }, 
-      {
-        "media": {
-          "url": "https://www.google.com/maps/place/Chicago,+IL/@41.8337329,-87.7321555,11z/data=!3m1!4b1!4m2!3m1!1s0x880e2c3cd0f4cbed:0xafe0a6ad09c0c000?hl=en", 
-          "caption": "", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "month": "1", 
-          "day": "18", 
-          "year": "1980"
-        }, 
-        "text": {
-          "headline": "Google Map with no text", 
-          "text": ""
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://www.flickr.com/photos/zachwise/7074630607/in/photostream/", 
-          "caption": "", 
-          "credit": "Zach Wise"
-        }, 
-        "start_date": {
-          "month": "2", 
-          "day": "7", 
-          "year": "1985"
-        }, 
-        "text": {
-          "headline": "Flickr", 
-          "text": "To add a Flickr photo, just paste a link to the photo page in the media field. Example: http://www.flickr.com/photos/zachwise/7074630607/"
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://www.flickr.com/photos/zachwise/7050589957/in/photostream/", 
-          "caption": "March to work.", 
-          "credit": "Zach Wise"
-        }, 
-        "start_date": {
-          "month": "2", 
-          "day": "7", 
-          "year": "1990"
-        }, 
-        "text": {
-          "headline": "Flickr with no text", 
-          "text": ""
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://twitter.com/alykat/status/164184609519697920", 
-          "caption": "", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "month": "2", 
-          "day": "10", 
-          "year": "2001"
-        }, 
-        "text": {
-          "headline": "A Tweet", 
-          "text": "To add a tweet, just paste a link to the tweet stats in the media field. Example: http://twitter.com/alykat/status/164184609519697920"
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://twitter.com/ArjunaSoriano/status/164181156147900416", 
-          "caption": "", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "month": "12", 
-          "day": "10", 
-          "year": "2002"
-        }, 
-        "text": {
-          "headline": "Yet Another Tweet", 
-          "text": ""
-        }
-      }, 
-      {
-        "media": {
-          "url": "https://vimeo.com/33211636", 
-          "caption": "", 
-          "credit": "Denis Chapon"
-        }, 
-        "start_date": {
-          "month": "8", 
-          "day": "23", 
-          "year": "2011"
-        }, 
-        "text": {
-          "headline": "Vimeo", 
-          "text": "<p>Just add a link to the video in the media field. Example: https://vimeo.com/33211636</p>"
-        }
-      }, 
-      {
-        "media": {
-          "url": "http://soundcloud.com/beastieboys/make-some-noise", 
-          "caption": "R.I.P. MCA.", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "month": "1", 
-          "day": "18", 
-          "year": "2012"
-        }, 
-        "text": {
-          "headline": "SoundCloud ", 
-          "text": "Just add a link to the track in the media field."
-        }
-      }, 
-      {
-        "media": {
-          "url": "", 
-          "caption": "", 
-          "credit": ""
-        }, 
-        "start_date": {
-          "month": "10", 
-          "day": "01", 
-          "year": "2013"
-        }, 
-        "text": {
-          "headline": "Get started!", 
-          "text": "Use the <a href='#make'>generator form</a> to make your first timeline now."
-        }
-      }
-    ]
-  }
-}

package/website/templates/_about.html

@@ -1,23 +0,0 @@
-<section id="about">
-  <h2>About</h2>
-  <div class="row">
-    <!-- Column 1-->
-    <div class="span6">
-      <h4>Document History</h4>
-      <p><span class="verite-brand">Timeline<span class="verite-brand-ext">JS</span></span> can pull in media from different sources. It has built in support for:
-      </p>
-      <p><em>Twitter, Flickr, Google Maps, YouTube, Vimeo, Dailymotion, Wikipedia, SoundCloud and more media types in the future.</em></p>
-      <p>Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.</p>
-    </div>
-    <div class="span6">
-      <!-- Tips and Tricks-->
-      <h4>Tips and tricks to best utilize <span class="verite-brand">Timeline<span class="verite-brand-ext">JS</span></span>
-      </h4>
-      <ol>
-        <li>Keep it short, and write each event as a part of a larger narrative.</li>
-        <li>Pick stories that have a strong chronological narrative. It does not work well for stories that need to jump around in the timeline.</li>
-        <li>Include events that build up to major occurrences.<em>Not just the major events.</em></li>
-      </ol>
-    </div>
-  </div>
-</section>

package/website/templates/_analytics.html

@@ -1,10 +0,0 @@
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <!-- This fragment is only used on some of the examples pages -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-537357-20"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'UA-537357-20', { 'anonymize_ip': true });
-    </script>

package/website/templates/_banner.html

@@ -1,26 +0,0 @@
-<!-- Overview-->
-<header id="overview" class="panel">
-  <div class="corner logo">
-    <a href="https://knightlab.com"><img src="https://cdn.knightlab.com/libs/purpleline/latest/img/logos/logo_horizontal_NOtagline_615x205_transparent_padded.png" width="160"></a>
-  </div>
-  <div class="row">
-    <div>
-      <h1 class="logo-mark xl">Timeline <span><em>JS</em></span></h1>
-      <h2 class="intro">Easy-to-make, beautiful timelines.</h2>
-      <a class="button success large" data-scroll="true" href="#make">Make a Timeline</a>
-    </div>
-  </div>
-
-  <div class="row sub-nav" data-magellan-expedition="fixed">
-    <div class="small-12 columns">
-      <ul>
-        <li><a href="/index.html#overview" data-scroll="true">Overview</a></li>
-        <li><a href="/index.html#make" data-scroll="true">Timeline creator</a></li>
-        <li><a href="/index.html#examples" data-scroll="true">Examples</a></li>
-        <li><a href="/index.html#help" data-scroll="true">Help</a></li>
-        <li><a href="../docs/index.html">Documentation</a></li>
-      </ul>
-    </div>
-  </div>
-</div>
-</header>

package/website/templates/_demo.html

@@ -1,5 +0,0 @@
-<section id="demo" class="container-fluid">
-    <div class="product-demo">
-        <iframe frameborder="0" src="https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1xuY4upIooEeszZ_lCmeNx24eSFWe0rHe9ZdqH2xqVNk&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=100%" width="100%"></iframe>
-    </div>
-</section>

package/website/templates/_developers.html

@@ -1,19 +0,0 @@
-<!-- Developers -->
-<section id="developers" class="container">
-  <h2>About the Project</h2>
-  <div class="row">
-    <div class="span6">
-      <p>This project is hosted on <a href="https://github.com/NUKnightLab/TimelineJS3" target="_blank">GitHub</a>, the largest code host in the world. We encourage you to contribute to the project and we value your feedback. You can report bugs and discuss features on the <a href="https://github.com/NUKnightLab/TimelineJS3/issues" target="_blank">GitHub issues page</a>, or ask a question on our <a href="https://groups.google.com/forum/#!forum/verite-timeline" target="_blank">Google Group</a></p>
-    </div>
-
-    <div class="span6">
-      <p>
-        This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at <a href="http://mozilla.org/MPL/2.0/">http://mozilla.org/MPL/2.0/</a>.
-      </p>
-      <p>
-        Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>.
-        Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.
-      </p>
-    </div>
-  </div>
-</section>

package/website/templates/_examples.html

@@ -1,156 +0,0 @@
-    <section class="section-color fill-color-grey--lightest" id="examples">
-        <div class="container">
-        <h2>Examples</h2>
-        <div class="example-grid">
-        {% for example in examples %}
-        {#
-            Add/edit examples in the examples.json file.
-            Depends upon inject_index_data in app.py for these to be available to render.
-        #}
-        <div class="grid-item">
-            <a href="{{ example.link }}" class="button button-light" target="_blank">
-                <figure class="examples">
-                    <img src="{{ example.thumbnail }}" alt="{{ example.title }}">
-                </figure>
-                <img src="{{ example.source_logo }}" alt="{{ example.source }}" class="logo-inline">
-                <h4>{{ example.title }}</h4>
-            </a>
-        </div>
-        {% endfor %}
-    </section>
-
-{# TODO: add these into examples.json
-        </div>
-                <div class="grid-item">
-                    <a href="http://www.lemonde.fr/election-presidentielle-2012/visuel/2012/04/21/chronologie-une-si-longue-campagne-presidentielle_1681661_1471069.html#meter_toaster" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_lemonde.jpg" alt="Chronology of the French Presidential Race">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_lemonde.png" class="logo-inline">
-                        <h4>Chronology of the French Presidential Race</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://www.themaneater.com/special-sections/mu-fall-2015/" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_univofmissouri.jpg" alt="Historic Fall at University of Missouri">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_maneater.png" class="logo-inline">
-                        <h4>Historic Fall at University of Missouri</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://www.cnn.com/2016/04/20/asia/north-korea-restaurant-defectors/index.html" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_northkorea.jpg" alt="North Korea&#x27;s Nuclear Ambitions">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_cnn.png" class="logo-inline">
-                        <h4>North Korea&#x27;s Nuclear Ambitions</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://bulger.wbur.org/story/1977/?location&#x3D;44444" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_bulger.jpg" alt="Bulger on Trial">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_wbur.png" class="logo-inline">
-                        <h4>Bulger on Trial</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="https://www.publicintegrity.org/2014/07/15/15037/decades-making-decline-irs-nonprofit-regulation" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_supremecourt.jpg" alt="The Decline of IRS Nonprofit Regulation">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_centerforpublicintegrity.png" class="logo-inline">
-                        <h4>The Decline of IRS Nonprofit Regulation</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://www.denverpost.com/breakingnews/ci_21119904" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_denver_shooting.jpg" alt="Aurora, Colorado Movie Theater Shooting">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_denverpost.png" class="logo-inline">
-                        <h4>Aurora, Colorado Movie Theater Shooting</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="https://www.engadget.com/2016/04/22/microsoft-mobile-timeline/" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_mobile_device.jpg" alt="The Collapse of Microsoft and Nokia&#x27;s Mobile Business">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_engadget.png" class="logo-inline">
-                        <h4>The Collapse of Microsoft and Nokia&#x27;s Mobile Business</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://www.ibtimes.com/islamic-state-timeline-shows-how-isis-expanded-one-year-two-countries-ten-1959705" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_isis.jpg" alt="How ISIS Spread to 10 Countries">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_ibt.png" class="logo-inline">
-                        <h4>How ISIS Spread to 10 Countries</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://www.ksat.com/news/texas/middle-school-teacher-had-sexual-relationship-with-student-authorities-say_" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_perpwalk.jpg" alt="Reported Sexual Assault Cases by Texas Educators">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_ksat.png" class="logo-inline">
-                        <h4>Reported Sexual Assault Cases by Texas Educators</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://vinepair.com/wine-colonized-world-wine-history/#1" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_wine.jpg" alt="A History of Wine Around the World">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_vinepair.png" class="logo-inline">
-                        <h4>A History of Wine Around the World</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://mashable.com/2014/03/13/timeline-malaysia-airlines-flight-370/?utm_cid&#x3D;mash-com-Tw-main-link#hzbp7TyJREqX" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_malaysia-airlines.jpg" alt="The Mystery of Malaysia Airlines Flight 370">
-                        </figure>
-                        <img src="https://timeline.knightlab.com/static/img/examples/logos/logo_mashable.png" class="logo-inline">
-                        <h4>The Mystery of Malaysia Airlines Flight 370</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="https://timeline.knightlab.com/examples/user-interface/index.html" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_userinterface.png" alt="Revolutionary User Interfaces">
-                        </figure>
-                        <h4>Revolutionary User Interfaces</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="http://beyondtheseal.com/#19" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_banana.png" alt="A Brief History of the Banana Business">
-                        </figure>
-                        <h4>A Brief History of the Banana Business</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="https://timeline.knightlab.com/examples/republican/index.html" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_republican.jpg" alt="The Republican Run-Up">
-                        </figure>
-                        <h4>The Republican Run-Up</h4>
-                    </a>
-                </div>
-                <div class="grid-item">
-                    <a href="https://timeline.knightlab.com/examples/houston/index.html" class="button button-light">
-                        <figure class="examples">
-                            <img src="https://timeline.knightlab.com/static/img/examples/thumbs/thumb_houston.jpg" alt="Whitney Houston: 1963-2012">
-                        </figure>
-                        <h4>Whitney Houston: 1963-2012</h4>
-                    </a>
-                </div>
-        </div>
-#}

package/website/templates/_faq.html

@@ -1,117 +0,0 @@
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>How do I edit my timeline?</h3>
-    <div class="accordion-content">
-        Once you've created a timeline, you can make changes by going back to your Google spreadsheet. Changes you make to the spreadsheet are automatically available to your Timeline—you don't need to repeat the 'publish to the web' step (step #2). If you want
-        to make changes to the optional settings, you will need to update your embed code, but if you are only changing content in the spreadsheet, then there's nothing else to do.
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>What web browsers does TimelineJS work with?</h3>
-    <div class="accordion-content">
-        Our primary development and testing browser is Google Chrome. We adhere closely to web standards, so we believe that TimelineJS should work effectively in all modern web browsers. TimelineJS is known to not work with Internet Explorer versions before
-        IE10.
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>What are my options for changing how my Timeline looks?</h3>
-    <div class="accordion-content">
-        First, make sure you know everything you can do in the spreadsheet configuration, like background colors and images. Also, check out the optional settings part of 'step 3' of the authoring tool. You can change the fonts, the position of the timeline navigation,
-        and the initial zoom level. If you still want to do more, there are some configuration options available. Most of those are for fine tuning, but some of them may be helpful.
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>There aren&#x27;t enough options. I want more control over the [font size/color/etc]. Can I change things using CSS?</h3>
-    <div class="accordion-content">
-        Because there are so many details to the styling, this is not exactly simple, but, if you have some technical capacity, you can override TimelineJS's <abbr title='Cascading Style Sheets'>CSS</abbr> rules and have complete control over the look
-        of the timeline. For details, see <a href='/docs/overriding-styles.html'>Using the TimelineJS CSS selectors</a>. You will need to be able to <a href='/docs/instantiate-a-timeline.html'>instantiate the Timeline</a> in javascript on your own page.
-        (There is no way to override the CSS using the <code>iframe</code> embed.) Then, either in <code>&lt;style&gt;</code> tags in that page, or in an external stylesheet, you can specify CSS rules changing some or all of TimelineJS's default presentation.
-        The basis of TimelineJS's styles are in <a href='https://github.com/NUKnightLab/TimelineJS3/tree/master/src/less'>these files</a>, which use the <a href='http://lesscss.org/'>Less CSS preprocessor</a>.
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>How can I categorize or group my events?</h3>
-    <div class="accordion-content">
-        Every event in a timeline can have a group property. Events with the same group are shown in the same row or adjacent rows, and the common value of their group property is used as a label at the left edge of the timeline. Groups can be set using the 'group'
-        column in the Google Spreadsheet or the 'group' property of a JSON slide object. TimelineJS does not support any other special styling for events in the same group.
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>The first slide in my timeline isn&#x27;t the first chronologically. Why did this happen?</h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>Can I make media images clickable?</h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>How can I format text (add line breaks, bold, italics)?</h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>How do I enter BCE dates?</h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>How do I create very ancient dates?</h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>Who can access the data in my Google spreadsheet?</h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>Privacy is very important to me. How should I use TimelineJS?</h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>Will my spreadsheet get picked up by search engines?</h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>Can I use TimelineJS with Wordpress? </h3>
-    <div class="accordion-content">
-    </div>
-</li>
-<li>
-    <input type="checkbox" checked>
-    <i></i>
-    <h3>Is TimelineJS free for commercial use?</h3>
-    <div class="accordion-content">
-    </div>
-</li>