User
Xpmodder/TestingHeader
From Dogcraft Wiki
No edit summary |
No edit summary Tag: Visual edit: switched |
||
| (12 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<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 style="width: 100%; overflow: scroll; scroll-snap-type: x mandatory;"> | |||
<div style="width: 100%; min-width: 1300px; position: relative;"> | |||
<div style="width: 100%; max-width: 100%;" data-info="625 per year; 1200 = begin 2014"><imagemap> | <div style="width: 100%; max-width: 100%;" data-info="625 per year; 1200 = begin 2014"><imagemap> | ||
File: | File:Interactive-Timeline.png|center|1300px | ||
rect 275 0 575 2000 [[Dogcraft.net]] | rect 275 0 575 2000 [[Dogcraft.net]] | ||
rect 900 0 1200 2000 [[Dogcraft Dollars]] | rect 900 0 1200 2000 [[Dogcraft Dollars]] | ||
| Line 36: | Line 38: | ||
rect 8500 0 8700 2000 [[Timeline]] | rect 8500 0 8700 2000 [[Timeline]] | ||
</imagemap></div> | </imagemap></div> | ||
<div id="marker" style="width: 100%; position: relative; margin-top: {{#ifexpr: 12 < 4 or 12 > 9 | 0| -1.6em}};"><i style="color: red; position: relative; left: calc(5.6% + (7% * ( | <div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((420 / 91) * 1% - 2px); top: 145px;"></div> | ||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((1050 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((2300 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((2600 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((2800 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((3000 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((3200 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((3400 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((3600 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((3800 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((4000 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((4200 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((4400 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((4600 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((4800 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((5000 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((5200 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((5600 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((5800 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((6000 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((6200 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((6400 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((6600 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((6800 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((7000 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((7200 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((7400 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((7600 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((7800 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((8000 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((8200 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((8400 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div style="position: absolute; width: 4px; height: 10px; background-color: red; left: calc((8600 / 91) * 1% - 2px); top: 145px;"></div> | |||
<div id="marker" style="width: 100%; position: relative; margin-top: {{#ifexpr: 12 < 4 or 12 > 9 | 0| -1.6em}};"><i style="color: red; position: relative; left: calc(5.6% + (7% * (2023 - 2013)) + (0.54% * 12)); font-size: 1.5em; scroll-snap-align: center;" class="fa-solid fa-up-long"></i></div> | |||
</div> | |||
</div> | |||
Latest revision as of 18:52, 26 September 2025
Click on the timeline to see an article of that time!
