Races: Difference between revisions

← Older edit

Latest revision as of 02:43, 27 August 2026

Back to Main Page

Human

Empire

Franconia

Tzardom

Corsaria

Mamluk

Nihon

Norsgard

Elves

High Elf

Wood Elf

Dark Elf

Dwarves

Dwarf

Zardeshi

Greenskins

Orcs

Goblins

Monsterous

Ogre

Beastmen

Afflictions

Warriors of Chaos

Vampires

@@ Line 1: / Line 1: @@
-== [[File:Order Icon.png|60px]] Order ==
+__NOTOC__
+{{Button|text=Back to Main Page|link=Main Page}}
+{{#description2:Explore the playable races of Irontide, a text-based PvP/RP server inspired by Warhammer Fantasy in Conan Exiles. Forge your character’s story through roleplay, combat, and alliances.)}}
+==Human ==
 <br>
+<div class="race-page human">
-<div class="race-page order">
 <div class="race-grid">
-<!-- ■■■ Race 1 ■■■ -->
+<!-- ■■■ Empire ■■■ -->
-<div class="race-card" id="race-card-1">
+<div class="clickbox race-card human" aria-label="Empire" data-target="/index.php/Empire">
+<div class="race-title">Empire</div>
+</div>
-  <div class="race-title">Order</div>
+<!-- ■■■ Franconia ■■■ -->
+<div class="clickbox race-card bretonnia" aria-label="Franconia" data-target="/index.php/Franconia">
+<div class="race-title">Franconia</div>
+</div>
-  <div class="race-image">
+<!-- ■■■ Kislev ■■■ -->
-[[File:Order Icon.png|alt=Order|class=race-image]]
+<div class="clickbox race-card kislev" aria-label="Tzardom" data-target="/index.php/Tzardom">
-  </div>
+<div class="race-title">Tzardom</div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
-<!-- ■■■ Race 2 ■■■ -->
+<!-- ■■■ Sartosa ■■■ -->
-<div class="race-card" id="race-card-2">
+<div class="clickbox race-card pirates" aria-label="Corsaria" data-target="/index.php/Corsaria">
+<div class="race-title">Corsaria</div>
+</div>
-  <div class="race-title">Chaos</div>
+<!-- ■■■ Araby ■■■ -->
+<div class="clickbox race-card araby" aria-label="Mamluk" data-target="/index.php/Mamluk">
+<div class="race-title">Mamluk</div>
+</div>
-  <div class="race-image">
+<!-- ■■■ Cathay ■■■ -->
-[[File:Warhammer Chaos Symbols.png|alt=Forces of Chaos|class=race-image]]
+<div class="clickbox race-card cathay" aria-label="Nihon" data-target="/index.php/Nihon">
-  </div>
+<div class="race-title">Nihon</div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
-<!-- ■■■ Race 3 ■■■ -->
+<!-- ■■■ Norsca ■■■ -->
-<div class="race-card" id="race-card-3">
+<div class="clickbox race-card norsca" aria-label="Norsgard" data-target="/index.php/Norsgard">
+<div class="race-title">Norsgard</div>
-  <div class="race-title">Destruction</div>
-  <div class="race-image">
-[[File:Destruction icon.png|alt=Forces of Destruction|class=race-image]]
-  </div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
@@ Line 41: / Line 45: @@
 </div>
-== [[File:Warhammer Chaos Symbols.png|60px]] Chaos ==
+== Elves ==
 <br>
-<div class="race-page chaos">
+<div class="race-page elves">
 <div class="race-grid">
-<!-- ■■■ Race 1 ■■■ -->
+<!-- ■■■ Asur (High Elves) ■■■ -->
-<div class="race-card" id="race-card-1">
+<div class="clickbox race-card high-elves" aria-label="High Elf" data-target="/index.php/High Elf">
+<div class="race-title">High Elf</div>
+</div>
-  <div class="race-title">Order</div>
+<!-- ■■■ Asrai (Wood Elves) ■■■ -->
+<div class="clickbox race-card wood-elves" aria-label="Wood Elf" data-target="/index.php/Wood Elf">
+<div class="race-title">Wood Elf</div>
+</div>
-  <div class="race-image">
+<!-- ■■■ Druchii (Dark Elves) ■■■ -->
-[[File:Order Icon.png|alt=Order|class=race-image]]
+<div class="clickbox race-card druchii" aria-label="Dark Elf" data-target="/index.php/Dark Elf">
-  </div>
+<div class="race-title">Dark Elf</div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
-<!-- ■■■ Race 2 ■■■ -->
+</div>
-<div class="race-card" id="race-card-2">
+</div>
-  <div class="race-title">Chaos</div>
+== Dwarves ==
+<br>
+<div class="race-bg"></div>
+<div class="race-page dwarves">
+<div class="race-grid">
-  <div class="race-image">
+<!-- ■■■ Dwarfs ■■■ -->
-[[File:Warhammer Chaos Symbols.png|alt=Forces of Chaos|class=race-image]]
+<div class="clickbox race-card dwarf" aria-label="Dwarves" data-target="/index.php/Dwarf">
-  </div>
+<div class="race-title">Dwarf</div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
-<!-- ■■■ Race 3 ■■■ -->
+<!-- ■■■ Chaos Dwarfs ■■■ -->
-<div class="race-card" id="race-card-3">
+<div class="clickbox race-card chaos-dwarfs" aria-label=" Zardesh" data-target="/index.php/Zardesh">
+<div class="race-title">Zardeshi</div>
-  <div class="race-title">Destruction</div>
-  <div class="race-image">
-[[File:Destruction icon.png|alt=Forces of Destruction|class=race-image]]
-  </div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
@@ Line 82: / Line 87: @@
 </div>
-== [[File:Destruction icon.png|60px]] Destruction ==
+== Greenskins ==
 <br>
-<div class="race-page destruction">
+<div class="race-page greenskins">
 <div class="race-grid">
-<!-- ■■■ Race 1 ■■■ -->
+<!-- ■■■ Orcs ■■■ -->
-<div class="race-card" id="race-card-1">
+<div class="clickbox race-card greenskins" aria-label="Orcs" data-target="/index.php/Orcs">
+<div class="race-title">Orcs</div>
+</div>
-  <div class="race-title">Order</div>
+<!-- ■■■ Goblins ■■■ -->
+<div class="clickbox race-card goblins" aria-label="Goblins" data-target="/index.php/Goblins">
+<div class="race-title">Goblins</div>
+</div>
-  <div class="race-image">
+</div>
-[[File:Order Icon.png|alt=Order|class=race-image]]
-  </div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
-<!-- ■■■ Race 2 ■■■ -->
+== Monsterous ==
-<div class="race-card" id="race-card-2">
+<br>
+<div class="race-page monsterous">
+<div class="race-grid">
-  <div class="race-title">Chaos</div>
+<!-- ■■■ Ogre ■■■ -->
+<div class="clickbox race-card ogre" aria-label="Ogre" data-target="/index.php/Ogre">
+<div class="race-title">Ogre</div>
+</div>
-  <div class="race-image">
+<!-- ■■■ Beastmen ■■■ -->
-[[File:Warhammer Chaos Symbols.png|alt=Forces of Chaos|class=race-image]]
+<div class="clickbox race-card beastmen" aria-label="Beastmen" data-target="/index.php/Beastmen">
-  </div>
+<div class="race-title">Beastmen</div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
-<!-- ■■■ Race 3 ■■■ -->
+</div>
-<div class="race-card" id="race-card-3">
+</div>
-  <div class="race-title">Destruction</div>
+== Afflictions ==
+<br>
+<div class="race-page afflictions">
+<div class="race-grid">
+<!-- ■■■ Warriors of Chaos ■■■ -->
+<div class="clickbox race-card warriorsofchaos" aria-label="Warriors of Chaos" data-target="/index.php/Chaos">
+<div class="race-title">Warriors of Chaos</div>
+</div>
-  <div class="race-image">
+<!-- ■■■ Vampire ■■■ -->
-[[File:Destruction icon.png|alt=Forces of Destruction|class=race-image]]
+<div class="clickbox race-card vampire" aria-label="Vampire" data-target="/index.php/Vampire">
-  </div>
+<div class="race-title">Vampires</div>
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 </div>
 </div>
 </div>