base.view.php 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
  7. <title>Mundus Crassus</title>
  8. <link href="css/style.css" rel="stylesheet">
  9. </head>
  10. <noscript>
  11. <p>This website requires JavaScript. Activate JavaScript in your browser.</p>
  12. </noscript>
  13. <body tabIndex=0>
  14. <header>
  15. <nav class="navbar navbar-expand-md">
  16. <div style="display:flex; align-items: center;">
  17. <a style="text-decoration:none;" href="/">
  18. <div>
  19. <img class="navbar-logo" src="images/mundus_logo.png" alt="logo">
  20. </div>
  21. </a>
  22. <a style="text-decoration:none;" href="/">
  23. <span class="navbar-title">Mundus Crassus</span>
  24. </a>
  25. </div>
  26. <input type="checkbox" id="check">
  27. <img class="menu-icon" src="images/menu_icon.png" alt="menu_icon" onclick="document.getElementById('check').checked = !document.getElementById('check').checked;">
  28. <ul class="navbar-nav">
  29. <?php foreach($navData as $name => $data) : ?>
  30. <?php if($data["show"]) : ?>
  31. <?php if($data["dropdown"] != "") : ?>
  32. <li class="nav-item dropdown nav-list-item" tabindex="0">
  33. <div class="nav-link-container">
  34. <div>
  35. <p class="nav-link"><?= $data["name"] ?></p>
  36. </div>
  37. <div class="dropdown-helper">
  38. <p>+</p>
  39. </div>
  40. </div>
  41. <ul class="dropdown-menu">
  42. <?php foreach(${$data["dropdown"]} as $subname => $subdata) : ?>
  43. <li class="nav-list-item"><a class="dropdown-item" href='<?= $subname ?>'><img src="<?= $subdata["icon"] ?>">&nbsp;<?= $subdata["name"] ?></a></li>
  44. <?php endforeach; ?>
  45. </ul>
  46. </li>
  47. <?php else: ?>
  48. <li class="nav-item nav-list-item">
  49. <a class="nav-link" href='<?= $name ?>'><?= $data["name"] ?></a>
  50. </li>
  51. <?php endif; ?>
  52. <?php endif; ?>
  53. <?php endforeach; ?>
  54. </ul>
  55. </nav>
  56. </header>
  57. <main role="main">
  58. <script src="js/main.js"></script>
  59. </main>
  60. <footer>
  61. <div class="footer-bar">
  62. <p>
  63. Made by Marvin &middot;
  64. <a href="contact">Contact</a> &middot;
  65. <a href="policy">Privacy Policy</a>
  66. </p>
  67. </div>
  68. </footer>
  69. </body>
  70. </html>