67 lines
2.9 KiB
PHP
Executable File
67 lines
2.9 KiB
PHP
Executable File
<?php
|
|
$current = basename($_SERVER['SCRIPT_NAME']);
|
|
$menu_items = [
|
|
'index.php' => ['Home', 'logo.png'],
|
|
'alchemyIngredientPage.php' => ['Alchemy', 'alchemy.png'],
|
|
'blacksmithing.php' => ['Blacksmithing', 'blacksmithing.png'],
|
|
'engineering.php' => ['Engineering', 'engineering.png'],
|
|
'jewelcrafting.php' => ['Jewelcrafting', 'jewelcrafting.png'],
|
|
'leatherworking.php' => ['Leatherworking', 'leatherworking.png'],
|
|
'tailoring.php' => ['Tailoring', 'tailoring.png'],
|
|
];
|
|
?>
|
|
|
|
<header class="site-header">
|
|
<button id="sidebar-toggle" class="toggle-btn" aria-label="Toggle Sidebar">
|
|
☰
|
|
</button>
|
|
<nav class="navbar" aria-label="Profession Navigation">
|
|
<ul class="navbar__list">
|
|
<?php foreach ($menu_items as $file => $info): ?>
|
|
<?php
|
|
$is_active = ($current === $file) ? ' navbar__link--active' : '';
|
|
?>
|
|
<li class="navbar__item">
|
|
<a href="<?= $file ?>" class="navbar__link<?= $is_active ?>">
|
|
<img src="img/<?= $info[1] ?>" alt="<?= $info[0] ?>" class="navbar__icon">
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
<!--<li class="navbar__item">
|
|
<a href="index.php" class="navbar__link">
|
|
<img src="img/logo.png" alt="Company Name Home" class="navbar__icon">
|
|
</a>
|
|
</li>
|
|
<li class="navbar__item">
|
|
<a href="alchemyIngredientPage.php" class="navbar__link">
|
|
<img src="img/alchemy.png" alt="Alchemy" class="navbar__icon">
|
|
</a>
|
|
</li>
|
|
<li class="navbar__item">
|
|
<a href="" class="navbar__link">
|
|
<img src="img/blacksmithing.png" alt="Blacksmithing" class="navbar__icon">
|
|
</a>
|
|
</li>
|
|
<li class="navbar__item">
|
|
<a href="" class="navbar__link">
|
|
<img src="img/engineering.png" alt="Engineering" class="navbar__icon">
|
|
</a>
|
|
</li>
|
|
<li class="navbar__item">
|
|
<a href="" class="navbar__link">
|
|
<img src="img/jewelcrafting.png" alt="Jewelcrafting" class="navbar__icon">
|
|
</a>
|
|
</li>
|
|
<li class="navbar__item">
|
|
<a href="" class="navbar__link">
|
|
<img src="img/leatherworking.png" alt="Leatherworking" class="navbar__icon">
|
|
</a>
|
|
</li>
|
|
<li class="navbar__item">
|
|
<a href="" class="navbar__link">
|
|
<img src="img/tailoring.png" alt="Tailoring" class="navbar__icon">
|
|
</a>
|
|
</li> -->
|
|
</ul>
|
|
</nav>
|
|
</header>
|