User
Xpmodder/TestingHeader
From Dogcraft Wiki
No edit summary |
No edit summary Tag: Visual edit: switched |
||
| (16 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%; max-width: 100%;"><imagemap> | <div style="width: 100%; overflow: scroll; scroll-snap-type: x mandatory;"> | ||
File: | <div style="width: 100%; min-width: 1300px; position: relative;"> | ||
rect 2200 0 2400 2000 [[ | <div style="width: 100%; max-width: 100%;" data-info="625 per year; 1200 = begin 2014"><imagemap> | ||
rect 2500 0 | File:Interactive-Timeline.png|center|1300px | ||
rect | rect 275 0 575 2000 [[Dogcraft.net]] | ||
rect 900 0 1200 2000 [[Dogcraft Dollars]] | |||
rect 2200 0 2400 2000 [[Survival]] | |||
rect 2500 0 2700 2000 [[Survival Railway Network]] | |||
rect 2700 0 2900 2000 [[Lackria]] | |||
rect 2900 0 3100 2000 [[Mall (Survival 1)]] | |||
rect 3100 0 3300 2000 [[Cyberdog News Network]] | |||
rect 3300 0 3500 2000 [[Wanigoora (Survival 2)]] | |||
rect 3500 0 3700 2000 [[Survival 2]] | |||
rect 3700 0 3900 2000 [[Dogcraft Wiki]] | |||
rect 3900 0 4100 2000 [[Great Survival Map]] | |||
rect 4100 0 4300 2000 [[Ouranos]] | |||
rect 4300 0 4500 2000 [[Mall (Survival 3)]] | |||
rect 4500 0 4700 2000 [[Nitro UHC]] | |||
rect 4700 0 4900 2000 [[Hide N' Seek]] | |||
rect 4900 0 5100 2000 [[Erebus]] | |||
rect 5100 0 5300 2000 [[Road and Horse Network]] | |||
rect 5500 0 5700 2000 [[Gaia]] | |||
rect 5700 0 5900 2000 [[Playing on Bedrock]] | |||
rect 5900 0 6100 2000 [[Battle of the Spawns]] | |||
rect 6100 0 6300 2000 [[NTN Tower Build Contest 2021]] | |||
rect 6300 0 6500 2000 [[Community Rail Network]] | |||
rect 6500 0 6700 2000 [[Leon]] | |||
rect 6700 0 6900 2000 [[Transport Triathlon]] | |||
rect 6900 0 7100 2000 [[Capture The Flag]] | |||
rect 7100 0 7300 2000 [[Puppy Park]] | |||
rect 7300 0 7500 2000 [[Survival 6]] | |||
rect 7500 0 7700 2000 [[City of Tattington]] | |||
rect 7700 0 7900 2000 [[Canine Kingdom]] | |||
rect 7900 0 8100 2000 [[BeetRoot Army]] | |||
rect 8100 0 8300 2000 [[Jungle Town]] | |||
rect 8300 0 8500 2000 [[Pride Gardens Event]] | |||
rect 8500 0 8700 2000 [[Timeline]] | |||
</imagemap></div> | </imagemap></div> | ||
<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> | |||
