SAE_2.02/CodeIgniter-3.1.13/application/views/layout/header_not_logged_dark.php

50 lines
2.3 KiB
PHP

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?=link_tag('assets/css/header_not_logged_dark')?>
<?=link_tag('assets/img/Logo_ONZEUR.png')?>
<?=link_tag('assets/css/footer_dark.css')?>
</head>
<header class="header">
<div class="header-content">
<div class="logo">
<a href="<?php echo site_url('home'); ?>">
<?=img('assets/img/Logo_ONZEUR_DARK.png');?>
</a>
</div>
<nav class="nav">
<div class="nav-buttons">
<form action="<?php echo site_url('search'); ?>" method="get" class="search-form">
<input type="text" name="query" placeholder="Recherche...">
<button type="submit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="15px" height="15px">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.94-5-5.75-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.81 2.56 5.28 5.34 5.75a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
</svg>
</button>
</form>
<a href="<?php echo site_url('albums'); ?>" class="btn-albums">Albums</a>
<a href="<?php echo site_url('artiste/list_artists'); ?>" class="btn-artistes">Artistes</a>
<a href="<?php echo site_url('musiques'); ?>" class="btn-musiques">Musiques</a>
<a href="#CONNEXIONBIENTOT" class="btn-connexion">Connexion</a>
<a href="<?php echo site_url('utilisateur/inscription'); ?>" class="btn-inscription">Inscription</a>
</div>
</nav>
<div class="menu-toggle">
<span></span>
<span></span>
<span></span>
</div>
</div>
</header>
<script>
document.querySelector('.menu-toggle').addEventListener('click', function() {
document.querySelector('.nav-buttons').classList.toggle('active');
});
</script>
</html>