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