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
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<!DOCTYPE html>
$(document).ready(function () {
<html lang="en">
   // === Add Madness Theme Class ===
   <head>
   document.body.classList.add('madness-theme');
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Madness Descent Wiki</title>
    <link href="style.css" rel="stylesheet" type="text/css" media="all">
    <link href="https://fonts.googleapis.com/css2?family=Special+Elite&family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet">
   </head>
  <body>
    <div class="container">
      <!-- Sidebar -->
      <nav class="sidebar">
        <div class="logo">
          <img src="/madness_descent_logo.png" alt="Madness Descent Logo">
        </div>
        <h2>Navigation</h2>
        <ul class="nav-links">
          <li><a href="/monsters.html">Monsters</a></li>
          <li><a href="#">Items</a></li>
          <li><a href="#">Lore</a></li>
          <li><a href="#">Credits</a></li>
        </ul>
        <h2>Community</h2>
        <ul class="community-links">
          <li><a href="https://discord.gg/GTBAKgCrez" target="_blank">Discord Server</a></li>
          <li><a href="#">Credits</a></li>
        </ul>
      </nav>


      <!-- Main Content -->
  // === Tools Panel Toggle ===
      <main class="main-content">
  const toolsPanel = document.querySelector('#vector-page-tools');
        <div class="header-bar">
  if (toolsPanel) {
          <div class="tabs">
    toolsPanel.classList.add('collapsed');
            <a href="#" class="active">Main Page</a>
            <a href="#">Discussion</a>
            <a href="#">History</a>
          </div>
        </div>


        <div class="hero-section">
    const toggleBtn = document.createElement('div');
          <h1>Madness Descent Wiki</h1>
    toggleBtn.id = 'page-tools-toggle';
          <p>Welcome to the official Madness Descent Wiki!</p>
    toggleBtn.innerText = '☰ Tools';
          <p>Madness Descent is an asymmetrical Roblox game inspired by Pillar Chase 2.</p>
    document.body.appendChild(toggleBtn);
        </div>


        <section class="navigation">
    toggleBtn.addEventListener('click', () => {
          <table>
      toolsPanel.classList.toggle('collapsed');
            <thead>
    });
              <tr>
  }
                <th>Explore</th>
 
              </tr>
  // === Apply Theme to Special Pages ===
            </thead>
  $('.mw-editform, .mw-changeslist, .mw-page-info, .oo-ui-fieldLayout, .mw-specialpages-body').css({
            <tbody>
    'background-color': '#1f1410',
              <tr>
    'border': '2px solid #ff2c2c',
                <td><a href="/monsters.html" class="table-link">Monsters</a></td>
    'padding': '20px',
              </tr>
    'border-radius': '8px',
            </tbody>
    'box-shadow': '0 0 10px #ff0000'
          </table>
  });
        </section>
 
      </main>
  $('textarea, input, select').css({
     </div>
    'background-color': '#2b1b15',
   </body>
    'color': '#fff',
</html>
     'border': '1px solid #ff3b3b'
   });
});

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.