User:RJackson/vector.js

From Team Fortress Wiki
< User:RJackson
Revision as of 15:38, 3 October 2020 by RJackson (talk | contribs) (dark mood)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
const logo = document.querySelector('.mw-wiki-logo');
logo.style.transform = 'rotate(' + Math.random() * 360 + 'deg)';

// Im a profeional developer so i must make sure there is no flash of unrotated content
logo.setAttribute('angleshaha', true);

$( function () {
	var darkMode = false;
  var $dark_mode_link = $('<li id="pt-darkmode-link"><a href="#">Toggle dark mode</a></li>');
  
  $( '#pt-logout' ).after($dark_mode_link);

	$dark_mode_link.find( 'a' ).on( 'click', function ( e ) {
		e.preventDefault();
		darkMode = !darkMode;

		$( document.documentElement ).toggleClass( 'client-dark-mode', darkMode );
		$( e.target ).text( darkMode ? 'Turn on the lights' : 'Turn off the lights' );
	} );
} );