Template
InteractiveTimeline
From Dogcraft Wiki
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
<div id="interactiveTimeline"> | <div id="interactiveTimeline"> | ||
<div>Click on the timeline to see an article of that time!</div> | <div>Click on the timeline to see an article of that time!</div> | ||
<div class="interactiveTimelineContainer"> | <div class="interactiveTimelineContainer" style="scroll-snap-type: x mandatory;"> | ||
<div class="interactiveTimeline"> | <div class="interactiveTimeline"> | ||
<div class="interactiveTimelineImagemap" data-info="625 per year; 1200 = begin 2014"><imagemap> | <div class="interactiveTimelineImagemap" data-info="625 per year; 1200 = begin 2014"><imagemap> | ||
| Line 75: | Line 75: | ||
<div class="interactiveTimelineLinkMarker" style="left: calc((8400 / 91) * 1% - 2px);"></div> | <div class="interactiveTimelineLinkMarker" style="left: calc((8400 / 91) * 1% - 2px);"></div> | ||
<div class="interactiveTimelineLinkMarker" style="left: calc((8600 / 91) * 1% - 2px);"></div> | <div class="interactiveTimelineLinkMarker" style="left: calc((8600 / 91) * 1% - 2px);"></div> | ||
<div class="interactiveTimelineMarker" style="margin-top: {{#ifexpr: 12 < 4 or 12 > 9 | 0| -1.6em}};"><i style="left: calc(5.6% + (7% * ({{{year|2013}}} - 2013)) + (0.54% * {{{month|1}}}));" class="fa-solid fa-up-long"></i></div> | <div class="interactiveTimelineMarker" style="margin-top: {{#ifexpr: 12 < 4 or 12 > 9 | 0| -1.6em}};"><i style="left: calc(5.6% + (7% * ({{{year|2013}}} - 2013)) + (0.54% * {{{month|1}}})); scroll-snap-align: center;" class="fa-solid fa-up-long"></i></div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 19:27, 26 September 2025
Click on the timeline to see an article of that time!
This page was last modified on 26 September 2025, at 19:27. (2 months ago)
