Build Amazing Timelines
We recommend you use the snippet instead for footnotes and node links and use it with other plugins.
How to use it
Choose the timeline or timeline-labeled tag
-
timeline tag
Requires + at the beginning of each line:
- each event has 3
+s in total: 1 for time, 1 for title and 1 for content
- you can separate them with empty lines if it’s easier for you to write
```timeline
[line-3, body-2]
+ pre</br> 17th century
+ Origins of coffee
+ The modern version of roasted coffee originated in Arabia. During the 13th century, coffee was extremely popular with the Muslim community for its stimulant powers, which proved useful during long prayer sessions. By parching and boiling the coffee beans, rendering them infertile, the Arabs were able to corner the market on coffee crops. In fact, tradition says that not a single coffee plant existed outside of Arabia or Africa until the 1600s, when Baba Budan, an Indian pilgrim, left Mecca with fertile beans fastened to a strap across his abdomen. Baba’s beans resulted in a new and competitive European coffee trade.
+ 17th century
+ Europe and coffee
+ In 1616, the Dutch founded the first European-owned coffee estate in Sri Lanka, then Ceylon, then Java in 1696. The French began growing coffee in the Caribbean, followed by the Spanish in Central America and the Portuguese in Brazil. European coffee houses sprang up in Italy and later France, where they reached a new level of popularity. Now, it is de _rigueur_ for Parisians to indulge in a cup of coffee and a baguette or croissant at the numerous coffee cafes throughout Paris.
```
-
timeline-labeled tag
- each event has a corresponding label (
date, title and content) that starts the line
- you can separate them with empty lines if it’s easier for you to write
```timeline-labeled
[line-3, body-2]
date: pre</br> 17th century
title: Origins of coffee
content:
The modern version of roasted coffee originated in Arabia. During the 13th century, coffee was extremely popular with the Muslim community for its stimulant powers, which proved useful during long prayer sessions. By parching and boiling the coffee beans, rendering them infertile, the Arabs were able to corner the market on coffee crops. In fact, tradition says that not a single coffee plant existed outside of Arabia or Africa until the 1600s, when Baba Budan, an Indian pilgrim, left Mecca with fertile beans fastened to a strap across his abdomen. Baba’s beans resulted in a new and competitive European coffee trade.
date: 17th century
title: Europe and coffee
content:
In 1616, the Dutch founded the first European-owned coffee estate in Sri Lanka, then Ceylon, then Java in 1696. The French began growing coffee in the Caribbean, followed by the Spanish in Central America and the Portuguese in Brazil. European coffee houses sprang up in Italy and later France, where they reached a new level of popularity. Now, it is de _rigueur_ for Parisians to indulge in a cup of coffee and a baguette or croissant at the numerous coffee cafes throughout Paris.
```
[] is optional!
You can use [] at the beginning of the code-block to add pre-written classes or your own classes to the wrapper.
Customize
Using pre-written classes for line, body and the active color:
-
line:
- line-2
- line-3
- line-4
- line-5
-
body:
-
active color:
- active-color-background-modifier-success
- active-color-background-modifier-error
- active-color-background-modifier-error-hover
- active-color-text-accent
- active-color-text-accent-hover
- active-color-text-error
- active-color-text-error-hover
- active-color-text-selection
- active-color-interactive-accent
- active-color-interactive-accent-hover
- active-color-interactive-success
For active color we use obsidian’s css variables as active colors, so it matches the theme. The default active color is background-modifier-success.
If you want your own color use --timeline-active-color css variable attached to .timeline class
.timeline
--timeline-active-color: #00c137
Special Thanks
Support
评论