MediaWiki:Common.js - Revision history

Operator at 05:45, 4 June 2025

2025-06-04T05:45:32Z

← Older revision		Revision as of 01:45, 4 June 2025
Line 483:		Line 483:
	const $customLine = $('<div>', {		const $customLine = $('<div>', {
	id: 'custom-footer-note',		id: 'custom-footer-note',
	~~text~~: `This is an experimental solo project exploring what’s possible in gaming UI and data experiences. Things may break—thank you for being part of the push forward. <br>Legal & [[Disclaimer]]`		html: `This is an experimental solo project exploring what’s possible in gaming UI and data experiences. Things may break—thank you for being part of the push forward.<br>
			<a href="${mw.util.getUrl('Disclaimer')}" class="footer-link">Legal & Disclaimer</a>`
	});		});

	$('#footer').prepend($customLine);		$('#footer').prepend($customLine);

Operator at 05:30, 4 June 2025

2025-06-04T05:30:12Z

← Older revision		Revision as of 01:30, 4 June 2025
Line 483:		Line 483:
	const $customLine = $('<div>', {		const $customLine = $('<div>', {
	id: 'custom-footer-note',		id: 'custom-footer-note',
	text: `This is an experimental solo project exploring what’s possible in gaming UI and data experiences. Things may break—thank you for being part of the push forward. <~~a href="/Disclaimer" class="footer-link"~~>Legal &~~amp;~~ Disclaimer~~</a>~~`		text: `This is an experimental solo project exploring what’s possible in gaming UI and data experiences. Things may break—thank you for being part of the push forward. <br>Legal & [[Disclaimer]]`

	});		});

Operator at 05:27, 4 June 2025

2025-06-04T05:27:20Z

← Older revision		Revision as of 01:27, 4 June 2025
Line 483:		Line 483:
	const $customLine = $('<div>', {		const $customLine = $('<div>', {
	id: 'custom-footer-note',		id: 'custom-footer-note',
	text: 'This is an experimental solo project exploring what’s possible in gaming UI and data experiences. Things may break—thank you for being part of the push forward.'		text: `This is an experimental solo project exploring what’s possible in gaming UI and data experiences. Things may break—thank you for being part of the push forward. <a href="/Disclaimer" class="footer-link">Legal & Disclaimer</a>`

	});		});

Operator at 21:31, 2 June 2025

2025-06-02T21:31:32Z

← Older revision		Revision as of 17:31, 2 June 2025
Line 59:		Line 59:

	<nav style="display: flex; gap: 0; margin: 0 20px; height: 100%;">		<nav style="display: flex; gap: 0; margin: 0 20px; height: 100%;">
	<a href="~~/wiki~~/Items" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-left: 1px solid rgba(252, 231, 200, 0.1); border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">◇ Items</a>		<a href="/Items" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-left: 1px solid rgba(252, 231, 200, 0.1); border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">◇ Items</a>
	<a href="~~/wiki~~/Crafting" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">⚒ Crafting</a>		<a href="/Crafting" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">⚒ Crafting</a>
	<a href="~~/wiki~~/Building" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">⌂ Building</a>		<a href="/Building" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">⌂ Building</a>
	<a href="~~/wiki~~/Tech_Tree" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">⬢ Tech Tree</a>		<a href="/Tech_Tree" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">⬢ Tech Tree</a>
	<a href="~~/wiki~~/Journeys" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">➤ Journeys</a>		<a href="/Journeys" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">➤ Journeys</a>
	<a href="~~/wiki~~/Skills" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">★ Skills</a>		<a href="/Skills" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">★ Skills</a>
	<a href="~~/wiki~~/Map" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">🗺 Map</a>		<a href="/Map" style="display: flex; align-items: center; padding: 0 18px; height: 100%; color: rgba(252, 231, 200, 0.8); font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; text-decoration: none; border-right: 1px solid rgba(252, 231, 200, 0.1); transition: all 0.3s ease; background: transparent;" onmouseover="this.style.background='rgba(252, 231, 200, 0.1)'; this.style.color='#fce7c8';" onmouseout="this.style.background='transparent'; this.style.color='rgba(252, 231, 200, 0.8)';">🗺 Map</a>
	</nav>		</nav>

Operator at 14:58, 2 June 2025

2025-06-02T14:58:50Z

@@ Line 3: / Line 3: @@
     FIXED VERSION - Addresses all positioning issues
     ======================================== */
 /* util: "Fabricator Basics" → "fabricator-basics" */

Operator at 14:38, 2 June 2025

2025-06-02T14:38:52Z

Show changes

Operator at 07:50, 2 June 2025

2025-06-02T07:50:03Z

