Jump to content

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

From Madness Descent (Roblox) Wiki
Editingthingsforlife (talk | contribs)
No edit summary
Editingthingsforlife (talk | contribs)
No edit summary
 
Line 1: Line 1:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
$(document).ready(function () {
<!DOCTYPE html>
  // === Add Madness Theme Class ===
<html>
  document.body.classList.add('madness-theme');
<head>
 
     <title>WikiOasis</title>
  // === Tools Panel Toggle ===
     <link rel="stylesheet" href="styles.css">
  const toolsPanel = document.querySelector('#vector-page-tools');
</head>
  if (toolsPanel) {
<body>
     toolsPanel.classList.add('collapsed');
     <div class="wiki-container">
 
        <!-- Sidebar Navigation -->
     const toggleBtn = document.createElement('div');
        <div class="sidebar">
     toggleBtn.id = 'page-tools-toggle';
            <h1>Navigation</h1>
    toggleBtn.innerText = '☰ Tools';
            <ul class="nav-menu">
    document.body.appendChild(toggleBtn);
                <li>Game Elements</li>
 
                <li>Creatures</li>
    toggleBtn.addEventListener('click', () => {
                <li>Personas</li>
      toolsPanel.classList.toggle('collapsed');
                <li>Inventory</li>
    });
                <li>World</li>
  }
                <li>Dangers</li>
 
                <li>Special Blocks</li>
  // === Apply Theme to Special Pages ===
                <li>Quests</li>
  $('.mw-editform, .mw-changeslist, .mw-page-info, .oo-ui-fieldLayout, .mw-specialpages-body').css({
                <li>Core Systems</li>
    'background-color': '#1f1410',
                <li>Secrets</li>
    'border': '2px solid #ff2c2c',
                <li>Guides</li>
    'padding': '20px',
                <li>Trophies</li>
    'border-radius': '8px',
                <li>Physics Rules</li>
    'box-shadow': '0 0 10px #ff0000'
                <li>Appearance</li>
  });
            </ul>
 
           
  $('textarea, input, select').css({
            <h2>WikiOasis</h2>
    'background-color': '#2b1b15',
            <ul class="nav-submenu">
    'color': '#fff',
                <li>Community Content</li>
     'border': '1px solid #ff3b3b'
                <li>WikiOasis Music</li>
  });
                <li>Official WikiOasis</li>
});
                <li>Alternative Wiki</li>
                <li>Wiki Community</li>
                <li>Template System</li>
            </ul>
           
            <div class="sidebar-divider"></div>
           
            <div class="page-actions">
                <div>Page Name</div>
                <div>Discussion</div>
            </div>
           
            <div class="sidebar-divider"></div>
           
            <div class="user-info">Visitor</div>
           
            <div class="sidebar-divider"></div>
           
            <div class="admin-actions">
                <div>View source</div>
                <div>History</div>
                <div>Purge</div>
            </div>
        </div>
       
        <!-- Main Content -->
        <div class="main-content">
            <h1>WikiOasis</h1>
            <div class="divider"></div>
           
            <p>Welcome to the official WikiOasis!</p>
           
            <div class="stats">
                <p>750 articles • 45,210 total edits • 3,842 files uploaded</p>
            </div>
        </div>
     </div>
</body>
</html>

Latest revision as of 13:50, 14 May 2025

$(document).ready(function () {
  // === Add Madness Theme Class ===
  document.body.classList.add('madness-theme');

  // === Tools Panel Toggle ===
  const toolsPanel = document.querySelector('#vector-page-tools');
  if (toolsPanel) {
    toolsPanel.classList.add('collapsed');

    const toggleBtn = document.createElement('div');
    toggleBtn.id = 'page-tools-toggle';
    toggleBtn.innerText = '☰ Tools';
    document.body.appendChild(toggleBtn);

    toggleBtn.addEventListener('click', () => {
      toolsPanel.classList.toggle('collapsed');
    });
  }

  // === 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'
  });

  $('textarea, input, select').css({
    'background-color': '#2b1b15',
    'color': '#fff',
    'border': '1px solid #ff3b3b'
  });
});
Cookies help us deliver our services. By using our services, you agree to our use of cookies.