ready to display members

src/html/members.html

@@ -1,14 +1,10 @@
 <div id="members" style="display: none">
-  <h1 class="page-title">Membres</h1>
+  <div class="page-header">
+    <h1>Membres</h1>
+  </div>
 
   <ldp-display id="profilesList" data-src="http://lucky.alwaysdata.net/api/users/" data-fields="miniature" set-miniature="picture, name" widget-picture="ldp-display-img"></ldp-display>
   
-  <!-- <ldp-display id="profilesList" data-src="https://djangoldp.happy-dev.fr/skippers/" data-fields="miniature, name" set-miniature="picture" widget-picture="ldp-display-img"
-  set-name="name, testmdr" value-testmdr="C'est trés amusant"></ldp-display> -->
-
-  <!-- test direct dans data-fields -->
-  <!-- <ldp-display id="profilesList" data-src="https://djangoldp.happy-dev.fr/skippers/" data-fields="picture, name" widget-picture="ldp-display-img"></ldp-display> -->
-
   <script type="text/javascript">
     document.addEventListener("DOMContentLoaded", function (event) {
       var profilesListElt = document.querySelector('#profilesList');

src/html/menu.html

@@ -1,10 +1,10 @@
-<nav class="navbar navbar-expand-md navbar-dark bg-dark">
-  <div id="menu-title" class="navbar-brand">HAPPY APP</div>
-
+<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
 
+  <div id="menu-title" class="navbar-brand">HAPPY APP</div>
+
   <div class="collapse navbar-collapse" id="navbarSupportedContent">
     <ldp-router class="navbar-nav mr-auto" root="ldp-root" default-route="home">
       <ldp-route class="nav-item active" name="members">Membres</ldp-route>

src/scss/_menu.scss

@@ -6,6 +6,9 @@
   ldp-route:hover {
     text-decoration:  underline;
   }
+  ldp-route[active] {
+    font-weight:  bold;
+  }
 }