82 lines
2.3 KiB
HTML
82 lines
2.3 KiB
HTML
<nav class="side-navigation" aria-label="Game navigation">
|
|
<button
|
|
class="side-navigation__item"
|
|
type="button"
|
|
routerLink="/location"
|
|
routerLinkActive="side-navigation__item--active"
|
|
[routerLinkActiveOptions]="{ exact: true }"
|
|
ariaCurrentWhenActive="page"
|
|
data-navigation="location"
|
|
aria-label="Location"
|
|
>
|
|
<!-- Drawn rather than loaded: no medallion for "Location" has been painted yet.
|
|
Framed to sit alongside the existing icons until one exists. -->
|
|
<img src="/images/hud/runtime/LocationIcon-128.png" alt="" />
|
|
<span>Location</span>
|
|
</button>
|
|
|
|
<button
|
|
class="side-navigation__item"
|
|
type="button"
|
|
routerLink="/world"
|
|
routerLinkActive="side-navigation__item--active"
|
|
[routerLinkActiveOptions]="{ exact: true }"
|
|
ariaCurrentWhenActive="page"
|
|
data-navigation="world"
|
|
aria-label="Map"
|
|
>
|
|
<img src="/images/hud/runtime/MapsIcon-128.png" alt="" />
|
|
<span>Map</span>
|
|
</button>
|
|
|
|
<button
|
|
class="side-navigation__item"
|
|
type="button"
|
|
routerLink="/hunt"
|
|
routerLinkActive="side-navigation__item--active"
|
|
[routerLinkActiveOptions]="{ exact: true }"
|
|
ariaCurrentWhenActive="page"
|
|
data-navigation="hunt"
|
|
aria-label="Hunt"
|
|
>
|
|
<img src="/images/hud/runtime/HuntIcon-128.png" alt="" />
|
|
<span>Hunt</span>
|
|
</button>
|
|
<button
|
|
class="side-navigation__item"
|
|
type="button"
|
|
routerLink="/quests"
|
|
routerLinkActive="side-navigation__item--active"
|
|
[routerLinkActiveOptions]="{ exact: true }"
|
|
ariaCurrentWhenActive="page"
|
|
data-navigation="quests"
|
|
aria-label="Quests"
|
|
>
|
|
<img src="/images/hud/runtime/QuestsIcon-128.png" alt="" />
|
|
<span>Quests</span>
|
|
</button>
|
|
<button
|
|
class="side-navigation__item"
|
|
type="button"
|
|
routerLink="/inventory"
|
|
routerLinkActive="side-navigation__item--active"
|
|
[routerLinkActiveOptions]="{ exact: true }"
|
|
ariaCurrentWhenActive="page"
|
|
data-navigation="inventory"
|
|
aria-label="Inventory"
|
|
>
|
|
<img src="/images/hud/runtime/InventoryIcon-128.png" alt="" />
|
|
<span>Inventory</span>
|
|
</button>
|
|
<button
|
|
class="side-navigation__item"
|
|
type="button"
|
|
data-navigation="character"
|
|
disabled
|
|
aria-label="Character is not yet available"
|
|
>
|
|
<img src="/images/hud/runtime/CharacterIcon-128.png" alt="" />
|
|
<span>Character</span>
|
|
</button>
|
|
</nav>
|