{WIP} Bulma => Knacss

This commit is contained in:
Damien Broqua 2022-02-18 08:14:34 +01:00
parent b1aaeaaef8
commit 2a35e452d7
6 changed files with 400 additions and 40 deletions

View file

@ -51,26 +51,26 @@
});
</script>
</head>
<body class="has-navbar-fixed-top">
<nav class="navbar is-fixed-top is-light" role="navigation" aria-label="main navigation">
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src="/logo.png" alt="Logo">
<h1 class="title ml-2">My Music Library</h1>
<span>My Music Library</span>
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div id="navbar" class="navbar-menu">
<% if ( user ) { %>
<div class="navbar-start">
<div class="navbar-item">
<p class="control">
<div class="buttons">
<a class="button is-link" href="/ajouter-un-album">
<span class="icon">
<i class="fa-solid fa-plus"></i>
@ -79,14 +79,14 @@
Ajouter un album
</span>
</a>
</p>
</div>
</div>
</div>
<% } %>
<div class="navbar-end">
<% if ( user ) { %>
<div class="navbar-item has-dropdown is-hoverable">
<div class="navbar-item has-dropdown">
<a class="navbar-link">
<span class="icon">
<i class="fa-solid fa-user"></i>
@ -120,13 +120,12 @@
</div>
</nav>
<div id="toastr" class="notification is-danger">
<!-- <div id="toastr" class="notification is-danger">
<button class="delete"></button>
<span></span>
</div>
</div> -->
<main class="mt-4 mb-5">
<!-- <main class="layout-maxed">
<% if ( page.failureFlash || (error && error.length > 0 ) ) {%>
<div class="columns is-mobile">
<div class="
@ -166,16 +165,16 @@
</div>
</div>
<% } %>
</main> -->
<main class="layout-maxed">
<%- include(viewname) %>
</main>
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong title="Merci Brunus ! 😜">My Music Library</strong> par <a href="https://www.darkou.fr">Damien Broqua</a>.
Fait avec ❤ à Bordeaux.
Le code source est sous licence <a href="https://www.gnu.org/licenses/gpl-3.0-standalone.html">GNU GPL-3.0-or-later</a>.
</p>
</div>
<footer class="footer layout-hero">
<p>
<strong title="Merci Brunus ! 😜">My Music Library</strong> par <a href="https://www.darkou.fr">Damien Broqua</a>.
Fait avec ❤ à Bordeaux.
Le code source est sous licence <a href="https://www.gnu.org/licenses/gpl-3.0-standalone.html">GNU GPL-3.0-or-later</a>.
</p>
</footer>
</body>
</html>