MediaWiki:Common.js: Difference between revisions

No edit summary
Add community and drugs hero image CSS; update grid fixer to use IDs for new cards
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);
})();
})();