← Older revision		Revision as of 03:50, 2 June 2025
Line 742:		Line 742:
	// From URL hash if not found		// From URL hash if not found
	if (!journeyId && window.location.hash) {		if (!journeyId && window.location.hash) {
	var ~~match~~ = window.location.hash.~~match~~(/#~~journey-([\w-]+)/~~);		var hash = window.location.hash.replace('#', '');
	~~if (match) {~~
	~~var key = match[1];~~		// Check if it's numeric
	// If numeric~~, use directly~~		if (/^\d+$/.test(hash)) {
	if (/^\d+$/.test(~~key~~)) {		journeyId = hash;
	journeyId = ~~key;~~		} else {
	~~console.log('Found numeric from URL:', journeyId)~~;		// Find by slug
	} else {		var card = $('.journey-card[data-slug="' + hash + '"]');
	// Find ~~journey~~ by slug		if (card.length > 0) {
	~~for (const grp in self.journeyData) {~~		journeyId = card.data('journey-id');
	var ~~found~~ = ~~self~~.~~journeyData~~[~~grp~~]~~.find(j => makeSlug(j.name) === key~~);		journeyTitle = card.find('.journey-name').text();
	if (~~found~~) {		}
	journeyId = ~~found~~.id;		}
	journeyTitle = ~~found~~.name;		}
	~~console~~.~~log~~(~~'Found by slug from URL:', journeyId, journeyTitle~~);
	~~break;~~
	}
	}
	}
	}
	}

	if (!journeyId) {		if (!journeyId) {
Line 968:		Line 961:
	// From URL hash		// From URL hash
	if (!journeyId && window.location.hash) {		if (!journeyId && window.location.hash) {
	var ~~match~~ = window.location.hash.~~match~~(/#~~journey-([\w-]+)/~~);		var hash = window.location.hash.replace('#', '');
	~~if (match) {~~
	~~var key = match[1];~~		// Check if it's numeric
	// If numeric~~, use directly~~		if (/^\d+$/.test(hash)) {
	if (/^\d+$/.test(~~key~~)) {		journeyId = hash;
	journeyId = ~~key;~~		} else {
	~~console.log('Found numeric from URL:', journeyId)~~;		// Find by slug
	} else {		var card = $('.journey-card[data-slug="' + hash + '"]');
	// Find ~~journey~~ by slug		if (card.length > 0) {
	~~for (const grp in self.journeyData) {~~		journeyId = card.data('journey-id');
	var ~~found~~ = ~~self~~.~~journeyData~~[~~grp~~]~~.find(j => makeSlug(j.name) === key~~);		journeyTitle = card.find('.journey-name').text();
	if (~~found~~) {		}
	journeyId = ~~found~~.id;		}
	journeyTitle = ~~found~~.name;		}
	~~console~~.~~log~~(~~'Found by slug from URL:', journeyId, journeyTitle~~);
	~~break;~~
	}
	}
	}
	}
	}

	if (!journeyId) {		if (!journeyId) {

Operator at 07:47, 2 June 2025

2025-06-02T07:47:29Z

← Older revision		Revision as of 03:47, 2 June 2025
Line 626:		Line 626:

	// Update URL hash using slug		// Update URL hash using slug
	var ~~journeyName~~ = $('.journey-card~~.active .~~journey-~~title~~').~~text~~(~~) \|\|~~ '~~Journey~~ ' ~~+ journeyId~~;		// Use clean slug from data attribute
	~~var~~ slug = ~~makeSlug~~(~~journeyName~~);		var card = $('.journey-card[data-journey-id="' + journeyId + '"]');
	window.location.hash = 'journey-' + slug;		var slug = card.attr('data-slug');
			if (slug) {
			window.location.hash = slug;
			console.log('[JourneySystem] Updated URL to slug:', slug);
			} else if (journeyId) {
			window.location.hash = 'journey-' + journeyId;
			console.log('[JourneySystem] No slug found, using ID:', journeyId);
			}
	}		}
	},		},
Line 1,141:		Line 1,148:
	// Check URL hash on load		// Check URL hash on load
	checkUrlHash: function() {		checkUrlHash: function() {
	const m = window.location.hash.match(/#journey-([\~~w-]~~+)/);		const hash = window.location.hash.replace('#', '');
	if (!m) ~~return;~~		if (!hash) return;

	~~const key = m~~[1]; ~~// slug or number~~		console.log('[JourneySystem] Checking URL hash:', hash);
	~~let journey = null~~;
			// First check if it's a numeric ID (with or without prefix)
	// ~~1 ▼ treat as numeric id first~~		var journeyMatch = hash.match(/^journey-(\d+)$/);
	if (/^\d+$/.test(~~key~~)) {		if (journeyMatch) {
	~~journey =~~ this.~~findJourneyById~~(~~key~~);		this.loadJourneyDetails(journeyMatch[1]);
	}		return;
			}
	// ~~2 ▼ fall back to~~ slug ~~lookup~~
	if (!journey) {		// Check if it's just a number
	~~for~~ (~~const grp in this~~.~~journeyData~~) {		if (/^\d+$/.test(hash)) {
	~~journey~~ = ~~this~~.~~journeyData[grp].find~~(~~j => makeSlug(j.name) === key~~);		this.loadJourneyDetails(hash);
	if (journey) ~~break~~;		return;
	}		}
	}
			// Otherwise, treat as slug - find journey card with matching data-slug
	~~if (journey) { this~~.~~loadJourneyDetails~~(journey~~.id~~); }		var card = $('.journey-card[data-slug="' + hash + '"]');
	},		if (card.length > 0) {
			var journeyId = card.data('journey-id');
			console.log('[JourneySystem] Found journey by slug:', hash, 'ID:', journeyId);
			this.loadJourneyDetails(journeyId);
			} else {
			console.log('[JourneySystem] No journey found for slug:', hash);
			}
			},

	// Placeholder for save progress functionality		// Placeholder for save progress functionality

Operator at 07:19, 2 June 2025

2025-06-02T07:19:08Z

← Older revision		Revision as of 03:19, 2 June 2025
Line 626:		Line 626:

	// Update URL hash using slug		// Update URL hash using slug
	var ~~journeyTitle~~ = ~~self~~.~~currentActiveJourney ? self~~.~~currentActiveJourney~~.~~name :~~ '';		var journeyName = $('.journey-card.active .journey-title').text() \|\| 'Journey ' + journeyId;
	~~const~~ slug = makeSlug(~~journeyTitle \|\| ('journey-' + journeyId)~~);		var slug = makeSlug(journeyName);
	window.location.hash = 'journey-' + slug;		window.location.hash = 'journey-' + slug;
	}		}
	},		},

Operator at 06:43, 2 June 2025

2025-06-02T06:43:57Z

Show changes