Races: Difference between revisions

← Older edit

Latest revision as of 19:01, 29 November 2025

Human

Empire

Bretonnia

Kislev

Sartosa

Araby

Cathay

Norsca

Elves

Asur

Asrai

Druchii

Dwarfs

Chaos Dwarfs

Greenskins

Orcs

Goblins

Monsterous

Ogre

Beastmen

Affictions

Warriors of Chaos

Vampires

@@ Line 1: / Line 1: @@
-== [[File:Order Icon.png|60px]] Order ==
+__NOTOC__
+==Human ==
 <br>
+<div class="race-page human">
-<div class="race-page order">
 <div class="race-grid">
-<!-- ■■■ Dwarf ■■■ -->
+<!-- ■■■ Empire ■■■ -->
-<div class="race-card" id="race-card">
+<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">Dwarves</div>
+<!-- ■■■ Bretonnia ■■■ -->
+<div class="clickbox race-card bretonnia" aria-label="Bretonnia" data-target="/index.php/Bretonnia">
-  <div class="race-image">
+<div class="race-title">Bretonnia</div>
-[[File:Dwarfart.jpg|alt=Dwarves|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>
-<!-- ■■■ Elves ■■■ -->
+<!-- ■■■ Kislev ■■■ -->
-<div class="race-card" id="race-card">
+<div class="clickbox race-card kislev" aria-label="Kislev" data-target="/index.php/Kislev">
+<div class="race-title">Kislev</div>
-  <div class="race-title">Elves</div>
-  <div class="race-image">
-[[File:Elfart.jpg|alt=Elvess|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>
-<!-- ■■■ Empire ■■■ -->
+<!-- ■■■ Sartosa ■■■ -->
-<div class="race-card" id="race-card">
+<div class="clickbox race-card pirates" aria-label="Sartosa" data-target="/index.php/Sartosa">
+<div class="race-title">Sartosa</div>
-  <div class="race-title">Empire</div>
-  <div class="race-image">
-[[File:Empreart.jpg|alt=Humans|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>
 <!-- ■■■ Araby ■■■ -->
-<div class="race-card" id="race-card">
+<div class="clickbox race-card araby" aria-label="Araby" data-target="/index.php/Araby">
+<div class="race-title">Araby</div>
+</div>
-  <div class="race-title">Araby</div>
+<!-- ■■■ Cathay ■■■ -->
+<div class="clickbox race-card cathay" aria-label="Cathay" data-target="/index.php/Cathay">
+<div class="race-title">Cathay</div>
+</div>
-  <div class="race-image">
+<!-- ■■■ Norsca ■■■ -->
-[[File:Arabyart.jpg|alt=Humans|class=race-image]]
+<div class="clickbox race-card norsca" aria-label="Norsca" data-target="/index.php/Norsca">
-  </div>
+<div class="race-title">Norsca</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 52: / 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">
+<div class="clickbox race-card high-elves" aria-label="Asur" data-target="/index.php/Asur">
+<div class="race-title">Asur</div>
+</div>
-  <div class="race-title">Order</div>
+<!-- ■■■ Asrai (Wood Elves) ■■■ -->
+<div class="clickbox race-card wood-elves" aria-label="Asrai" data-target="/index.php/Asrai">
+<div class="race-title">Asrai</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="Druchii" data-target="/index.php/Druchii">
-  </div>
+<div class="race-title">Druchii</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">
+</div>
-  <div class="race-title">Chaos</div>
+== Dwarfs ==
+<br>
+<div class="race-page dwarfs">
+<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="Dwarfs" data-target="/index.php/Dwarfs">
-  </div>
+<div class="race-title">Dwarfs</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">
+<div class="clickbox race-card chaos-dwarfs" aria-label=" Chaos Dwarfs" data-target="/index.php/Chaos_Dwarfs">
+<div class="race-title">Chaos Dwarfs</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 93: / Line 88: @@
 </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">
+<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">
+<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">
+</div>
-  <div class="race-title">Destruction</div>
+== Affictions ==
+<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>