MediaWiki:Common.js - Revision history

Admin: Add Life Planning hero CSS; move all 8 cards to ID-based grid fixer

2026-04-22T02:59:06Z

Add Life Planning hero CSS; move all 8 cards to ID-based grid fixer

← Older revision		Revision as of 02:59, 22 April 2026
Line 12:		Line 12:
	gridContainer.style.gap = '14px';		gridContainer.style.gap = '14px';
	// Collect cards by hero IDs		// Collect cards by hero IDs
	var heroIds = ['ax-sexual-health-hero','ax-dating-hero','ax-kink-hero','ax-culture-hero','ax-fashion-hero','ax-community-hero','ax-drugs-hero'];		var heroIds = ['ax-sexual-health-hero','ax-dating-hero','ax-kink-hero','ax-culture-hero','ax-fashion-hero','ax-community-hero','ax-drugs-hero','ax-life-hero'];
	var allKnowledgeCards = [];		var allKnowledgeCards = [];
	heroIds.forEach(function(id) {		heroIds.forEach(function(id) {
Line 20:		Line 20:
	// Find remaining 3 knowledge cards by keyword match (Community, Drugs, Life Planning)		// Find remaining 3 knowledge cards by keyword match (Community, Drugs, Life Planning)
	// These have no hero images. Identify by checking they are NOT Start Learning or Featured		// These have no hero images. Identify by checking they are NOT Start Learning or Featured
	var keywords = [~~'Life Planning'~~];		var keywords = [];
	Array.from(document.querySelectorAll('.ax-card')).forEach(function(c) {		Array.from(document.querySelectorAll('.ax-card')).forEach(function(c) {
	if (allKnowledgeCards.indexOf(c) >= 0) return;		if (allKnowledgeCards.indexOf(c) >= 0) return;
Line 45:		Line 45:
	(function() {		(function() {
	var style = document.createElement('style');		var style = document.createElement('style');
	style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; } #ax-culture-hero { background-image: url("https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png"); background-size: cover; background-position: center center; } #ax-fashion-hero { background-image: url("https://alphax.wiki/images/4/4b/Fashion_Visual_Signaling_Hero.png"); background-size: cover; background-position: center top; } #ax-community-hero { background-image: url("https://alphax.wiki/images/e/ed/Community_Identity_Hero.png"); background-size: cover; background-position: center center; } #ax-drugs-hero { background-image: url("https://alphax.wiki/images/c/c7/Drugs_Party_Culture_Hero.jpg"); background-size: cover; background-position: center center; }';		style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; } #ax-culture-hero { background-image: url("https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png"); background-size: cover; background-position: center center; } #ax-fashion-hero { background-image: url("https://alphax.wiki/images/4/4b/Fashion_Visual_Signaling_Hero.png"); background-size: cover; background-position: center top; } #ax-community-hero { background-image: url("https://alphax.wiki/images/e/ed/Community_Identity_Hero.png"); background-size: cover; background-position: center center; } #ax-drugs-hero { background-image: url("https://alphax.wiki/images/c/c7/Drugs_Party_Culture_Hero.jpg"); background-size: cover; background-position: center center; } #ax-life-hero { background-image: url("https://alphax.wiki/images/7/74/Life_Planning_Hero.jpg"); background-size: cover; background-position: center top; }';
	document.head.appendChild(style);		document.head.appendChild(style);
	})();		})();

Admin: Add community and drugs hero image CSS; update grid fixer to use IDs for new cards

2026-04-22T02:53:41Z

Add community and drugs hero image CSS; update grid fixer to use IDs for new cards

← Older revision		Revision as of 02:53, 22 April 2026
Line 12:		Line 12:
	gridContainer.style.gap = '14px';		gridContainer.style.gap = '14px';
	// Collect cards by hero IDs		// Collect cards by hero IDs
	var heroIds = ['ax-sexual-health-hero','ax-dating-hero','ax-kink-hero','ax-culture-hero','ax-fashion-hero'];		var heroIds = ['ax-sexual-health-hero','ax-dating-hero','ax-kink-hero','ax-culture-hero','ax-fashion-hero','ax-community-hero','ax-drugs-hero'];
	var allKnowledgeCards = [];		var allKnowledgeCards = [];
	heroIds.forEach(function(id) {		heroIds.forEach(function(id) {
Line 20:		Line 20:
	// Find remaining 3 knowledge cards by keyword match (Community, Drugs, Life Planning)		// Find remaining 3 knowledge cards by keyword match (Community, Drugs, Life Planning)
	// These have no hero images. Identify by checking they are NOT Start Learning or Featured		// These have no hero images. Identify by checking they are NOT Start Learning or Featured
	var keywords = [~~'Community & Identity', 'Drugs, Party Culture',~~ 'Life Planning'];		var keywords = ['Life Planning'];
	Array.from(document.querySelectorAll('.ax-card')).forEach(function(c) {		Array.from(document.querySelectorAll('.ax-card')).forEach(function(c) {
	if (allKnowledgeCards.indexOf(c) >= 0) return;		if (allKnowledgeCards.indexOf(c) >= 0) return;
Line 45:		Line 45:
	(function() {		(function() {
	var style = document.createElement('style');		var style = document.createElement('style');
	style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; } #ax-culture-hero { background-image: url("https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png"); background-size: cover; background-position: center center; } #ax-fashion-hero { background-image: url("https://alphax.wiki/images/4/4b/Fashion_Visual_Signaling_Hero.png"); background-size: cover; background-position: center top; }';		style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; } #ax-culture-hero { background-image: url("https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png"); background-size: cover; background-position: center center; } #ax-fashion-hero { background-image: url("https://alphax.wiki/images/4/4b/Fashion_Visual_Signaling_Hero.png"); background-size: cover; background-position: center top; } #ax-community-hero { background-image: url("https://alphax.wiki/images/e/ed/Community_Identity_Hero.png"); background-size: cover; background-position: center center; } #ax-drugs-hero { background-image: url("https://alphax.wiki/images/c/c7/Drugs_Party_Culture_Hero.jpg"); background-size: cover; background-position: center center; }';
	document.head.appendChild(style);		document.head.appendChild(style);
	})();		})();

Admin at 01:39, 22 April 2026

2026-04-22T01:39:30Z

← Older revision		Revision as of 01:39, 22 April 2026
Line 11:		Line 11:
	gridContainer.style.gridTemplateColumns = 'repeat(2, 1fr)';		gridContainer.style.gridTemplateColumns = 'repeat(2, 1fr)';
	gridContainer.style.gap = '14px';		gridContainer.style.gap = '14px';
	// Collect ~~the 8 category hero~~ cards by ~~their~~ hero ~~div~~ IDs		// Collect cards by hero IDs
	var heroIds = ['ax-sexual-health-hero','ax-dating-hero','ax-kink-hero','ax-culture-hero','ax-fashion-hero'];		var heroIds = ['ax-sexual-health-hero','ax-dating-hero','ax-kink-hero','ax-culture-hero','ax-fashion-hero'];
	~~// Also collect the non-hero category cards (Community, Drugs, Life Planning)~~
	~~// They follow the hero cards in the DOM~~
	var allKnowledgeCards = [];		var allKnowledgeCards = [];
	heroIds.forEach(function(id) {		heroIds.forEach(function(id) {
Line 20:		Line 18:
	if (h) { var c = h.closest('.ax-card'); if (c) allKnowledgeCards.push(c); }		if (h) { var c = h.closest('.ax-card'); if (c) allKnowledgeCards.push(c); }
	});		});
	// Find remaining ~~category~~ cards (no hero~~) -~~ they are ~~siblings after the grid~~		// Find remaining 3 knowledge cards by keyword match (Community, Drugs, Life Planning)
	var ~~parent~~ = ~~gridContainer.parentElement~~;		// These have no hero images. Identify by checking they are NOT Start Learning or Featured
	Array.from(~~parent~~.querySelectorAll('.ax-card')).forEach(function(c) {		var keywords = ['Community & Identity', 'Drugs, Party Culture', 'Life Planning'];
	if (allKnowledgeCards.indexOf(c) < 0) {		Array.from(document.querySelectorAll('.ax-card')).forEach(function(c) {
	var ~~heroInside~~ = c.~~querySelector(~~'~~[id*="-hero"]~~');		if (allKnowledgeCards.indexOf(c) >= 0) return;
	if (~~!heroInside~~) allKnowledgeCards.push(c);		var txt = c.innerText \|\| '';
	}		keywords.forEach(function(kw) {
			if (txt.indexOf(kw) >= 0 && allKnowledgeCards.indexOf(c) < 0) {
			allKnowledgeCards.push(c);
			}
			});
	});		});
	// Move all 8 cards into ~~the~~ grid ~~container~~		// Move all knowledge cards into grid
	allKnowledgeCards.forEach(function(c) {		allKnowledgeCards.forEach(function(c) {
	if (c.parentElement !== gridContainer) gridContainer.appendChild(c);		if (c.parentElement !== gridContainer) gridContainer.appendChild(c);

Admin at 01:35, 22 April 2026

2026-04-22T01:35:02Z

@@ Line 2: / Line 2: @@
 (function() {
    function fixKnowledgeGrid() {
      var heroDiv = document.getElementById('ax-sexual-health-hero');
      if (!heroDiv) return;
@@ Line 10: / Line 8: @@
      var gridContainer = firstCard.parentElement;
      if (!gridContainer) return;
      gridContainer.style.display = 'grid';
      gridContainer.style.gridTemplateColumns = 'repeat(2, 1fr)';
      gridContainer.style.gap = '14px';
+   }
    if (document.readyState === 'loading') {

Admin at 01:22, 22 April 2026

2026-04-22T01:22:11Z

← Older revision		Revision as of 01:22, 22 April 2026
Line 1:		Line 1:
			// Knowledge Areas grid layout fixer
			(function() {
			function fixKnowledgeGrid() {
			// Find all divs containing ax-card children with hero divs
			// The grid container is the parent of the first ax-card that has a hero image div
			var heroDiv = document.getElementById('ax-sexual-health-hero');
			if (!heroDiv) return;
			var firstCard = heroDiv.closest('.ax-card');
			if (!firstCard) return;
			var gridContainer = firstCard.parentElement;
			if (!gridContainer) return;
			// Apply 2-column grid layout
			gridContainer.style.display = 'grid';
			gridContainer.style.gridTemplateColumns = 'repeat(2, 1fr)';
			gridContainer.style.gap = '14px';
			}
			if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', fixKnowledgeGrid);
			} else {
			fixKnowledgeGrid();
			}
			})();

	// Sexual Health hero image		// Sexual Health hero image
	(function() {		(function() {

Admin at 15:02, 21 April 2026

2026-04-21T15:02:59Z

@@ Line 562: / Line 562: @@
      loadData();
    });
 })();

Admin at 12:53, 21 April 2026

2026-04-21T12:53:39Z

← Older revision		Revision as of 12:53, 21 April 2026
Line 2:		Line 2:
	(function() {		(function() {
	var style = document.createElement('style');		var style = document.createElement('style');
	style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; } #ax-culture-hero { background-image: url("https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png"); background-size: cover; background-position: center center; }';		style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; } #ax-culture-hero { background-image: url("https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png"); background-size: cover; background-position: center center; } #ax-fashion-hero { background-image: url("https://alphax.wiki/images/4/4b/Fashion_Visual_Signaling_Hero.png"); background-size: cover; background-position: center top; }';
	document.head.appendChild(style);		document.head.appendChild(style);
	})();		})();

Admin at 10:34, 21 April 2026

2026-04-21T10:34:06Z

← Older revision		Revision as of 10:34, 21 April 2026
Line 2:		Line 2:
	(function() {		(function() {
	var style = document.createElement('style');		var style = document.createElement('style');
	style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; }';		style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; } #ax-culture-hero { background-image: url("https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png"); background-size: cover; background-position: center center; }';
	document.head.appendChild(style);		document.head.appendChild(style);
	})();		})();

Admin at 10:29, 21 April 2026

2026-04-21T10:29:50Z

← Older revision		Revision as of 10:29, 21 April 2026
Line 2:		Line 2:
	(function() {		(function() {
	var style = document.createElement('style');		var style = document.createElement('style');
	style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; }';		style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; } #ax-kink-hero { background-image: url("https://alphax.wiki/images/e/e5/Kink_BDSM_Hero.png"); background-size: cover; background-position: center center; }';
	document.head.appendChild(style);		document.head.appendChild(style);
	})();		})();

Admin at 10:22, 21 April 2026

2026-04-21T10:22:55Z

← Older revision		Revision as of 10:22, 21 April 2026
Line 2:		Line 2:
	(function() {		(function() {
	var style = document.createElement('style');		var style = document.createElement('style');
	style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; }';		style.textContent = '#ax-sexual-health-hero { background-image: url("https://alphax.wiki/images/4/43/Sexual_Health_Hero.jpg"); background-size: cover; background-position: center center; } #ax-dating-hero { background-image: url("https://alphax.wiki/images/0/0b/Dating_Sex_Relationships_Hero.png"); background-size: cover; background-position: center center; }';
	document.head.appendChild(style);		document.head.appendChild(style);
	})();		})();