MediaWiki:Common.js - Revision history

Arzachel at 08:13, 27 November 2025

2025-11-27T08:13:45Z

← Older revision		Revision as of 08:13, 27 November 2025
Line 19:		Line 19:
	format: 'json'		format: 'json'
	}).done(function (data) {		}).done(function (data) {
	// ~~FIX:~~ MediaWiki stores wikitext under ['*']		// MediaWiki stores wikitext under ['*']
	textbox.value = data.parse.wikitext['*'];		textbox.value = data.parse.wikitext['*'];
	});		});
Line 26:		Line 26:
	});		});

	//~~aesthetic~~		// ==========================
			// Aesthetic – Psychedelic 70s frame (with saved state)
			// ==========================
	/* Psychedelic 70s frame – dark mode + white text */		/* Psychedelic 70s frame – dark mode + white text */
	mw.loader.using('jquery', function () {		mw.loader.using('jquery', function () {
	var body = document.body;		var body = document.body;
			var STORAGE_KEY = 'psy70-frame-state'; // 'on' or 'off'

	// Turn on the theme		// Turn on the theme base class
	body.classList.add('psy70');		body.classList.add('psy70');

			// Restore saved on/off state from localStorage (default: ON)
			var storedState = null;
			try {
			storedState = window.localStorage.getItem(STORAGE_KEY);
			} catch (e) {
			// localStorage not available (privacy mode, etc.) – ignore
			}

			if (storedState === 'off') {
			body.classList.add('psy70-off');
			}

	// Grain overlay element		// Grain overlay element
Line 105:		Line 120:
	$btn.on('click', function () {		$btn.on('click', function () {
	body.classList.toggle('psy70-off');		body.classList.toggle('psy70-off');

			// Save new state
			try {
			if (body.classList.contains('psy70-off')) {
			window.localStorage.setItem(STORAGE_KEY, 'off');
			} else {
			window.localStorage.setItem(STORAGE_KEY, 'on');
			}
			} catch (e) {
			// Ignore if localStorage fails
			}

	updateButton();		updateButton();
	});		});

Arzachel at 06:30, 26 November 2025

2025-11-26T06:30:35Z

← Older revision		Revision as of 06:30, 26 November 2025
Line 27:		Line 27:

	//aesthetic		//aesthetic
			/* Psychedelic 70s frame – dark mode + white text */
	/* 70s ~~Prog / Psych dynamic background~~
	* Drop into MediaWiki:Common.js
	*/
	mw.loader.using('jquery', function () {		mw.loader.using('jquery', function () {
	var body = document.body;		var body = document.body;

	// Turn it on		// Turn on the theme
	body.classList.add('~~prog70s-bg~~');		body.classList.add('psy70');

	// ~~Add grain~~ overlay element		// Grain overlay element
	var grain = document.createElement('div');		var grain = document.createElement('div');
	grain.id = '~~prog70s~~-grain';		grain.id = 'psy70-grain';
	body.appendChild(grain);		body.appendChild(grain);

	// ~~Palettes inspired by~~ 70s prog/psych vibes		// Color palettes with 70s prog/psych vibes
	var palettes = [		var palettes = [
	{		{
	~~// Warm orange / magenta – generic psych poster~~
	name: 'Sunburst',		name: 'Sunburst',
	a: '#ff9a00',		a: '#ff9a00',
Line 53:		Line 49:
	},		},
	{		{
	~~// Earth tones + cyan – more pastoral prog~~
	name: 'Pastoral',		name: 'Pastoral',
	a: '#ffb347',		a: '#ffb347',
Line 61:		Line 56:
	},		},
	{		{
	~~// Deep cosmic – darker late-night vibe~~
	name: 'Cosmic',		name: 'Cosmic',
	a: '#ff4b1f',		a: '#ff4b1f',
Line 69:		Line 63:
	},		},
	{		{
	~~// Acid lime & hot pink – more aggressive psych~~
	name: 'Acid',		name: 'Acid',
	a: '#fdfc47',		a: '#fdfc47',
Line 80:		Line 73:
	function applyPalette(p) {		function applyPalette(p) {
	var root = document.documentElement;		var root = document.documentElement;
	root.style.setProperty('--~~prog70s~~-color-a', p.a);		root.style.setProperty('--psy70-color-a', p.a);
	root.style.setProperty('--~~prog70s~~-color-b', p.b);		root.style.setProperty('--psy70-color-b', p.b);
	root.style.setProperty('--~~prog70s~~-color-c', p.c);		root.style.setProperty('--psy70-color-c', p.c);
	root.style.setProperty('--~~prog70s~~-color-d', p.d);		root.style.setProperty('--psy70-color-d', p.d);
	}		}

Line 94:		Line 87:
	index = (index + 1) % palettes.length;		index = (index + 1) % palettes.length;
	applyPalette(palettes[index]);		applyPalette(palettes[index]);
	}, 70000); // ~~70s~~ seconds per ~~change, obviously~~		}, 70000); // ~70 seconds per switch

	// Toggle button		// Toggle button
	var $btn = $('<button>', {		var $btn = $('<button>', {
	id: '~~prog70s~~-toggle',		id: 'psy70-toggle',
	text: '~~Prog 70s~~: On'		text: 'Psy Frame: On'
	});		});

	function updateButton() {		function updateButton() {
	if (body.classList.contains('~~prog70s~~-off')) {		if (body.classList.contains('psy70-off')) {
	$btn.text('~~Prog 70s~~: Off');		$btn.text('Psy Frame: Off');
	} else {		} else {
	$btn.text('~~Prog 70s~~: On');		$btn.text('Psy Frame: On');
	}		}
	}		}

	$btn.on('click', function () {		$btn.on('click', function () {
	body.classList.toggle('~~prog70s~~-off');		body.classList.toggle('psy70-off');
	updateButton();		updateButton();
	});		});

Arzachel at 06:20, 26 November 2025

2025-11-26T06:20:23Z

Show changes

Arzachel at 06:20, 26 November 2025

2025-11-26T06:20:02Z

Show changes

Arzachel at 06:17, 26 November 2025

2025-11-26T06:17:59Z

← Older revision		Revision as of 06:17, 26 November 2025
Line 27:		Line 27:

	//aesthetic		//aesthetic
	~~/* Psychedelic prog-rock background controller~~
	* Uses CSS variables on :root to swap color palettes.
	*/
	~~mw.loader.using('jquery', function () {~~
	~~// Enable the psychedelic layout on every page.~~
	~~document.body.classList.add('psychedelic-wiki');~~

	~~var palettes = [~~
	{
	~~// Warm prism / Dark Side of the Moon–ish~~
	~~name: 'Dark Side',~~
	~~c1: '#ff7a18',~~
	~~c2: '#af002d',~~
	~~c3: '#00e6ff',~~
	~~c4: '#7cff6b',~~
	~~grid: 'rgba(255, 255, 255, 0.06)'~~
	},
	{
	~~// Hawkwind / Space Ritual neon~~
	~~name: 'Space Ritual',~~
	~~c1: '#ff008c',~~
	~~c2: '#ffcd00',~~
	~~c3: '#4af2c5',~~
	~~c4: '#7b5cff',~~
	~~grid: 'rgba(255, 255, 255, 0.05)'~~
	},
	{
	~~// Lava lamp oranges & blues~~
	~~name: 'Lava Lamp',~~
	~~c1: '#ff5f6d',~~
	~~c2: '#ffc371',~~
	~~c3: '#36d1dc',~~
	~~c4: '#5b86e5',~~
	~~grid: 'rgba(255, 255, 255, 0.04)'~~
	},
	{
	~~// Foresty / pastoral prog~~
	~~name: 'Forest Prog',~~
	~~c1: '#00c9ff',~~
	~~c2: '#92fe9d',~~
	~~c3: '#f5af19',~~
	~~c4: '#f12711',~~
	~~grid: 'rgba(255, 255, 255, 0.05)'~~
	}
	];

	~~function applyPalette(palette) {~~
	~~var root = document.documentElement;~~
	~~root.style.setProperty('--psy-color-1', palette.c1);~~
	~~root.style.setProperty('--psy-color-2', palette.c2);~~
	~~root.style.setProperty('--psy-color-3', palette.c3);~~
	~~root.style.setProperty('--psy-color-4', palette.c4);~~
	~~root.style.setProperty('--psy-grid-color', palette.grid);~~
	}

	~~// Start on a random palette~~
	~~var currentIndex = Math.floor(Math.random() * palettes.length);~~
	~~applyPalette(palettes[currentIndex]);~~

	~~// Slowly cycle palettes (75 seconds per change)~~
	~~window.setInterval(function () {~~
	~~currentIndex = (currentIndex + 1) % palettes.length;~~
	~~applyPalette(palettes[currentIndex]);~~
	~~}, 75000);~~

	~~// Optional: toggle button to turn background on/off~~
	~~var $btn = $('<button>', {~~
	~~id: 'psy-bg-toggle',~~
	~~text: 'Psychedelic ↑'~~
	~~});~~

	~~function updateButtonLabel() {~~
	~~if (document.body.classList.contains('psychedelic-wiki-off')) {~~
	~~$btn.text('Psychedelic ↓');~~
	~~} else {~~
	~~$btn.text('Psychedelic ↑');~~
	}
	}

	~~$btn.on('click', function () {~~
	~~document.body.classList.toggle('psychedelic-wiki-off');~~
	~~updateButtonLabel();~~
	~~});~~

	~~$('body').append($btn);~~
	~~updateButtonLabel();~~
	~~});~~

Arzachel at 06:16, 26 November 2025

2025-11-26T06:16:37Z

← Older revision		Revision as of 06:16, 26 November 2025
Line 27:		Line 27:

	//aesthetic		//aesthetic
			/* Psychedelic prog-rock background controller
			* Uses CSS variables on :root to swap color palettes.
			*/
			mw.loader.using('jquery', function () {
			// Enable the psychedelic layout on every page.
			document.body.classList.add('psychedelic-wiki');

			var palettes = [
			{
			// Warm prism / Dark Side of the Moon–ish
			name: 'Dark Side',
			c1: '#ff7a18',
			c2: '#af002d',
			c3: '#00e6ff',
			c4: '#7cff6b',
			grid: 'rgba(255, 255, 255, 0.06)'
			},
			{
			// Hawkwind / Space Ritual neon
			name: 'Space Ritual',
			c1: '#ff008c',
			c2: '#ffcd00',
			c3: '#4af2c5',
			c4: '#7b5cff',
			grid: 'rgba(255, 255, 255, 0.05)'
			},
			{
			// Lava lamp oranges & blues
			name: 'Lava Lamp',
			c1: '#ff5f6d',
			c2: '#ffc371',
			c3: '#36d1dc',
			c4: '#5b86e5',
			grid: 'rgba(255, 255, 255, 0.04)'
			},
			{
			// Foresty / pastoral prog
			name: 'Forest Prog',
			c1: '#00c9ff',
			c2: '#92fe9d',
			c3: '#f5af19',
			c4: '#f12711',
			grid: 'rgba(255, 255, 255, 0.05)'
			}
			];

			function applyPalette(palette) {
			var root = document.documentElement;
			root.style.setProperty('--psy-color-1', palette.c1);
			root.style.setProperty('--psy-color-2', palette.c2);
			root.style.setProperty('--psy-color-3', palette.c3);
			root.style.setProperty('--psy-color-4', palette.c4);
			root.style.setProperty('--psy-grid-color', palette.grid);
			}

			// Start on a random palette
			var currentIndex = Math.floor(Math.random() * palettes.length);
			applyPalette(palettes[currentIndex]);

			// Slowly cycle palettes (75 seconds per change)
			window.setInterval(function () {
			currentIndex = (currentIndex + 1) % palettes.length;
			applyPalette(palettes[currentIndex]);
			}, 75000);

			// Optional: toggle button to turn background on/off
			var $btn = $('<button>', {
			id: 'psy-bg-toggle',
			text: 'Psychedelic ↑'
			});

			function updateButtonLabel() {
			if (document.body.classList.contains('psychedelic-wiki-off')) {
			$btn.text('Psychedelic ↓');
			} else {
			$btn.text('Psychedelic ↑');
			}
			}

			$btn.on('click', function () {
			document.body.classList.toggle('psychedelic-wiki-off');
			updateButtonLabel();
			});

			$('body').append($btn);
			updateButtonLabel();
			});

Arzachel at 06:13, 26 November 2025

2025-11-26T06:13:52Z

← Older revision		Revision as of 06:13, 26 November 2025
Line 27:		Line 27:

	//aesthetic		//aesthetic
	~~// Optional dynamic gradient cycling~~
	~~document.addEventListener("DOMContentLoaded", () => {~~
	~~const body = document.body;~~

	~~// Array of trippy gradients~~
	~~const gradients = [~~
	~~"radial-gradient(circle at center, #ff00cc, #3333ff)",~~
	~~"radial-gradient(circle at center, #00ffcc, #cc00ff)",~~
	~~"radial-gradient(circle at center, #ffcc00, #cc00ff)",~~
	~~"radial-gradient(circle at center, #ff0066, #6600ff)"~~
	];

	~~let index = 0;~~

	~~setInterval(() => {~~
	~~index = (index + 1) % gradients.length;~~
	~~body.style.background = gradients[index];~~
	~~}, 20000); // switch every 20s~~
	~~});~~

Arzachel at 06:13, 26 November 2025

2025-11-26T06:13:22Z

← Older revision		Revision as of 06:13, 26 November 2025
Line 27:		Line 27:

	//aesthetic		//aesthetic
	~~function randomColor() {~~		// Optional dynamic gradient cycling
	~~return '#' + Math~~.~~floor~~(~~Math.random~~()*16777215).~~toString(16)~~;		document.addEventListener("DOMContentLoaded", () => {
	}		const body = document.body;

	~~document.addEventListener("DOMContentLoaded", function() {~~		// Array of trippy gradients
	const ~~colors~~ = [~~randomColor~~(), ~~randomColor~~(), ~~randomColor~~(), ~~randomColor~~()];		const gradients = [
	~~document.body.style.background~~ = ~~`linear-gradient~~(~~270deg, $~~{~~colors.join~~(~~', '~~)~~})`~~;		"radial-gradient(circle at center, #ff00cc, #3333ff)",
	~~document.~~body.style.~~backgroundSize~~ = ~~'800% 800%'~~;		"radial-gradient(circle at center, #00ffcc, #cc00ff)",
			"radial-gradient(circle at center, #ffcc00, #cc00ff)",
			"radial-gradient(circle at center, #ff0066, #6600ff)"
			];

			let index = 0;

			setInterval(() => {
			index = (index + 1) % gradients.length;
			body.style.background = gradients[index];
			}, 20000); // switch every 20s
	});		});

Arzachel at 06:03, 26 November 2025

2025-11-26T06:03:31Z

@@ Line 24: / Line 24: @@
+         }
+     }
 });

Jferrigan at 04:55, 26 November 2025

2025-11-26T04:55:29Z

← Older revision		Revision as of 04:55, 26 November 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

	// Auto-preload template for Shared_Experiences new story form		// Auto-preload template for Shared_Experiences new story form
	mw.hook('wikipage.content').add(function () {		mw.hook('wikipage.content').add(function () {
	// Only run on ~~the~~ new-section ~~edit screen~~		// Only run on new-section add
	if (mw.config.get('wgPageName') === 'Shared_Experiences' &&		if (
			mw.config.get('wgPageName') === 'Shared_Experiences' &&
	mw.config.get('wgAction') === 'edit' &&		mw.config.get('wgAction') === 'edit' &&
	new URLSearchParams(window.location.search).get('section') === 'new') {		new URLSearchParams(window.location.search).get('section') === 'new'
			) {
			var textbox = document.getElementById('wpTextbox1');

	~~var~~ textbox ~~= document.getElementById('wpTextbox1');~~		// Only insert if the textbox is empty
	if (textbox && textbox.value.trim() === '') {		if (textbox && textbox.value.trim() === '') {
	~~// Load the preload content~~
	new mw.Api().get({		new mw.Api().get({
	action: 'parse',		action: 'parse',
Line 16:		Line 19:
	format: 'json'		format: 'json'
	}).done(function (data) {		}).done(function (data) {
	textbox.value = data.parse.wikitext;		// FIX: MediaWiki stores wikitext under ['*']
			textbox.value = data.parse.wikitext['*'];
	});		});
	}		}
	}		}
	});		});