Widget:CampaignCards - Revision history

Spooky: Group DeadRealms and NewRealms cards with Specials

2026-05-01T01:48:30Z

Group DeadRealms and NewRealms cards with Specials

← Older revision		Revision as of 01:48, 1 May 2026
Line 58:		Line 58:
	$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");
	$(".campaignbox[data-season='Season 4']").wrapAll("<div id='Season_Four_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 4']").wrapAll("<div id='Season_Four_Campaigns' class='season-wrap season-holder'></div>");
	$(".campaignbox[data-season='Specials']").wrapAll("<div id='Specials_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Specials'], .campaignbox[data-season='DeadRealms'], .campaignbox[data-season='NewRealms']").wrapAll("<div id='Specials_Campaigns' class='season-wrap season-holder'></div>");

	function scrollToCampaignsTop() {		function scrollToCampaignsTop() {

Spooky: Scroll to campaign detail when opening campaign cards

2026-04-30T02:56:47Z

Scroll to campaign detail when opening campaign cards

← Older revision		Revision as of 02:56, 30 April 2026
Line 60:		Line 60:
	$(".campaignbox[data-season='Specials']").wrapAll("<div id='Specials_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Specials']").wrapAll("<div id='Specials_Campaigns' class='season-wrap season-holder'></div>");

			function scrollToCampaignsTop() {
			var target = $(".campaign-holder").offset();
			if (!target) {
			return;
			}
			$("html, body").stop(true).animate({ scrollTop: Math.max(target.top - 12, 0) }, 250);
			}

	function openCard(card) {		function openCard(card) {
Line 67:		Line 74:
	var ht = $(card).attr("data-height");		var ht = $(card).attr("data-height");
	$(".campaignbox:not('div#" + id + "')").hide();		$(".campaignbox:not('div#" + id + "')").hide();
			scrollToCampaignsTop();
	$("div#" + id + " .campaignbox-card").fadeOut("slow");		$("div#" + id + " .campaignbox-card").fadeOut("slow");
	$("div#" + id + ".campaignbox").animate({width:"662px", height: ht}, function() {		$("div#" + id + ".campaignbox").animate({width:"662px", height: ht}, function() {

Spooky: Create DeadRealms campaign scaffold and navigation

2026-04-30T01:48:47Z

Create DeadRealms campaign scaffold and navigation

← Older revision		Revision as of 01:48, 30 April 2026
Line 58:		Line 58:
	$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");
	$(".campaignbox[data-season='Season 4']").wrapAll("<div id='Season_Four_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 4']").wrapAll("<div id='Season_Four_Campaigns' class='season-wrap season-holder'></div>");
			$(".campaignbox[data-season='Specials']").wrapAll("<div id='Specials_Campaigns' class='season-wrap season-holder'></div>");

Spooky: Support absolute Rawb.art playlist links

2026-04-28T05:25:22Z

Support absolute Rawb.art playlist links

← Older revision		Revision as of 05:25, 28 April 2026
Line 25:		Line 25:

	for(var i = 0; i < series1.length; i++){		for(var i = 0; i < series1.length; i++){
	$(".campaign-holder").append('<div id="' + series1[i].key + '" class="campaignbox" data-season="' + series1[i].season + '"> <div class="campaignbox-card" onClick="openCard(this)" data-height="' + series1[i].height +'"> <img class="campaignbox-image" src="' + series1[i].image + '"> <div class="campaignbox-text"> <h4 style="margin:0px"> <b>' + series1[i].season + '</b></h4> <p style="margin-top:4px">' + series1[i].name + '</p> </div> </div> <div class="campaignbox-content"> <table class="campaignbox-content-topbar"> <tr> <td style="vertical-align:top;"> <span class="campaignbox-content-topbar-back" onClick="closeCard(this)"><i style="float:left;" class="fa fa-arrow-left fa-2x"></i> </span> </td> <td> <span class="campaignbox-content-topbar-name darkCrystal" style="color:' + series1[i].color + ';">' + series1[i].name + '</span> </td> <td style="text-align:right;width:132px"> <span class="campaignbox-content-topbar-date">' + series1[i].date + '</span> </td> </tr> </table> <p class="campaignbox-content-description">' + series1[i].description + '</p> <p class="campaignbox-content-characters">'+ series1[i].characters +'</p> <table class="campaignbox-content-bottombar"> <tr> <td> <a href="~~http://youtube.com/~~' + ~~series1[i].playlist~~ + '"> <span class="campaignbox-content-bottombar-play"><i class="fa fa-youtube-play" aria-hidden="true"></i> Playlist</span></a> </td> </tr> </table> </div> </div>');		var playlistHref = series1[i].playlist \|\| "";
			var playlistClass = "";
			if (/^https?:\/\//.test(playlistHref)) {
			playlistClass = "rawb-link";
			} else {
			playlistHref = "http://youtube.com/" + playlistHref;
			}
			$(".campaign-holder").append('<div id="' + series1[i].key + '" class="campaignbox" data-season="' + series1[i].season + '"> <div class="campaignbox-card" onClick="openCard(this)" data-height="' + series1[i].height +'"> <img class="campaignbox-image" src="' + series1[i].image + '"> <div class="campaignbox-text"> <h4 style="margin:0px"> <b>' + series1[i].season + '</b></h4> <p style="margin-top:4px">' + series1[i].name + '</p> </div> </div> <div class="campaignbox-content"> <table class="campaignbox-content-topbar"> <tr> <td style="vertical-align:top;"> <span class="campaignbox-content-topbar-back" onClick="closeCard(this)"><i style="float:left;" class="fa fa-arrow-left fa-2x"></i> </span> </td> <td> <span class="campaignbox-content-topbar-name darkCrystal" style="color:' + series1[i].color + ';">' + series1[i].name + '</span> </td> <td style="text-align:right;width:132px"> <span class="campaignbox-content-topbar-date">' + series1[i].date + '</span> </td> </tr> </table> <p class="campaignbox-content-description">' + series1[i].description + '</p> <p class="campaignbox-content-characters">'+ series1[i].characters +'</p> <table class="campaignbox-content-bottombar"> <tr> <td> <a class="' + playlistClass + '" href="' + playlistHref + '"> <span class="campaignbox-content-bottombar-play"><i class="fa fa-youtube-play" aria-hidden="true"></i> Playlist</span></a> </td> </tr> </table> </div> </div>');
	}		}

imported>Mayonnaisinator: Added Season 4

2019-07-27T08:35:20Z

Added Season 4

← Older revision		Revision as of 08:35, 27 July 2019
Line 50:		Line 50:
	$(".campaignbox[data-season='Season 2']").wrapAll("<div id='Season_Two_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 2']").wrapAll("<div id='Season_Two_Campaigns' class='season-wrap season-holder'></div>");
	$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");
			$(".campaignbox[data-season='Season 4']").wrapAll("<div id='Season_Four_Campaigns' class='season-wrap season-holder'></div>");

imported>Pillowkeeper at 23:24, 9 October 2017

2017-10-09T23:24:31Z

← Older revision		Revision as of 23:24, 9 October 2017
Line 51:		Line 51:
	$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");

	~~function reset(e) {~~
	~~$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").hide();~~
	}

	~~function move(e) {~~
	~~$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").css("top", e.clientY + 10);~~
	~~$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").css("left", e.clientX + 10);~~
	~~$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").show();~~
	}

	function openCard(card) {		function openCard(card) {

imported>Pillowkeeper: Undo revision 47881 by Pillowkeeper (talk)

2017-10-09T23:24:12Z

Undo revision 47881 by Pillowkeeper (talk)

← Older revision		Revision as of 23:24, 9 October 2017
Line 29:		Line 29:

	$(".campaignbox-content-characters a").each(function() {		$(".campaignbox-content-characters a").each(function() {
			var title = $(this).attr("title");
			$(this).removeAttr("title");
			$(this).wrap("<div onmouseout='reset(event)' onmousemove='move(event)' class='campaignbox-content-characters-characterbox'>");
			$(this).after("<span class='campaignbox-content-characters-characterbox-tooltip'>" + title + "</span>");
	$(this).children("img").attr("alt", title);		$(this).children("img").attr("alt", title);

Line 48:		Line 51:
	$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");

			function reset(e) {
			$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").hide();
			}

			function move(e) {
			$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").css("top", e.clientY + 10);
			$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").css("left", e.clientX + 10);
			$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").show();
			}

	function openCard(card) {		function openCard(card) {

imported>Pillowkeeper at 23:23, 9 October 2017

2017-10-09T23:23:48Z

← Older revision		Revision as of 23:23, 9 October 2017
Line 29:		Line 29:

	$(".campaignbox-content-characters a").each(function() {		$(".campaignbox-content-characters a").each(function() {
	~~var title = $(this).attr("title");~~
	~~$(this).removeAttr("title");~~
	~~$(this).wrap("<div onmouseout='reset(event)' onmousemove='move(event)' class='campaignbox-content-characters-characterbox'>");~~
	~~$(this).after("<span class='campaignbox-content-characters-characterbox-tooltip'>" + title + "</span>");~~
	$(this).children("img").attr("alt", title);		$(this).children("img").attr("alt", title);

Line 51:		Line 48:
	$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");		$(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");

	~~function reset(e) {~~
	~~$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").hide();~~
	}

	~~function move(e) {~~
	~~$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").css("top", e.clientY + 10);~~
	~~$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").css("left", e.clientX + 10);~~
	~~$(e.currentTarget).find("span.campaignbox-content-characters-characterbox-tooltip").show();~~
	}

	function openCard(card) {		function openCard(card) {

imported>Pillowkeeper: Undo revision 47879 by Pillowkeeper (talk)

2017-10-09T23:23:19Z

Undo revision 47879 by Pillowkeeper (talk)

@@ Line 28: / Line 28: @@
+}
 $(".campaignbox-text a").each(function() {
@@ Line 43: / Line 51: @@
 $(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");
   function openCard(card) {

imported>Pillowkeeper at 23:22, 9 October 2017

2017-10-09T23:22:51Z

@@ Line 28: / Line 28: @@
+}
 $(".campaignbox-text a").each(function() {
@@ Line 51: / Line 43: @@
 $(".campaignbox[data-season='Season 3']").wrapAll("<div id='Season_Three_Campaigns' class='season-wrap season-holder'></div>");
   function openCard(card) {