|
|
| Line 7: |
Line 7: |
|
| |
|
| <div class="floruit-tl__track"> | | <div class="floruit-tl__track"> |
| <!-- ticks overlay -->
| |
| <div class="floruit-tl__ticks">
| |
| <!-- minor ticks (every 25 years) -->
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1488-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1513-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1538-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1563-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1588-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1613-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1638-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1663-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1688-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1713-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1738-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1763-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1788-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1813-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1838-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1863-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1888-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__tick floruit-tl__tick--minor" style="left: {{#expr:100*(1913-1463)/(1939-1463)}}%;"></span>
| |
|
| |
| <!-- major ticks + labels (every 50 years) -->
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1500-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1500-1463)/(1939-1463)}}%;">1500</span>
| |
|
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1550-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1550-1463)/(1939-1463)}}%;">1550</span>
| |
|
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1600-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1600-1463)/(1939-1463)}}%;">1600</span>
| |
|
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1650-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1650-1463)/(1939-1463)}}%;">1650</span>
| |
|
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1700-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1700-1463)/(1939-1463)}}%;">1700</span>
| |
|
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1750-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1750-1463)/(1939-1463)}}%;">1750</span>
| |
|
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1800-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1800-1463)/(1939-1463)}}%;">1800</span>
| |
|
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1850-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1850-1463)/(1939-1463)}}%;">1850</span>
| |
|
| |
| <span class="floruit-tl__tick floruit-tl__tick--major" style="left: {{#expr:100*(1900-1463)/(1939-1463)}}%;"></span>
| |
| <span class="floruit-tl__ticklabel" style="left: {{#expr:100*(1900-1463)/(1939-1463)}}%;">1900</span>
| |
| </div>
| |
|
| |
| <!-- band -->
| |
| {{#if:{{{start|}}}| | | {{#if:{{{start|}}}| |
| <div class="floruit-tl__band" | | <div class="floruit-tl__band" |
| style=" | | style=" |
| left: | | left: {{#expr: |
| {{#expr:
| |
| 100 * ( | | 100 * ( |
| ( | | ({{#ifexpr: {{{start}}} < 1463 | 1463 | {{#ifexpr: {{{start}}} > 1939 | 1939 | {{{start}}} }} }}) - 1463 |
| {{#ifexpr: {{{start}}} < 1463 | 1463 | {{#ifexpr: {{{start}}} > 1939 | 1939 | {{{start}}} }} }}
| | ) / 476 |
| ) - 1463
| |
| ) / (1939 - 1463) | |
| }}%; | | }}%; |
| width: | | width: {{#if:{{{end|}}}| |
| {{#if:{{{end|}}}|
| |
| {{#expr: | | {{#expr: |
| 100 * ( | | 100 * ( |
| ( | | ({{#ifexpr: {{{end}}} < 1463 | 1463 | {{#ifexpr: {{{end}}} > 1939 | 1939 | {{{end}}} }} }}) - |
| {{#ifexpr: {{{end}}} < 1463 | 1463 | {{#ifexpr: {{{end}}} > 1939 | 1939 | {{{end}}} }} }}
| | ({{#ifexpr: {{{start}}} < 1463 | 1463 | {{#ifexpr: {{{start}}} > 1939 | 1939 | {{{start}}} }} }}) |
| ) - ( | | ) / 476 |
| {{#ifexpr: {{{start}}} < 1463 | 1463 | {{#ifexpr: {{{start}}} > 1939 | 1939 | {{{start}}} }} }}
| |
| )
| |
| ) / (1939 - 1463) | |
| }} | | }} |
| | 0.8 }}%; | | | 0.8 }}%; |
| Line 85: |
Line 26: |
| </div> | | </div> |
| }} | | }} |
| | </div> |
| | |
| | <div class="floruit-tl__ticklabels"> |
| | <span>1500</span> |
| | <span>1600</span> |
| | <span>1700</span> |
| | <span>1800</span> |
| | <span>1900</span> |
| </div> | | </div> |
|
| |
|
Usage:
{{FloruitTimeline|start=1808|end=1839}}