@knight-lab/timelinejs 3.8.16 → 3.8.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (307) hide show
  1. package/{CHANGELOG → CHANGELOG.md} +71 -8
  2. package/README.md +21 -19
  3. package/RELEASING.md +4 -4
  4. package/dist/css/fonts/font.abril-droidsans.css +143 -0
  5. package/dist/css/fonts/font.amatic-andika.css +143 -0
  6. package/dist/css/fonts/font.bevan-pontanosans.css +141 -0
  7. package/dist/css/fonts/font.bitter-raleway.css +149 -0
  8. package/dist/css/fonts/font.clicker-garamond.css +141 -0
  9. package/dist/css/fonts/font.dancing-ledger.css +143 -0
  10. package/dist/css/fonts/font.default.css +155 -0
  11. package/dist/css/fonts/font.fjalla-average.css +141 -0
  12. package/dist/css/fonts/font.georgia-helvetica.css +123 -0
  13. package/dist/css/fonts/font.knightlab.css +125 -0
  14. package/dist/css/fonts/font.lustria-lato.css +147 -0
  15. package/dist/css/fonts/font.medula-lato.css +149 -0
  16. package/dist/css/fonts/font.oldstandard.css +135 -0
  17. package/dist/css/fonts/font.opensans-gentiumbook.css +155 -0
  18. package/dist/css/fonts/font.playfair-faunaone.css +156 -0
  19. package/dist/css/fonts/font.playfair.css +143 -0
  20. package/dist/css/fonts/font.pt.css +153 -0
  21. package/dist/css/fonts/font.roboto-megrim.css +143 -0
  22. package/dist/css/fonts/font.rufina-sintony.css +149 -0
  23. package/dist/css/fonts/font.ubuntu.css +145 -0
  24. package/dist/css/fonts/font.unicaone-vollkorn.css +143 -0
  25. package/dist/css/icons/tl-icons.eot +0 -0
  26. package/dist/css/icons/tl-icons.svg +63 -0
  27. package/dist/css/icons/tl-icons.ttf +0 -0
  28. package/dist/css/icons/tl-icons.woff +0 -0
  29. package/dist/css/icons/tl-icons.woff2 +0 -0
  30. package/dist/css/themes/timeline.theme.contrast.css +3125 -0
  31. package/dist/css/themes/timeline.theme.dark.css +3125 -0
  32. package/dist/css/timeline.css +3128 -0
  33. package/dist/css/timeline.css.map +1 -0
  34. package/dist/embed/compare.html +91 -0
  35. package/dist/embed/index.html +170 -0
  36. package/dist/embed/old-index.html +170 -0
  37. package/dist/embed/popular_timelines.json +1 -0
  38. package/dist/js/locale/af.json +75 -0
  39. package/dist/js/locale/ar.json +76 -0
  40. package/dist/js/locale/be.json +75 -0
  41. package/dist/js/locale/bg.json +75 -0
  42. package/dist/js/locale/ca.json +75 -0
  43. package/dist/js/locale/cz.json +108 -0
  44. package/dist/js/locale/da.json +75 -0
  45. package/dist/js/locale/de.json +76 -0
  46. package/dist/js/locale/el.json +75 -0
  47. package/dist/js/locale/en-24hr.json +75 -0
  48. package/dist/js/locale/en-week.json +75 -0
  49. package/dist/js/locale/en.json +152 -0
  50. package/dist/js/locale/eo.json +75 -0
  51. package/dist/js/locale/es.json +76 -0
  52. package/dist/js/locale/et.json +75 -0
  53. package/dist/js/locale/eu.json +75 -0
  54. package/dist/js/locale/fa.json +74 -0
  55. package/dist/js/locale/fi.json +95 -0
  56. package/dist/js/locale/fo.json +75 -0
  57. package/dist/js/locale/fr.json +119 -0
  58. package/dist/js/locale/fy.json +75 -0
  59. package/dist/js/locale/ga.json +75 -0
  60. package/dist/js/locale/gl.json +75 -0
  61. package/dist/js/locale/he.json +76 -0
  62. package/dist/js/locale/hi.json +76 -0
  63. package/dist/js/locale/hr.json +75 -0
  64. package/dist/js/locale/hu.json +114 -0
  65. package/dist/js/locale/hy.json +75 -0
  66. package/dist/js/locale/id.json +75 -0
  67. package/dist/js/locale/is.json +75 -0
  68. package/dist/js/locale/it.json +92 -0
  69. package/dist/js/locale/iw.json +76 -0
  70. package/dist/js/locale/ja.json +75 -0
  71. package/dist/js/locale/ka.json +75 -0
  72. package/dist/js/locale/ko.json +75 -0
  73. package/dist/js/locale/lb.json +75 -0
  74. package/dist/js/locale/lt.json +75 -0
  75. package/dist/js/locale/lv.json +75 -0
  76. package/dist/js/locale/ms.json +75 -0
  77. package/dist/js/locale/my.json +124 -0
  78. package/dist/js/locale/ne.json +75 -0
  79. package/dist/js/locale/nl.json +75 -0
  80. package/dist/js/locale/no.json +76 -0
  81. package/dist/js/locale/pl.json +75 -0
  82. package/dist/js/locale/pt-br.json +78 -0
  83. package/dist/js/locale/pt.json +78 -0
  84. package/dist/js/locale/rm.json +75 -0
  85. package/dist/js/locale/ro.json +75 -0
  86. package/dist/js/locale/ru.json +75 -0
  87. package/dist/js/locale/si.json +74 -0
  88. package/dist/js/locale/sk.json +75 -0
  89. package/dist/js/locale/sl.json +75 -0
  90. package/dist/js/locale/sr-cy.json +75 -0
  91. package/dist/js/locale/sr.json +75 -0
  92. package/dist/js/locale/sv.json +86 -0
  93. package/dist/js/locale/ta.json +75 -0
  94. package/dist/js/locale/te.json +74 -0
  95. package/dist/js/locale/th.json +108 -0
  96. package/dist/js/locale/tl.json +75 -0
  97. package/dist/js/locale/tr.json +75 -0
  98. package/dist/js/locale/uk.json +75 -0
  99. package/dist/js/locale/ur.json +123 -0
  100. package/dist/js/locale/vi.json +74 -0
  101. package/dist/js/locale/zh-cn.json +76 -0
  102. package/dist/js/locale/zh-tw.json +75 -0
  103. package/dist/js/timeline-min.js +12 -0
  104. package/dist/js/timeline.js +12 -0
  105. package/dist/js/timeline.js.map +1 -0
  106. package/dist/timeline3.zip +0 -0
  107. package/index.js +1 -0
  108. package/package.json +4 -4
  109. package/src/embed/old-index.html +128 -18
  110. package/src/js/__tests__/Timeline.test.js +18 -3
  111. package/src/js/core/Util.js +1 -1
  112. package/src/js/index.js +1 -1
  113. package/src/js/language/locale/zh-cn.json +1 -1
  114. package/src/js/media/MediaType.js +1 -1
  115. package/src/js/media/types/Audio.js +15 -1
  116. package/src/js/media/types/Image.js +2 -2
  117. package/src/js/media/types/PDF.js +2 -2
  118. package/src/js/media/types/Video.js +17 -1
  119. package/src/js/timeline/Timeline.js +7 -12
  120. package/src/less/fonts/font.georgia-helvetica.less +2 -2
  121. package/src/less/fonts/font.roboto-megrim.less +2 -2
  122. package/src/template/all-media-types.json +61 -24
  123. package/src/template/index.html +39 -19
  124. package/{contrib/women_in_computing.csv → src/template/my-own-timeline.csv} +5 -5
  125. package/contrib/README.md +0 -13
  126. package/contrib/csv_to_json.py +0 -106
  127. package/contrib/docs/ImageHosting.md +0 -120
  128. package/contrib/examples/autoload.html +0 -44
  129. package/contrib/examples/iBooksAuthor/README.md +0 -37
  130. package/contrib/examples/iBooksAuthor/TimelineJS.wdgt/Default.png +0 -0
  131. package/contrib/examples/iBooksAuthor/TimelineJS.wdgt/Info.plist +0 -27
  132. package/contrib/examples/iBooksAuthor/TimelineJS.wdgt/index.html +0 -13
  133. package/contrib/examples/react.html +0 -40
  134. package/contrib/examples/vue.html +0 -29
  135. package/contrib/fedorbeets/README.md +0 -3
  136. package/contrib/fedorbeets/timeline.py.txt +0 -56
  137. package/contrib/iamamoose/README.md +0 -3
  138. package/contrib/iamamoose/timeline.py.txt +0 -53
  139. package/contrib/women_in_computing.json +0 -263
  140. package/fabfile.py +0 -64
  141. package/requirements.txt +0 -29
  142. package/util/convert_json.py +0 -96
  143. package/website/__init__.py +0 -0
  144. package/website/app.py +0 -101
  145. package/website/core/__init__.py +0 -0
  146. package/website/core/settings/__init__.py +0 -0
  147. package/website/core/settings/base.py +0 -6
  148. package/website/core/settings/loc.py +0 -16
  149. package/website/examples.json +0 -114
  150. package/website/faq.json +0 -81
  151. package/website/static/css/desert.css +0 -34
  152. package/website/static/css/site.css +0 -74
  153. package/website/static/img/TimelineJSTags.jpg +0 -0
  154. package/website/static/img/examples/houston/eyesclosedftm_10001.jpg +0 -0
  155. package/website/static/img/examples/houston/family.jpg +0 -0
  156. package/website/static/img/examples/houston/family.png +0 -0
  157. package/website/static/img/examples/houston/wh1.jpg +0 -0
  158. package/website/static/img/examples/houston/wh2.jpg +0 -0
  159. package/website/static/img/examples/houston/wh3.jpg +0 -0
  160. package/website/static/img/examples/houston/whChild.jpg +0 -0
  161. package/website/static/img/examples/houston/whlead.jpg +0 -0
  162. package/website/static/img/examples/houston/young.jpg +0 -0
  163. package/website/static/img/examples/logos/Northwestern University.png +0 -0
  164. package/website/static/img/examples/logos/Social-Logos.png +0 -0
  165. package/website/static/img/examples/logos/knightlab-logo-background.png +0 -0
  166. package/website/static/img/examples/logos/knightlab-logo-small.png +0 -0
  167. package/website/static/img/examples/logos/knightlab-logo.png +0 -0
  168. package/website/static/img/examples/logos/less-small.png +0 -0
  169. package/website/static/img/examples/logos/logo_aljazeera.png +0 -0
  170. package/website/static/img/examples/logos/logo_arte.png +0 -0
  171. package/website/static/img/examples/logos/logo_beyondtheseal.png +0 -0
  172. package/website/static/img/examples/logos/logo_centerforpublicintegrity.png +0 -0
  173. package/website/static/img/examples/logos/logo_cnn.png +0 -0
  174. package/website/static/img/examples/logos/logo_denverpost.png +0 -0
  175. package/website/static/img/examples/logos/logo_engadget.png +0 -0
  176. package/website/static/img/examples/logos/logo_gigaom.png +0 -0
  177. package/website/static/img/examples/logos/logo_ibt.png +0 -0
  178. package/website/static/img/examples/logos/logo_knightlab.png +0 -0
  179. package/website/static/img/examples/logos/logo_ksat.png +0 -0
  180. package/website/static/img/examples/logos/logo_lemonde.png +0 -0
  181. package/website/static/img/examples/logos/logo_maneater.png +0 -0
  182. package/website/static/img/examples/logos/logo_mashable.png +0 -0
  183. package/website/static/img/examples/logos/logo_radiolab.png +0 -0
  184. package/website/static/img/examples/logos/logo_time.png +0 -0
  185. package/website/static/img/examples/logos/logo_vh1.png +0 -0
  186. package/website/static/img/examples/logos/logo_vinepair.png +0 -0
  187. package/website/static/img/examples/logos/logo_wbur.png +0 -0
  188. package/website/static/img/examples/thumbs/thumb_akira.jpg +0 -0
  189. package/website/static/img/examples/thumbs/thumb_aljazeera.jpg +0 -0
  190. package/website/static/img/examples/thumbs/thumb_artetv.jpg +0 -0
  191. package/website/static/img/examples/thumbs/thumb_banana.png +0 -0
  192. package/website/static/img/examples/thumbs/thumb_bulger.jpg +0 -0
  193. package/website/static/img/examples/thumbs/thumb_denver_shooting.jpg +0 -0
  194. package/website/static/img/examples/thumbs/thumb_houston.jpg +0 -0
  195. package/website/static/img/examples/thumbs/thumb_isis.jpg +0 -0
  196. package/website/static/img/examples/thumbs/thumb_lemonde.jpg +0 -0
  197. package/website/static/img/examples/thumbs/thumb_malaysia-airlines.jpg +0 -0
  198. package/website/static/img/examples/thumbs/thumb_mandela.jpg +0 -0
  199. package/website/static/img/examples/thumbs/thumb_mobile_device.jpg +0 -0
  200. package/website/static/img/examples/thumbs/thumb_northkorea.jpg +0 -0
  201. package/website/static/img/examples/thumbs/thumb_perpwalk.jpg +0 -0
  202. package/website/static/img/examples/thumbs/thumb_radiolab-colorwalking.jpg +0 -0
  203. package/website/static/img/examples/thumbs/thumb_republican.jpg +0 -0
  204. package/website/static/img/examples/thumbs/thumb_shtpeoplesay.jpg +0 -0
  205. package/website/static/img/examples/thumbs/thumb_supremecourt.jpg +0 -0
  206. package/website/static/img/examples/thumbs/thumb_univofmissouri.jpg +0 -0
  207. package/website/static/img/examples/thumbs/thumb_userinterface.png +0 -0
  208. package/website/static/img/examples/thumbs/thumb_wine.jpg +0 -0
  209. package/website/static/img/examples/user-interface/4s.jpg +0 -0
  210. package/website/static/img/examples/user-interface/apple.jpg +0 -0
  211. package/website/static/img/examples/user-interface/input.png +0 -0
  212. package/website/static/img/examples/user-interface/palm.png +0 -0
  213. package/website/static/img/examples/user-interface/pascaline.jpg +0 -0
  214. package/website/static/img/examples/user-interface/univac.JPG +0 -0
  215. package/website/static/img/font-options.png +0 -0
  216. package/website/static/img/kl-og.png +0 -0
  217. package/website/static/img/knightlab_logo.png +0 -0
  218. package/website/static/img/loading.gif +0 -0
  219. package/website/static/img/make/abril-droidsans.png +0 -0
  220. package/website/static/img/make/amatic-andika.png +0 -0
  221. package/website/static/img/make/bevan-pontanosans.png +0 -0
  222. package/website/static/img/make/bitter-raleway.png +0 -0
  223. package/website/static/img/make/clicker-garamond.png +0 -0
  224. package/website/static/img/make/dancing-ledger.png +0 -0
  225. package/website/static/img/make/default.png +0 -0
  226. package/website/static/img/make/fakedropdown.svg +0 -1
  227. package/website/static/img/make/fjalla-average.png +0 -0
  228. package/website/static/img/make/font-options.png +0 -0
  229. package/website/static/img/make/georgia-helvetica.png +0 -0
  230. package/website/static/img/make/lustria-lato.png +0 -0
  231. package/website/static/img/make/medula-lato.png +0 -0
  232. package/website/static/img/make/oldstandard.png +0 -0
  233. package/website/static/img/make/opensans-gentiumbook.png +0 -0
  234. package/website/static/img/make/playfair-faunaone.png +0 -0
  235. package/website/static/img/make/playfair.png +0 -0
  236. package/website/static/img/make/pt.png +0 -0
  237. package/website/static/img/make/publish_to_web_browser_url.png +0 -0
  238. package/website/static/img/make/publish_to_web_button_small-od1.png +0 -0
  239. package/website/static/img/make/publish_to_web_button_small.png +0 -0
  240. package/website/static/img/make/publish_to_web_small.png +0 -0
  241. package/website/static/img/make/publish_to_web_url_small.png +0 -0
  242. package/website/static/img/make/roboto-megrim.png +0 -0
  243. package/website/static/img/make/rufina-sintony.png +0 -0
  244. package/website/static/img/make/unicaone-vollkorn.png +0 -0
  245. package/website/static/img/make/v4_step_1.png +0 -0
  246. package/website/static/img/make/v4_step_2.png +0 -0
  247. package/website/static/img/timeline.png +0 -0
  248. package/website/static/img/timeline3_intro_image.png +0 -0
  249. package/website/static/js/faq-generator.js +0 -20
  250. package/website/static/js/main.js +0 -240
  251. package/website/static/welcome/step3.png +0 -0
  252. package/website/static/welcome/welcome.json +0 -266
  253. package/website/templates/_about.html +0 -23
  254. package/website/templates/_analytics.html +0 -10
  255. package/website/templates/_banner.html +0 -26
  256. package/website/templates/_demo.html +0 -5
  257. package/website/templates/_developers.html +0 -19
  258. package/website/templates/_examples.html +0 -156
  259. package/website/templates/_faq.html +0 -117
  260. package/website/templates/_footer.html +0 -54
  261. package/website/templates/_head.html +0 -38
  262. package/website/templates/_header.html +0 -18
  263. package/website/templates/_help.html +0 -50
  264. package/website/templates/_make.html +0 -291
  265. package/website/templates/_nav.html +0 -24
  266. package/website/templates/_overview.html +0 -32
  267. package/website/templates/_roadmap.html +0 -27
  268. package/website/templates/_storytelling_tools.html +0 -35
  269. package/website/templates/base.html +0 -37
  270. package/website/templates/docs/faq.html +0 -223
  271. package/website/templates/docs/index.html +0 -57
  272. package/website/templates/docs/instantiate-a-timeline.html +0 -207
  273. package/website/templates/docs/json-format.html +0 -477
  274. package/website/templates/docs/license.html +0 -29
  275. package/website/templates/docs/media-types.html +0 -82
  276. package/website/templates/docs/options.html +0 -503
  277. package/website/templates/docs/overriding-styles.html +0 -357
  278. package/website/templates/docs/using-spreadsheets.html +0 -94
  279. package/website/templates/error.html +0 -28
  280. package/website/templates/examples/_common_example_embed.html +0 -27
  281. package/website/templates/examples/embed-test/index.html +0 -41
  282. package/website/templates/examples/example.json +0 -328
  283. package/website/templates/examples/houston/index.html +0 -40
  284. package/website/templates/examples/houston/timeline2.json +0 -218
  285. package/website/templates/examples/houston/timeline3.json +0 -271
  286. package/website/templates/examples/mediatypes/index.html +0 -61
  287. package/website/templates/examples/mediatypes/timeline3.json +0 -421
  288. package/website/templates/examples/republican/index.html +0 -49
  289. package/website/templates/examples/republican/timeline2.json +0 -0
  290. package/website/templates/examples/republican/timeline3.json +0 -238
  291. package/website/templates/examples/shit-people-say/index.html +0 -39
  292. package/website/templates/examples/shit-people-say/timeline2.json +0 -243
  293. package/website/templates/examples/shit-people-say/timeline3.json +0 -336
  294. package/website/templates/examples/soundcite/index.html +0 -42
  295. package/website/templates/examples/soundcite/timeline3.json +0 -271
  296. package/website/templates/examples/timeline3.json +0 -271
  297. package/website/templates/examples/twain/index.html +0 -85
  298. package/website/templates/examples/twain/marktwain.json +0 -502
  299. package/website/templates/examples/user-interface/index.html +0 -40
  300. package/website/templates/examples/user-interface/timeline2.json +0 -260
  301. package/website/templates/examples/user-interface/timeline3.json +0 -327
  302. package/website/templates/index.html +0 -17
  303. package/website/templates/mediatype-tests.html +0 -121
  304. package/website/templates/test/GoogleSpreadsheetFeedLegacyFormat.json +0 -1
  305. package/website/templates/test/GoogleSpreadsheetFeedTJS3Format.json +0 -1
  306. package/website/templates/test/maps.html +0 -4
  307. package/website/templates/unit-tests.html +0 -775
