Template:Timeline

Timeline is used to create a horizontal timeline.

Module: Module:Timeline
TemplateStyles: Module:Timeline/styles.css

Usage

Example

Highlight a single point in time

{{Timeline
|section1=Fellowship of the Ring (Extended Edition)
|section1length=10680

|section1period1=You cannot pass
|section1period1start=8769
|section1period1end=8770
|section1period1color=red

|section1period2=You shall not pass
|section1period2start=8807
|section1period2end=8808
|section1period2color=green
}}

gives

Fellowship of the Ring (Extended Edition)

You cannot pass

You shall not pass

Highlight multiple periods

{{Timeline
|section1=[[Years of the Trees]]
|section1short=Y.T.
|section1length=1500

|section1period1=From approx. years 50 to 150, spanning to approx. years 700 to 1200
|section1period1start=50
|section1period1end=1200
|section1period1startuncertain=150
|section1period1enduncertain=700
|section1period1color=steelblue

|section2=[[First Age]]
|section2short=I
|section2length=590

|section3=[[Second Age]]
|section3short=II
|section3length=3441

|section3period1=Númenor
|section3period1desc=From year 32 spanning to year 3319.
|section3period1start=32
|section3period1end=3319
|section3period1color=orange

|section4=[[Third Age]]
|section4short=III
|section4length=3021

|section4period1=Arnor
|section4period1desc=Founded in year 3320 Second Age, and exists undivided until year 861 Third Age, fully abandoned by year 1974 Third Age.
|section4period1start=-121
|section4period1end=1974
|section4period1enduncertain=861
|section4period1color=brown

|section4period2=The War of the Ring
|section4period2desc=From June 3018 spanning to the end of Third Age in 3021.
|section4period2start=3018
|section4period2end=3021
|section4period2color=crimson

|section5=[[Fourth Age]]
|section5short=IV
|section5length=1000
}}

gives

Years of the Trees

Y.T.

From approx. years 50 to 150, spanning to approx. years 700 to 1200

I

II

III

IV

TemplateData

Create a horizontal timeline

Template parameters[Edit template data]
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
Section 1 name	`section1`	Name of the section on the timeline Example [[Years of the Trees]]	String	required
Section 1 short name	`section1short`	Short section name for smaller viewport Example Y.T.	String	optional
Section 1 length	`section1length`	Length of section 1 on the timeline Example 1500	Number	required
Section 1 period 1 title	`section1period1`	Wikitext for the highlighted period 1 inside section 1. This will be shown as a tooltip when the period is hovered on the timeline. Example Arnor	String	optional
Section 1 period 1 description	`section1period1desc`	Wikitext for description of the highlighted period 1 inside section 1. This will be shown as a tooltip when the period is hovered on the timeline. Example Founded in year 3320 Second Age, and exists undivided until year 861 Third Age, fully abandoned by year 1974 Third Age.	String	optional
Section 1 period 1 start	`section1period1start`	Start time of section 1 period 1 relative to section 1 length Example 50	Number	optional
Section 1 period 1 end	`section1period1end`	End time of section 1 period 1 relative to section 1 length Example 1200	Number	optional
Section 1 period 1 start (uncertain)	`section1period1startuncertain`	Uncertain start time of section 1 period 1 relative to section 1 length Example 150	Number	optional
Section 1 period 1 end (uncertain)	`section1period1enduncertain`	Uncertain end time of section 1 period 1 relative to section 1 length Example 700	Number	optional
Section 1 period 1 color	`section1period1color`	Color of the highlighted period 1 inside section 1 Example #36cccc	String	optional