76 lines
2.3 KiB
HTML
76 lines
2.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Bulma Dashboard</title>
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-checkradio@2.1/dist/css/bulma-checkradio.min.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<!-- Navigation Bar -->
|
||
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||
|
|
<div class="navbar-brand">
|
||
|
|
<a class="navbar-item" href="/">
|
||
|
|
<!-- Your logo or app name -->
|
||
|
|
<img src="logo.svg" alt="App Logo">
|
||
|
|
</a>
|
||
|
|
<!-- Burger menu for mobile -->
|
||
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mainNavbar">
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="mainNavbar" class="navbar-menu">
|
||
|
|
<div class="navbar-start">
|
||
|
|
<a class="navbar-item" href="/tickets">Tickets</a>
|
||
|
|
<a class="navbar-item" href="/projects">Projects</a>
|
||
|
|
<a class="navbar-item" href="/knowledge">Knowledge Base</a>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-end">
|
||
|
|
<div class="navbar-item">
|
||
|
|
<div class="buttons">
|
||
|
|
<a class="button is-primary">Log in</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<!-- Main Content Area -->
|
||
|
|
<main class="section" id="page">
|
||
|
|
<div class="container">
|
||
|
|
<!-- Fat-Free Framework content injection -->
|
||
|
|
@content
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<footer class="footer">
|
||
|
|
<div class="content has-text-centered">
|
||
|
|
<p>© <?php echo date('Y'); ?> Terry Probert</p>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<!-- JavaScript for Bulma navbar burger (mobile) -->
|
||
|
|
<script>
|
||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
const burgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||
|
|
if (burgers.length > 0) {
|
||
|
|
burgers.forEach(el => {
|
||
|
|
el.addEventListener('click', () => {
|
||
|
|
const target = document.getElementById(el.dataset.target);
|
||
|
|
el.classList.toggle('is-active');
|
||
|
|
target.classList.toggle('is-active');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|