Template:CountdownBannerHelper - Revision history

Alex at 21:34, 19 November 2025

2025-11-19T21:34:10Z

← Older revision		Revision as of 21:34, 19 November 2025
Line 10:		Line 10:
	}}		}}
	</div>		</div>

	<script>		<script>
	var cd = document.getElementById("countdown");		var cd = document.getElementById("countdown");

Alex: Suggested and created by grok 4.1

2025-11-19T21:28:43Z

Suggested and created by grok 4.1

← Older revision		Revision as of 21:28, 19 November 2025
Line 10:		Line 10:
	}}		}}
	</div>		</div>

	<script>		<script>
	var cd = document.getElementById("countdown");		var cd = document.getElementById("countdown");

Alex: Suggested and created by grok 4.1

2025-11-19T21:26:41Z

Suggested and created by grok 4.1

New page

<div style="background:#003366;color:white;padding:25px;text-align:center;font-size:24px;font-weight:bold;">
Next District Event<br/>
<span style="font-size:1.4em;">{{{Name}}}</span><br/>
{{{Location}}}<br/>
<span id="countdown" data-date="{{{Event Date}}}"></span>
{{#if: {{{Flyer|}}} |
<br/><a href="{{{Flyer}}}" target="_blank">
<img src="{{{Flyer}}}" style="height:200px;margin-top:15px;border:3px solid white;"/>
</a>
}}
</div>

<script>
var cd = document.getElementById("countdown");
var target = new Date(cd.getAttribute("data-date")).getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = target - now;
if (distance < 0) {
cd.innerHTML = "HAPPENING NOW!";
clearInterval(x);
return;
}
var days = Math.floor(distance / 86400000);
var hours = Math.floor((distance % 86400000) / 3600000);
var minutes = Math.floor((distance % 3600000) / 60000);
cd.innerHTML = days + " days " + hours + " hrs " + minutes + " min until start";
}, 60000);
</script>