83 lines
3.3 KiB
PHP
83 lines
3.3 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?= $title ?? 'Dix heures' ?></title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="<?= base_url('assets/style.css') ?>">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar is-fixed-top">
|
|
<div class="container">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="#">
|
|
<img src="<?= base_url('assets/logo.png') ?>" alt="Logo">
|
|
</a>
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarBasicExample" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
<a class="navbar-item" href="<?= site_url('albums') ?>">Albums</a>
|
|
<a class="navbar-item" href="<?= site_url('artistes') ?>">Artistes</a>
|
|
<a class="navbar-item" href="<?= site_url('music') ?>">Musiques</a>
|
|
<?php if (isset($is_logged_in) && $is_logged_in): ?>
|
|
<a class="navbar-item" href="<?= site_url('playlist') ?>">Playlists</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div class="navbar-end">
|
|
<div class="navbar-item">
|
|
<?php if (isset($is_logged_in) && $is_logged_in): ?>
|
|
<a class="button is-light" href="<?= site_url('connect/logout') ?>">Déconnexion</a>
|
|
<?php else: ?>
|
|
<a class="button is-light" href="<?= site_url('connect/login') ?>">Connexion</a>
|
|
<a class="button is-signup" href="<?= site_url('connect/create') ?>">Inscription</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<main class="container" style="padding-top: 90px;">
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
|
|
|
if ($navbarBurgers.length > 0) {
|
|
$navbarBurgers.forEach(el => {
|
|
el.addEventListener('click', () => {
|
|
const target = el.dataset.target;
|
|
const $target = document.getElementById(target);
|
|
el.classList.toggle('is-active');
|
|
$target.classList.toggle('is-active');
|
|
|
|
});
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
.button.is-signup {
|
|
background-color: #b02dff;
|
|
border-color: #b02dff;
|
|
color: #fff;
|
|
}
|
|
|
|
.button.is-signup:hover {
|
|
background-color: #9a29e6;
|
|
border-color: #9a29e6;
|
|
}
|
|
|
|
</style>
|
|
</body>
|
|
</html>
|