Madness Descent (Roblox) Wiki

User:Editingthingsforlife/vector-2022.js: Difference between revisions

← Older edit
Editingthingsforlife (talk | contribs)
Bureaucrats, Interface administrators, Administrators
27 edits
No edit summary
Editingthingsforlife (talk | contribs)
Bureaucrats, Interface administrators, Administrators
27 edits
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
// Eerie JavaScript effects for Descent Wiki
$(document).ready(function () {
  // === Add Madness Theme Class ===
  document.body.classList.add('madness-theme');


$(document).ready(function() {
  // === Tools Panel Toggle ===
    // 1. Background Flicker
  const toolsPanel = document.querySelector('#vector-page-tools');
    const backgroundContainer = $('#mw-content-text');
  if (toolsPanel) {
    if (backgroundContainer.length) {
    toolsPanel.classList.add('collapsed');
        setInterval(function() {
            backgroundContainer.css('opacity', Math.random() * 0.1 + 0.9); // Flicker between 0.9 and 1 opacity
        }, 4000 + Math.random() * 3000); // Flicker every 4-7 seconds
    }


    // 2. Glitchy Hover on Sidebar Links
     const toggleBtn = document.createElement('div');
     const sidebarLinks = $('.vector-menu-portal .vector-menu-content li a');
     toggleBtn.id = 'page-tools-toggle';
     sidebarLinks.each(function() {
    toggleBtn.innerText = '☰ Tools';
        $(this).on('mouseover', function() {
    document.body.appendChild(toggleBtn);
            $(this).css({
 
                'transform': 'translateX(' + (Math.random() * 5 - 2.5) + 'px)', // Random horizontal glitch
    toggleBtn.addEventListener('click', () => {
                'filter': 'brightness(0.7)' // Dim on hover
      toolsPanel.classList.toggle('collapsed');
            });
        }).on('mouseout', function() {
            $(this).css({
                'transform': 'translateX(0)',
                'filter': 'brightness(1)'
            });
        });
     });
     });
  }
  // === Apply Theme to Special Pages ===
  $('.mw-editform, .mw-changeslist, .mw-page-info, .oo-ui-fieldLayout, .mw-specialpages-body').css({
    'background-color': '#1f1410',
    'border': '2px solid #ff2c2c',
    'padding': '20px',
    'border-radius': '8px',
    'box-shadow': '0 0 10px #ff0000'
  });


    // 3. Delayed Fade-In for Welcome Message
  $('textarea, input, select').css({
    const welcomeMessage = $('.mw-parser-output p');
    'background-color': '#2b1b15',
    welcomeMessage.css('opacity', 0); // Start hidden
     'color': '#fff',
     setTimeout(function() {
     'border': '1px solid #ff3b3b'
        welcomeMessage.animate({ opacity: 1 }, 2500); // Fade in over 2.5 seconds
  });
     }, 1500); // Delay by 1.5 seconds
});
});
Retrieved from "https://madnessdescent.wikioasis.org/wiki/User:Editingthingsforlife/vector-2022.js"