Template:Content: Difference between revisions

From Delanor Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
<!-- Account Section -->
<!-- Account Section -->
<div class="section account">
<div class="section account">
   <h1 class="section-title">Account</h1>
   <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Account</h1>
   <div class="tile-container">
   <div style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Rulesbook.png|link=Rules|alt=Rules]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Rulesbook.png|link=Rules|alt=Rules]]" alt="Rules">
       <div><a href="[[Rules]]" style="text-decoration:none; font-weight:bold; color:#333;">Rules</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Rules]]" class="tile-link">Rules</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:donation.png|link=Donating|alt=Donator Perks]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:donation.png|link=Donating|alt=Donator Perks]]" alt="Donator Perks">
       <div><a href="[[Donating]]" style="text-decoration:none; font-weight:bold; color:#333;">Donator Perks</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Donating]]" class="tile-link">Donator Perks</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:voting.png|link=Voting|alt=Voting]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:voting.png|link=Voting|alt=Voting]]" alt="Voting">
       <div><a href="[[Voting]]" style="text-decoration:none; font-weight:bold; color:#333;">Voting</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Voting]]" class="tile-link">Voting</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:ironman.png|link=Game Modes]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:ironman.png|link=Game Modes]]" alt="Game Modes">
       <div><a href="[[Game Modes]]" style="text-decoration:none; font-weight:bold; color:#333;">Game Modes</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Game Modes]]" class="tile-link">Game Modes</a>
      </div>
     </div>
     </div>
   </div>
   </div>
Line 40: Line 24:
<!-- Content Section -->
<!-- Content Section -->
<div class="section content">
<div class="section content">
   <h1 class="section-title">Content</h1>
   <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Content</h1>
   <div class="tile-container">
   <div style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:challenges.png|link=Diaries]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:challenges.png|link=Diaries]]" alt="Diaries">
       <div><a href="[[Diaries]]" style="text-decoration:none; font-weight:bold; color:#333;">Diaries</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Diaries]]" class="tile-link">Diaries</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Achievements.png|link=Achievements]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Achievements.png|link=Achievements]]" alt="Achievements">
       <div><a href="[[Achievements]]" style="text-decoration:none; font-weight:bold; color:#333;">Achievements</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Achievements]]" class="tile-link">Achievements</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:robot.png|link=Auto-Leveling]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:robot.png|link=Auto-Leveling]]" alt="Auto-Leveling">
       <div><a href="[[Auto-Leveling]]" style="text-decoration:none; font-weight:bold; color:#333;">Auto-Leveling</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Auto-Leveling]]" class="tile-link">Auto-Leveling</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Minigames.png|link=Minigames]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Minigames.png|link=Minigames]]" alt="Minigames">
       <div><a href="[[Minigames]]" style="text-decoration:none; font-weight:bold; color:#333;">Minigames</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Minigames]]" class="tile-link">Minigames</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:scythe.png|link=Progression]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:scythe.png|link=Progression]]" alt="Progression">
       <div><a href="[[Progression]]" style="text-decoration:none; font-weight:bold; color:#333;">Progression</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Progression]]" class="tile-link">Progression</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:upgrade.png|link=Upgrade Anvil]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:upgrade.png|link=Upgrade Anvil]]" alt="Upgrade Anvil">
       <div><a href="[[Upgrade Anvil]]" style="text-decoration:none; font-weight:bold; color:#333;">Upgrade Anvil</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Upgrade Anvil]]" class="tile-link">Upgrade Anvil</a>
      </div>
     </div>
     </div>
   </div>
   </div>
Line 95: Line 55:
<!-- Custom Items Section -->
<!-- Custom Items Section -->
<div class="section custom-items">
<div class="section custom-items">
   <h1 class="section-title">Custom Items</h1>
   <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Custom Items</h1>
   <div class="tile-container">
   <div style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Delve_Ring.png|link=Delvers Ring]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Delve_Ring.png|link=Delvers Ring]]" alt="Delvers Ring">
       <div><a href="[[Delvers Ring]]" style="text-decoration:none; font-weight:bold; color:#333;">Delvers Ring</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Delvers Ring]]" class="tile-link">Delvers Ring</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Delvers_Bag.png|link=Delvers Bag]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Delvers_Bag.png|link=Delvers Bag]]" alt="Delvers Bag">
       <div><a href="[[Delvers Bag]]" style="text-decoration:none; font-weight:bold; color:#333;">Delvers Bag</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Delvers Bag]]" class="tile-link">Delvers Bag</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Battlepass2.png|link=Battlepass]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Battlepass2.png|link=Battlepass]]" alt="Battlepass">
       <div><a href="[[Battlepass]]" style="text-decoration:none; font-weight:bold; color:#333;">Battlepass</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Battlepass]]" class="tile-link">Battlepass</a>
      </div>
     </div>
     </div>
   </div>
   </div>
