|
|
(16 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| <!-- Account Section --> | | <templatestyles src="Template:Content/styles.css" /> |
| <div class="section account">
| | __NOTOC__ |
| <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Account</h1>
| | |
| <div style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
| | <!-- === Account === --> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <h1 style="text-align:center">Account</h1> |
| <div><img src="[[File:Rulesbook.png|link=Rules|alt=Rules]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-row"> |
| <div><a href="[[Rules]]" style="text-decoration:none; font-weight:bold; color:#333;">Rules</a></div>
| | <div class="tile"> |
| </div>
| | <div class="tile-top">[[File:Rulesbook.png|center|link=Rules]]</div> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-bottom">[[Rules]]</div> |
| <div><img src="[[File:donation.png|link=Donating|alt=Donator Perks]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| |
| <div><a href="[[Donating]]" style="text-decoration:none; font-weight:bold; color:#333;">Donator Perks</a></div>
| |
| </div> | |
| <div style="width: 150px; text-align:center; margin: 10px;">
| |
| <div><img src="[[File:voting.png|link=Voting|alt=Voting]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| |
| <div><a href="[[Voting]]" style="text-decoration:none; font-weight:bold; color:#333;">Voting</a></div>
| |
| </div> | |
| <div style="width: 150px; text-align:center; margin: 10px;">
| |
| <div><img src="[[File:ironman.png|link=Game Modes]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| |
| <div><a href="[[Game Modes]]" style="text-decoration:none; font-weight:bold; color:#333;">Game Modes</a></div>
| |
| </div>
| |
| </div> | | </div> |
| | <div class="tile"> |
| | <div class="tile-top">[[File:donation.png|center|link=Donating]]</div> |
| | <div class="tile-bottom">[[Donating|Donator Perks]]</div> |
| | </div> |
| | <div class="tile"> |
| | <div class="tile-top">[[File:voting.png|center|link=Voting|120px]]</div> |
| | <div class="tile-bottom">[[Voting]]</div> |
| | </div> |
| | <!-- <div class="tile"> |
| | <div class="tile-top">[[File:ironman.png|center|link=Game Modes]]</div> |
| | <div class="tile-bottom">[[Game Modes]]</div> |
| | </div> --> |
| </div> | | </div> |
|
| |
|
| <!-- Content Section --> | | <!-- === Content === --> |
| <div class="section content">
| | <h1 style="text-align:center">Content</h1> |
| <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Content</h1>
| | <div class="tile-row"> |
| <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-top">[[File:challenges.png|center|link=Diaries]]</div> |
| <div><img src="[[File:challenges.png|link=Diaries]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Diaries]]</div> |
| <div><a href="[[Diaries]]" style="text-decoration:none; font-weight:bold; color:#333;">Diaries</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:1280px-Sigil_of_garments_detail.png|center|link=Pet Perks]]</div> |
| <div><img src="[[File:Achievements.png|link=Achievements]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Pet Perks]]</div> |
| <div><a href="[[Achievements]]" style="text-decoration:none; font-weight:bold; color:#333;">Achievements</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:Sigil_of_Alchemy.png|center|link=Sigil Drops]]</div> |
| <div><img src="[[File:robot.png|link=Auto-Leveling]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Sigil Drops]]</div> |
| <div><a href="[[Auto-Leveling]]" style="text-decoration:none; font-weight:bold; color:#333;">Auto-Leveling</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:Achievements.png|center|link=Achievements]]</div> |
| <div><img src="[[File:Minigames.png|link=Minigames]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Achievements]]</div> |
| <div><a href="[[Minigames]]" style="text-decoration:none; font-weight:bold; color:#333;">Minigames</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:robot.png|center|link=Auto-Leveling]]</div> |
| <div><img src="[[File:scythe.png|link=Progression]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Auto-Leveling]]</div> |
| <div><a href="[[Progression]]" style="text-decoration:none; font-weight:bold; color:#333;">Progression</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:upgrade.png|center|link=Upgrade Anvil]]</div> |
| <div><img src="[[File:upgrade.png|link=Upgrade Anvil]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Upgrade Anvil]]</div> |
| <div><a href="[[Upgrade Anvil]]" style="text-decoration:none; font-weight:bold; color:#333;">Upgrade Anvil</a></div>
| | </div> |
| </div> | | <div class="tile equipment-stats-tile"> |
| | <div class="tile-top">[[File:Equipment_Stats_button.png|center|link=Equipment Stats]]</div> |
| | <div class="tile-bottom">[[Equipment Stats]]</div> |
| </div> | | </div> |
| </div> | | </div> |
|
| |
|
| <!-- Custom Items Section --> | | <!-- === Custom Items === --> |
| <div class="section custom-items">
| | <h1 style="text-align:center">Custom Items</h1> |
| <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Custom Items</h1>
| | <div class="tile-row"> |
| <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-top">[[File:Delve_Ring.png|center|link=Delanors Ring]]</div> |
| <div><img src="[[File:Delve_Ring.png|link=Delvers Ring]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Delanors Ring]]</div> |
| <div><a href="[[Delvers Ring]]" style="text-decoration:none; font-weight:bold; color:#333;">Delvers Ring</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:Delvers_Bag.png|center|link=Delanors Bag]]</div> |
| <div><img src="[[File:Delvers_Bag.png|link=Delvers Bag]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Delanors Bag]]</div> |
| <div><a href="[[Delvers Bag]]" style="text-decoration:none; font-weight:bold; color:#333;">Delvers Bag</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:Battlepass2.png|center|link=Battlepass]]</div> |
| <div><img src="[[File:Battlepass2.png|link=Battlepass]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Battlepass]]</div> |
| <div><a href="[[Battlepass]]" style="text-decoration:none; font-weight:bold; color:#333;">Battlepass</a></div>
| |
| </div>
| |
| </div> | | </div> |
| </div> | | </div> |
|
| |
|
| <!-- Slayer Section --> | | <!-- === Slayer === --> |
| <div class="section slayer">
| | <h1 style="text-align:center">Slayer</h1> |
| <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Slayer</h1>
| | <div class="tile-row"> |
| <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-top">[[File:slayer.png|center|link=Slayer|100px]]</div> |
| <div><img src="[[File:slayer.png|link=Slayer]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Slayer]]</div> |
| <div><a href="[[Slayer]]" style="text-decoration:none; font-weight:bold; color:#333;">Slayer</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:Crystal_shard.png|center|link=Crystal slayer]]</div> |
| <div><img src="[[File:Crystal_shard.png|link=Crystal slayer]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Crystal slayer]]</div> |
| <div><a href="[[Crystal Slayer]]" style="text-decoration:none; font-weight:bold; color:#333;">Crystal Slayer</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:Wilderness.png|center|link=Wilderness Slayer]]</div> |
| <div><img src="[[File:Wilderness.png|link=Wilderness Slayer]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Wilderness Slayer]]</div> |
| <div><a href="[[Wilderness Slayer]]" style="text-decoration:none; font-weight:bold; color:#333;">Wilderness Slayer</a></div>
| |
| </div>
| |
| </div> | | </div> |
| </div> | | </div> |
|
| |
|
| <!-- Raids Section --> | | <!-- === Raids and Bosses === --> |
| <div class="section raids">
| | <h1 style="text-align:center">Raids & Bosses</h1> |
| <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Raids</h1>
| | <div class="tile-row"> |
| <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-top">[[File:Tombs of Amascut - fighting Tumeken's Warden.png|center|link=Tombs of Amascut]]</div> |
| <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>
| | <div class="tile-bottom">[[Tombs of Amascut|TOA]]</div> |
| <div><a href="[[Tombs of Amascut|TOA]]" style="text-decoration:none; font-weight:bold; color:#333;">Tombs of Amascut</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:Fighting_Verzik_Vitur.png|center|link=Theatre Of Blood]]</div> |
| <div><img src="[[File:Fighting_Verzik_Vitur.png|link=Theatre_Of_Blood]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Theatre Of Blood|TOB]]</div> |
| <div><a href="[[Theatre of Blood|TOB]]" style="text-decoration:none; font-weight:bold; color:#333;">Theatre of Blood</a></div>
| | </div> |
| </div>
| | <div class="tile"> |
| <div style="width: 150px; text-align:center; margin: 10px;">
| | <div class="tile-top">[[File:Fighting_Tekton.png|center|link=Chambers of Xeric]]</div> |
| <div><img src="[[File:Fighting_Tekton.png|link=Chambers of Xeric]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| | <div class="tile-bottom">[[Chambers of Xeric|COX]]</div> |
| <div><a href="[[Chambers of Xeric|COX]]" style="text-decoration:none; font-weight:bold; color:#333;">Chambers of Xeric</a></div>
| |
| </div>
| |
| </div> | | </div> |
| </div> | | <div class="tile"> |
| | | <div class="tile-top">[[File:Barrelchest.png|center|link=Barrelchest]]</div> |
| <!-- Bosses Section -->
| | <div class="tile-bottom">[[Barrelchest]]</div> |
| <div class="section bosses">
| |
| <h1 class="section-title" style="text-align:center; font-size: 1.5em;">Bosses</h1>
| |
| <div style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
| |
| <div style="width: 150px; text-align:center; margin: 10px;"> | |
| <div><img src="[[File:Barrelchest.png|link=Barrelchest]]" style="width: 80px; height: 80px; object-fit: contain;"></div>
| |
| <div><a href="[[Barrelchest]]" style="text-decoration:none; font-weight:bold; color:#333;">Barrelchest</a></div>
| |
| </div>
| |
| </div> | | </div> |
| </div> | | </div> |