User:TheMcr/monobook.js - Revision history

TheMcr: Blanked the page

2025-04-05T15:17:41Z

Blanked the page

← Older revision		Revision as of 15:17, 5 April 2025
Line 1:		Line 1:
	~~document.addEventListener('DOMContentLoaded', function () {~~
	~~// Handle images~~
	~~var images = document.querySelectorAll('img'); // Select all images on the page~~

	~~images.forEach(function (image) {~~
	~~// On mouse enter (hover)~~
	~~image.addEventListener('mouseenter', function () {~~
	~~image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow~~
	~~image.style.transform = 'scale(1.1) translateY(-50px)'; // Grow and move up by 10px~~
	~~image.style.boxShadow = '0px 10px 50px rgba(0, 0, 0, 0.3)';~~

	~~});~~

	~~// On mouse leave (hover out)~~
	~~image.addEventListener('mouseleave', function () {~~
	~~image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease';~~
	~~image.style.transform = 'scale(1) translateY(0)'; // Reset size and position~~
	~~image.style.boxShadow = 'none'; // Remove the shadow~~

	~~});~~

	~~});~~
	~~var links = document.querySelectorAll('p a'); // Select all <a> links inside <p> elements~~

	~~links.forEach(function (link) {~~
	~~// On mouse enter (hover)~~
	~~link.addEventListener('mouseenter', function () {~~
	~~link.style.transition = 'transform 0.3s ease'; // Smooth transition for scaling~~
	~~link.style.transform = 'scale(1.1)'; // Increase link size by 10%~~
	~~});~~

	~~// On mouse leave (hover out)~~
	~~link.addEventListener('mouseleave', function () {~~
	~~link.style.transform = 'scale(1)'; // Reset to original size~~
	~~link.style.transition = 'transform 0.3s ease'; // Ensure smooth transition back~~
	~~});~~
	~~});~~

	~~});~~

TheMcr at 23:53, 1 April 2025

2025-04-01T23:53:18Z

@@ Line 20: / Line 20: @@
      });
 });
 });

TheMcr at 23:52, 1 April 2025

2025-04-01T23:52:14Z

← Older revision		Revision as of 23:52, 1 April 2025
Line 7:		Line 7:
	image.addEventListener('mouseenter', function () {		image.addEventListener('mouseenter', function () {
	image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow		image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow
	image.style.transform = 'scale(1.1) translateY(-~~10px~~)'; // Grow and move up by 10px		image.style.transform = 'scale(1.1) translateY(-50px)'; // Grow and move up by 10px
	image.style.boxShadow = '0px 10px 50px rgba(0, 0, 0, 0.3)';		image.style.boxShadow = '0px 10px 50px rgba(0, 0, 0, 0.3)';

TheMcr at 23:50, 1 April 2025

2025-04-01T23:50:52Z

← Older revision		Revision as of 23:50, 1 April 2025
Line 8:		Line 8:
	image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow		image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow
	image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px		image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
	image.style.boxShadow = '0px 50px ~~10px~~ rgba(0, 0, 0, 0.3)';		image.style.boxShadow = '0px 10px 50px rgba(0, 0, 0, 0.3)';

	});		});

TheMcr at 23:50, 1 April 2025

2025-04-01T23:50:29Z

← Older revision		Revision as of 23:50, 1 April 2025
Line 8:		Line 8:
	image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow		image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow
	image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px		image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
	image.style.boxShadow = '0px ~~0px 30px~~ rgba(0, 0, 0, 0.3)';		image.style.boxShadow = '0px 50px 10px rgba(0, 0, 0, 0.3)';

	});		});

TheMcr at 23:49, 1 April 2025

2025-04-01T23:49:55Z

← Older revision		Revision as of 23:49, 1 April 2025
Line 8:		Line 8:
	image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow		image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow
	image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px		image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
	image.style.boxShadow = '0px ~~50px 20px~~ rgba(0, 0, 0, 0.3)';		image.style.boxShadow = '0px 0px 30px rgba(0, 0, 0, 0.3)';

	});		});

TheMcr at 23:49, 1 April 2025

2025-04-01T23:49:25Z

← Older revision		Revision as of 23:49, 1 April 2025
Line 8:		Line 8:
	image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow		image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow
	image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px		image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
	image.style.boxShadow = '0px 50px ~~50px~~ rgba(0, 0, 0, 0.3)';		image.style.boxShadow = '0px 50px 20px rgba(0, 0, 0, 0.3)';

	});		});

TheMcr at 23:49, 1 April 2025

2025-04-01T23:49:02Z

← Older revision		Revision as of 23:49, 1 April 2025
Line 8:		Line 8:
	image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow		image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow
	image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px		image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
	image.style.boxShadow = '0px ~~10px 20px~~ rgba(0, 0, 0, 0.3)';		image.style.boxShadow = '0px 50px 50px rgba(0, 0, 0, 0.3)';

	});		});

TheMcr at 23:48, 1 April 2025

2025-04-01T23:48:30Z

← Older revision		Revision as of 23:48, 1 April 2025
Line 9:		Line 9:
	image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px		image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
	image.style.boxShadow = '0px 10px 20px rgba(0, 0, 0, 0.3)';		image.style.boxShadow = '0px 10px 20px rgba(0, 0, 0, 0.3)';
	~~image.style.position = 'relative'; // Ensure z-index works~~
	~~image.style.zIndex = '10'; / Add a subtle shadow~~
	});		});

Line 18:		Line 17:
	image.style.transform = 'scale(1) translateY(0)'; // Reset size and position		image.style.transform = 'scale(1) translateY(0)'; // Reset size and position
	image.style.boxShadow = 'none'; // Remove the shadow		image.style.boxShadow = 'none'; // Remove the shadow
	~~image.style.position = 'relative'; // Ensure z-index works~~
	~~image.style.zIndex = '0';~~
	});		});

	});		});

	});		});

TheMcr at 23:35, 1 April 2025

2025-04-01T23:35:17Z

← Older revision		Revision as of 23:35, 1 April 2025
Line 1:		Line 1:
	document.addEventListener('DOMContentLoaded', function () {		document.addEventListener('DOMContentLoaded', function () {
			// Handle images
	var images = document.querySelectorAll('img'); // Select all images on the page		var images = document.querySelectorAll('img'); // Select all images on the page

	images.forEach(function (image) {		images.forEach(function (image) {
	// On mouse enter (hover)		// On mouse enter (hover)
	image.addEventListener('mouseenter', function () {		image.addEventListener('mouseenter', function () {
	image.style.transition = 'transform 0.3s ease'; // Smooth transition for scaling		image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease'; // Smooth transition for scaling and shadow
	image.style.transform = 'scale(1.25)'; // ~~Increase~~ image ~~size by~~ 10%		image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
	});		image.style.boxShadow = '0px 10px 20px rgba(0, 0, 0, 0.3)';
			image.style.position = 'relative'; // Ensure z-index works
			image.style.zIndex = '10'; / Add a subtle shadow
			});

	// On mouse leave (hover out)		// On mouse leave (hover out)
	image.addEventListener('mouseleave', function () {		image.addEventListener('mouseleave', function () {
	image.style.transform = 'scale(1)'; // Reset ~~to original~~ size		image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease';
	});		image.style.transform = 'scale(1) translateY(0)'; // Reset size and position
			image.style.boxShadow = 'none'; // Remove the shadow
			image.style.position = 'relative'; // Ensure z-index works
			image.style.zIndex = '0';
	});		});
			});

	});		});