package/website/templates/docs/options.html DELETED
@@ -1,503 +0,0 @@
1
- {% extends "base.html" %} {% block content %}
2
- <article id="product-body">
3
- <section class="section-color container">
4
- <p class="breadcrumb"><a href="index.html">&#12298; Back to main documentation page</a></p>
5
- <h2 class="product-header" id="options">TimelineJS options</h2>
6
- </section>
7
- <section class="section-color container">
8
- <div class="grid">
9
- <div class="column-12">
10
- <p>When you create a timeline manually by calling <code>TL.Timeline</code>, you may pass in an optional third parameter which contains a variety of presentation options. This third parameter should be a Javascript object with keys matching
11
- the value in the <code>Name</code> column and corresponding values appropriate to the specific key. For example:
12
- <pre class="prettyprint lang-javascript">
13
- var options = {
14
- hash_bookmark: false,
15
- initial_zoom: 5
16
- }
17
- var timeline = new TL.Timeline('timeline-embed',
18
- 'https://docs.google.com/spreadsheets/d/1cWqQBZCkX9GpzFtxCWHoqFXCHg-ylTVUWlnrdYMzKUI/pubhtml',
19
- options);
20
- </pre>
21
- </p>
22
-
23
- <p>If you use our <a href="/index.html#make">authoring tool</a>, you can pass most of these as URL parameters. Add <code>&amp;option_name=<em>value</em></code> for each. To demonstrate using the same options as above: <code>https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1cWqQBZCkX9GpzFtxCWHoqFXCHg-ylTVUWlnrdYMzKUI&font=Default&lang=en&initial_zoom=3&height=650&hash_bookmark=false</code></p>
24
- <div class="grid">
25
- <div class="column-2 column-6-phone">
26
- <strong>Name</strong>
27
- </div>
28
- <div class="column-2 column-6-phone">
29
- <strong>Default value</strong>
30
- </div>
31
- <div class="column-8">
32
- <strong>Notes</strong>
33
- </div>
34
- </div>
35
-
36
- <div class="grid">
37
- <div class="column-2 column-6-phone">
38
- <code>font</code>
39
- </div>
40
- <div class="column-2 column-6-phone">
41
- <code>default</code>
42
- </div>
43
- <div class="column-8">
44
- <p>May be one of a list of Timeline's "built-in" font sets, or a full or relative URL (ending in .css) which points to a CSS file in the same format as the built-ins. (See the <a href="https://timeline.knightlab.com/docs/overriding-styles.html#typography">typography section of "Overriding Timeline's Styles"</a>)</p>
45
- <p>The valid values for the built-in fonts are:
46
- <ul>
47
- <li><code>abril-droidsans</code></li>
48
- <li><code>amatic-andika</code></li>
49
- <li><code>bevan-pontanosans</code></li>
50
- <li><code>bitter-raleway</code></li>
51
- <li><code>clicker-garamond</code></li>
52
- <li><code>dancing-ledger</code></li>
53
- <li><code>default</code></li>
54
- <li><code>fjalla-average</code></li>
55
- <li><code>georgia-helvetica</code></li>
56
- <li><code>lustria-lato</code></li>
57
- <li><code>medula-lato</code></li>
58
- <li><code>oldstandard</code></li>
59
- <li><code>opensans-gentiumbook</code></li>
60
- <li><code>playfair-faunaone</code></li>
61
- <li><code>playfair</code></li>
62
- <li><code>pt</code></li>
63
- <li><code>roboto-megrim</code></li>
64
- <li><code>rufina-sintony</code></li>
65
- <li><code>ubuntu</code></li>
66
- <li><code>unicaone-vollkorn</code></li>
67
- </ul>
68
- </p>
69
- </div>
70
- </div>
71
-
72
-
73
-
74
- <div class="grid">
75
- <div class="column-2 column-6-phone">
76
- <code>debug</code>
77
- </div>
78
- <div class="column-2 column-6-phone">
79
- <code>false</code>
80
- </div>
81
- <div class="column-8">
82
- If <code>true</code>, copious console logging will be enabled.
83
- </div>
84
- </div>
85
-
86
- <div class="grid">
87
- <div class="column-2 column-6-phone">
88
- <code>height</code>
89
- </div>
90
- <div class="column-2 column-6-phone">
91
- <code>this._el.container.offsetHeight</code>
92
- </div>
93
- <div class="column-8">
94
- The height of the timeline.
95
- </div>
96
- </div>
97
-
98
- <div class="grid">
99
- <div class="column-2 column-6-phone">
100
- <code>width</code>
101
- </div>
102
- <div class="column-2 column-6-phone">
103
- <code>this._el.container.offsetWidth</code>
104
- </div>
105
- <div class="column-8">
106
- The width of the timeline.
107
- </div>
108
- </div>
109
-
110
- <div class="grid">
111
- <div class="column-2 column-6-phone">
112
- <code>is_embed</code>
113
- </div>
114
- <div class="column-2 column-6-phone">
115
- <code>false</code>
116
- </div>
117
- <div class="column-8">
118
- If <code>true</code>, the class <code>tl-timeline-embed</code> is added to the outer Timeline container. Typically only used to support Timeline iframe embeds.
119
- </div>
120
- </div>
121
-
122
- <div class="grid">
123
- <div class="column-2 column-6-phone">
124
- <code>hash_bookmark</code>
125
- </div>
126
- <div class="column-2 column-6-phone">
127
- <code>false</code>
128
- </div>
129
- <div class="column-8">
130
- If set to <code>true</code>, TimelineJS will update the browser URL each time a slide advances, so that people can link directly to specific slides.
131
- </div>
132
- </div>
133
-
134
- <div class="grid">
135
- <div class="column-2 column-6-phone">
136
- <code>default_bg_color</code>
137
- </div>
138
- <div class="column-2 column-6-phone">
139
- <code>white</code>
140
- </div>
141
- <div class="column-8">
142
- RGB values to use for slide backgrounds. Specify as hex code, CSS named color, or a Javascript object with <code>r</code>, <code>g</code>, and <code>b</code> properties from 0-255.
143
- </div>
144
- </div>
145
-
146
- <div class="grid">
147
- <div class="column-2 column-6-phone">
148
- <code>scale_factor</code>
149
- </div>
150
- <div class="column-2 column-6-phone">
151
- 2
152
- </div>
153
- <div class="column-8">
154
- How many screen widths wide the timeline should be at first presentation.
155
- </div>
156
- </div>
157
-
158
- <div class="grid">
159
- <div class="column-2 column-6-phone">
160
- <code>initial_zoom</code>
161
- </div>
162
- <div class="column-2 column-6-phone">
163
- </div>
164
- <div class="column-8">
165
- The position in the <code>zoom_sequence</code> series used to scale the Timeline when it is first created. Takes precedence over <code>scale_factor</code>.
166
- </div>
167
- </div>
168
-
169
- <div class="grid">
170
- <div class="column-2 column-6-phone">
171
- <code>zoom_sequence</code>
172
- </div>
173
- <div class="column-2 column-6-phone">
174
- [0.5, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89]
175
- </div>
176
- <div class="column-8">
177
- Array of values for TimeNav zoom levels. Each value is a <code>scale_factor</code>, which means that at any given level, the full timeline would require that many screens to display all events.
178
- </div>
179
- </div>
180
-
181
- <div class="grid">
182
- <div class="column-2 column-6-phone">
183
- <code>timenav_position</code>
184
- </div>
185
- <div class="column-2 column-6-phone">
186
- "bottom"
187
- </div>
188
- <div class="column-8">
189
- Display the timeline nav on the <code>top</code> or <code>bottom</code>.
190
- </div>
191
- </div>
192
-
193
- <div class="grid">
194
- <div class="column-2 column-6-phone">
195
- <code>optimal_tick_width</code>
196
- </div>
197
- <div class="column-2 column-6-phone">
198
- 100
199
- </div>
200
- <div class="column-8">
201
- Optimal distance (in pixels) between ticks on axis.
202
- </div>
203
- </div>
204
-
205
- <div class="grid">
206
- <div class="column-2 column-6-phone">
207
- <code>base_class</code>
208
- </div>
209
- <div class="column-2 column-6-phone">
210
- "tl-timeline"
211
- </div>
212
- <div class="column-8">
213
- Removing the tl-timeline base class will disable all default stylesheets.
214
- </div>
215
- </div>
216
-
217
- <div class="grid">
218
-
219
- <div class="column-2 column-6-phone">
220
- <code>timenav_height</code>
221
- </div>
222
- <div class="column-2 column-6-phone">
223
- 150
224
- </div>
225
- <div class="column-8">
226
- The height in pixels of the timeline nav. Takes precedence over <code>timenav_height_percentage</code>.
227
- </div>
228
-
229
- </div>
230
-
231
- <div class="grid">
232
- <div class="column-2 column-6-phone">
233
- <code>timenav_height_percentage</code>
234
- </div>
235
- <div class="column-2 column-6-phone">
236
- 25
237
- </div>
238
- <div class="column-8">
239
- Specify the timeline nav height as a percentage of the screen instead of in pixels.
240
- </div>
241
-
242
- </div>
243
-
244
- <div class="grid">
245
- <div class="column-2 column-6-phone">
246
- <code>timenav_mobile_height_percentage</code>
247
- </div>
248
- <div class="column-2 column-6-phone">
249
- 40
250
- </div>
251
- <div class="column-8">
252
- Specify the timeline nav height as a percentage of a mobile device screen.
253
- </div>
254
-
255
- </div>
256
-
257
- <div class="grid">
258
- <div class="column-2 column-6-phone">
259
- <code>timenav_height_min</code>
260
- </div>
261
- <div class="column-2 column-6-phone">
262
- 150
263
- </div>
264
- <div class="column-8">
265
- The minimum timeline nav height (in pixels).
266
- </div>
267
-
268
- </div>
269
-
270
- <div class="grid">
271
- <div class="column-2 column-6-phone">
272
- <code>marker_height_min</code>
273
- </div>
274
- <div class="column-2 column-6-phone">
275
- 30
276
- </div>
277
- <div class="column-8">
278
- The minimum marker height (in pixels).
279
- </div>
280
-
281
- </div>
282
-
283
- <div class="grid">
284
- <div class="column-2 column-6-phone">
285
- <code>marker_width_min</code>
286
- </div>
287
- <div class="column-2 column-6-phone">
288
- 100
289
- </div>
290
- <div class="column-8">
291
- The minimum marker witdh (in pixels).
292
- </div>
293
-
294
- </div>
295
-
296
- <div class="grid">
297
- <div class="column-2 column-6-phone">
298
- <code>marker_padding</code>
299
- </div>
300
- <div class="column-2 column-6-phone">
301
- 5
302
- </div>
303
- <div class="column-8">
304
- Top and bottom padding (in pixels) for markers.
305
- </div>
306
-
307
- </div>
308
-
309
- <div class="grid">
310
- <div class="column-2 column-6-phone">
311
- <code>start_at_slide</code>
312
- </div>
313
- <div class="column-2 column-6-phone">
314
- 0
315
- </div>
316
- <div class="column-8">
317
- The first slide to display when the timeline is loaded.
318
- </div>
319
-
320
- </div>
321
-
322
- <div class="grid">
323
- <div class="column-2 column-6-phone">
324
- <code>start_at_end</code>
325
- </div>
326
- <div class="column-2 column-6-phone">
327
- <code>false</code>
328
- </div>
329
- <div class="column-8">
330
- If true, loads timeline on last slide.
331
- </div>
332
-
333
- </div>
334
-
335
- <div class="grid">
336
- <div class="column-2 column-6-phone">
337
- <code>menubar_height</code>
338
- </div>
339
- <div class="column-2 column-6-phone">
340
- 0
341
- </div>
342
- <div class="column-8">
343
- </div>
344
-
345
- </div>
346
-
347
- <div class="grid">
348
- <div class="column-2 column-6-phone">
349
- <code>use_bc</code>
350
- </div>
351
- <div class="column-2 column-6-phone">
352
- <code>false</code>
353
- </div>
354
- <div class="column-8">
355
- Use declared suffix on dates earlier than 0.
356
- </div>
357
- </div>
358
-
359
- <div class="grid">
360
-
361
- <div class="column-2 column-6-phone">
362
- <code>duration</code>
363
- </div>
364
- <div class="column-2 column-6-phone">
365
- 1000
366
- </div>
367
- <div class="column-8">
368
- Animation duration (in milliseconds).
369
- </div>
370
- </div>
371
-
372
- <div class="grid">
373
-
374
- <div class="column-2 column-6-phone">
375
- <code>ease</code>
376
- </div>
377
- <div class="column-2 column-6-phone">
378
- <code>TL.Ease.easeInOutQuint</code>
379
- </div>
380
- <div class="column-8">
381
- </div>
382
- </div>
383
-
384
- <div class="grid">
385
-
386
- <div class="column-2 column-6-phone">
387
- <code>dragging</code>
388
- </div>
389
- <div class="column-2 column-6-phone">
390
- <code>true</code>
391
- </div>
392
- <div class="column-8">
393
- </div>
394
- </div>
395
-
396
- <div class="grid">
397
-
398
- <div class="column-2 column-6-phone">
399
- <code>trackResize</code>
400
- </div>
401
- <div class="column-2 column-6-phone">
402
- <code>true</code>
403
- </div>
404
- <div class="column-8">
405
- </div>
406
- </div>
407
-
408
- <div class="grid">
409
-
410
- <div class="column-2 column-6-phone">
411
- <code>slide_padding_lr</code>
412
- </div>
413
- <div class="column-2 column-6-phone">
414
- 100
415
- </div>
416
- <div class="column-8">
417
- Padding (in pixels) on the left and right of each slide.
418
- </div>
419
- </div>
420
-
421
- <div class="grid">
422
-
423
- <div class="column-2 column-6-phone">
424
- <code>slide_default_fade</code>
425
- </div>
426
- <div class="column-2 column-6-phone">
427
- "0%"
428
- </div>
429
- <div class="column-8">
430
- </div>
431
- </div>
432
-
433
- <div class="grid">
434
-
435
- <div class="column-2 column-6-phone">
436
- <code>language</code>
437
- </div>
438
- <div class="column-2 column-6-phone">
439
- "en"
440
- </div>
441
- <div class="column-8">
442
- </div>
443
- </div>
444
-
445
- <div class="grid">
446
-
447
- <div class="column-2 column-6-phone">
448
- <code>ga_property_id</code>
449
- </div>
450
- <div class="column-2 column-6-phone">
451
- null
452
- </div>
453
- <div class="column-8">
454
- Google Analytics ID.
455
- </div>
456
- </div>
457
-
458
- <div class="grid">
459
-
460
- <div class="column-2 column-6-phone">
461
- <code>track_events</code>
462
- </div>
463
- <div class="column-2 column-6-phone">
464
- ['back_to_start', 'nav_next', 'nav_previous', 'zoom_in', 'zoom_out']
465
- </div>
466
- <div class="column-8">
467
- </div>
468
- </div>
469
-
470
- <div class="grid">
471
- <div class="column-2 column-6-phone">
472
- <code>script_path</code>
473
- </div>
474
- <div class="column-2 column-6-phone">
475
- ""
476
- </div>
477
- <div class="column-8">
478
- Can be used to help Timeline load related resources such as CSS themes and language files. Rarely needs to be set.
479
- </div>
480
- </div>
481
- </section>
482
- </article>
483
- {% endblock %} {% block scripts %}
484
- <script type="text/javascript">
485
- jQuery(document).ready(function() {
486
- // make permalinks function for each question
487
- jQuery("tr[id]").each(function() {});
488
-
489
- // set up the top level links to major sections
490
- jQuery('tr td:first-of-type > code').each(function() {
491
- var hash = jQuery(this).text();
492
- var tr = this.parentElement.parentElement;
493
- tr.id = hash;
494
- jQuery(tr).css('cursor', 'pointer');
495
- jQuery(tr).click(function() {
496
- window.location.hash = "#" + this.id;
497
- })
498
- })
499
-
500
- })
501
- </script>
502
-
503
- {% endblock %}