Template:InteractiveTimeline: Difference between revisions

(11 intermediate revisions by the same user not shown)

Line 2:

<div>Click on the timeline to see an article of that time!</div>

Line 40:

rect 8100 0 8300 2000 [[Jungle Town#interactiveTimeline]]

rect 8300 0 8500 2000 [[Pride Gardens Event#interactiveTimeline]]

rect 8500 0 8700 2000 [[~~Timeline~~#interactiveTimeline]]

rect 8500 0 8700 2000 [[Dogcraft_Wiki:Dogcraft_10_Year_Anniversary_Showcase#interactiveTimeline]]

</imagemap></div>

Line 75:

</div>

{{#if:{{{heading|}}}|# {{{heading|}}}}}

{{#if:{{{heading|}}}|<div class="interactiveTimelineHeading">{{{heading|}}}</div>}}

</div>

</includeonly>

{{InteractiveTimeline|year=2024|month=5|heading=This is a test headline|visible=true}}

</noinclude>

@@ Line 2: / Line 2: @@
 <templatestyles src="Template:InteractiveTimeline/styles.css"/>
-<div id="interactiveTimeline">
+<div id="interactiveTimeline" {{#if:{{{visible|}}}|style="display: block;"}}>
 <div>Click on the timeline to see an article of that time!</div>
 <div class="interactiveTimelineContainer" style="scroll-snap-type: x mandatory;">
@@ Line 40: / Line 40: @@
 rect 8100 0 8300 2000 [[Jungle Town#interactiveTimeline]]
 rect 8300 0 8500 2000 [[Pride Gardens Event#interactiveTimeline]]
-rect 8500 0 8700 2000 [[Timeline#interactiveTimeline]]
+rect 8500 0 8700 2000 [[Dogcraft_Wiki:Dogcraft_10_Year_Anniversary_Showcase#interactiveTimeline]]
 </imagemap></div>
 <div class="interactiveTimelineLinkMarker" style="left: calc((420 / 91) * 1% - 2px);"></div>
@@ Line 75: / Line 75: @@
 <div class="interactiveTimelineLinkMarker" style="left: calc((8400 / 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}}})); scroll-snap-align: center;" class="fa-solid fa-up-long"></i></div>
+<div class="interactiveTimelineMarker" style="margin-top: {{#ifexpr: {{{month|{{{2|0}}}}}} < 4 or {{{month|{{{2|0}}}}}} > 9 | 0| -1.9em}};"><i {{#if:{{{year|{{{1|}}}}}}|style="left: calc(5.6% + (7% * ({{{year|{{{1|2013}}}}}} - 2013)) + (0.54% * {{{month|{{{2|1}}}}}}))"}}; scroll-snap-align: center;" class="fa-solid fa-up-long"></i></div>
 </div>
 </div>
-{{#if:{{{heading|}}}|# {{{heading|}}}}}
+{{#if:{{{heading|}}}|<div class="interactiveTimelineHeading">{{{heading|}}}</div>}}
 </div>
 </includeonly>
 <noinclude>
-{{InteractiveTimeline|year=2024|month=5|heading=test}}
+{{InteractiveTimeline|year=2024|month=5|heading=This is a test headline|visible=true}}
 </noinclude>

Template

InteractiveTimeline

Latest revision as of 21:42, 26 September 2025