Line 126: Line 74:
<!-- Slayer Section -->
<!-- Slayer Section -->
<div class="section slayer">
<div class="section slayer">
   <h1 class="section-title">Slayer</h1>
   <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Slayer</h1>
   <div class="tile-container">
   <div style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:slayer.png|link=Slayer]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:slayer.png|link=Slayer]]" alt="Slayer">
       <div><a href="[[Slayer]]" style="text-decoration:none; font-weight:bold; color:#333;">Slayer</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Slayer]]" class="tile-link">Slayer</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Crystal_shard.png|link=Crystal slayer]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Crystal_shard.png|link=Crystal slayer]]" alt="Crystal Slayer">
       <div><a href="[[Crystal Slayer]]" style="text-decoration:none; font-weight:bold; color:#333;">Crystal Slayer</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Crystal Slayer]]" class="tile-link">Crystal Slayer</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Wilderness.png|link=Wilderness Slayer]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Wilderness.png|link=Wilderness Slayer]]" alt="Wilderness Slayer">
       <div><a href="[[Wilderness Slayer]]" style="text-decoration:none; font-weight:bold; color:#333;">Wilderness Slayer</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Wilderness Slayer]]" class="tile-link">Wilderness Slayer</a>
      </div>
     </div>
     </div>
   </div>
   </div>
Line 157: Line 93:
<!-- Raids Section -->
<!-- Raids Section -->
<div class="section raids">
<div class="section raids">
   <h1 class="section-title">Raids</h1>
   <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Raids</h1>
   <div class="tile-container">
   <div style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Tombs of Amascut - fighting Tumeken's Warden.png|link=Tombs of Amascut]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Tombs of Amascut - fighting Tumeken's Warden.png|link=Tombs of Amascut]]" alt="Tombs of Amascut">
       <div><a href="[[Tombs of Amascut|TOA]]" style="text-decoration:none; font-weight:bold; color:#333;">Tombs of Amascut</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Tombs of Amascut|TOA]]" class="tile-link">Tombs of Amascut</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Fighting_Verzik_Vitur.png|link=Theatre_Of_Blood]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Fighting_Verzik_Vitur.png|link=Theatre_Of_Blood]]" alt="Theatre of Blood">
       <div><a href="[[Theatre of Blood|TOB]]" style="text-decoration:none; font-weight:bold; color:#333;">Theatre of Blood</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Theatre of Blood|TOB]]" class="tile-link">Theatre of Blood</a>
      </div>
     </div>
     </div>
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Fighting_Tekton.png|link=Chambers of Xeric]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Fighting_Tekton.png|link=Chambers of Xeric]]" alt="Chambers of Xeric">
       <div><a href="[[Chambers of Xeric|COX]]" style="text-decoration:none; font-weight:bold; color:#333;">Chambers of Xeric</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Chambers of Xeric|COX]]" class="tile-link">Chambers of Xeric</a>
      </div>
     </div>
     </div>
   </div>
   </div>
Line 188: Line 112:
<!-- Bosses Section -->
<!-- Bosses Section -->
<div class="section bosses">
<div class="section bosses">
   <h1 class="section-title">Bosses</h1>
   <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Bosses</h1>
   <div class="tile-container">
   <div style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
     <div class="tile">
     <div style="width: 150px; text-align:center; margin: 10px;">
       <div class="tile-image">
       <div><img src="[[File:Barrelchest.png|link=Barrelchest]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
        <img src="[[File:Barrelchest.png|link=Barrelchest]]" alt="Barrelchest">
       <div><a href="[[Barrelchest]]" style="text-decoration:none; font-weight:bold; color:#333;">Barrelchest</a></div>
      </div>
       <div class="tile-content">
        <a href="[[Barrelchest]]" class="tile-link">Barrelchest</a>
      </div>
     </div>
     </div>
   </div>
   </div>
</div>
</div>

Revision as of 21:55, 22 April 2025

Content

<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Diaries" style="text-decoration:none; font-weight:bold; color:#333;">Diaries</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Achievements" style="text-decoration:none; font-weight:bold; color:#333;">Achievements</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Auto-Leveling" style="text-decoration:none; font-weight:bold; color:#333;">Auto-Leveling</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Minigames" style="text-decoration:none; font-weight:bold; color:#333;">Minigames</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Progression" style="text-decoration:none; font-weight:bold; color:#333;">Progression</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Upgrade Anvil" style="text-decoration:none; font-weight:bold; color:#333;">Upgrade Anvil</a>

Custom Items

<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Delvers Ring" style="text-decoration:none; font-weight:bold; color:#333;">Delvers Ring</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Delvers Bag" style="text-decoration:none; font-weight:bold; color:#333;">Delvers Bag</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Battlepass" style="text-decoration:none; font-weight:bold; color:#333;">Battlepass</a>

Slayer

<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Slayer" style="text-decoration:none; font-weight:bold; color:#333;">Slayer</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Crystal Slayer" style="text-decoration:none; font-weight:bold; color:#333;">Crystal Slayer</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Wilderness Slayer" style="text-decoration:none; font-weight:bold; color:#333;">Wilderness Slayer</a>

Raids

<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="TOA" style="text-decoration:none; font-weight:bold; color:#333;">Tombs of Amascut</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="TOB" style="text-decoration:none; font-weight:bold; color:#333;">Theatre of Blood</a>
<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="COX" style="text-decoration:none; font-weight:bold; color:#333;">Chambers of Xeric</a>

Bosses

<img src="" style="width: 80px; height: 80px; object-fit: contain;">
<a href="Barrelchest" style="text-decoration:none; font-weight:bold; color:#333;">Barrelchest</a>