scrapping agendadulibre

frontend/src/app/app.html

@@ -15,8 +15,22 @@
   <div class="content">
 
     <header>
-    <h1>OEDB</h1>
-      <button class="login">login OSM</button>
+    
+      
+      <nav>
+        <a routerLink="/"><h1>
+          <img src="/static/oedb.png" alt="OEDB" style="width: 20px; height: 20px;">
+          OEDB
+        </h1>
+      </a>
+        <!-- <button class="login">login OSM</button> -->
+
+        <a routerLink="/agenda">agenda</a>
+        <a routerLink="/unlocated-events">événements non localisés</a>
+        <a routerLink="/nouvelles-categories">nouvelles catégories</a>
+        <a href="/demo/stats">stats</a>
+        <a href="https://source.cipherbliss.com/tykayn/oedb-backend">sources</a>
+      </nav>
     </header>
     <main>
     <router-outlet/>

frontend/src/app/pages/home/menu/menu.html

@@ -1,16 +1,19 @@
 <menu>
   OpenEventDatabase
+  <nav>
+
+  
   <a routerLink="/agenda">agenda</a>
   <a routerLink="/unlocated-events">événements non localisés</a>
   <a href="/demo/stats">stats</a>
   <a href="https://source.cipherbliss.com/tykayn/oedb-backend">sources</a>
-
-  (editor)
+</nav>
+  
   <div id="editor_form">
-    <div id="search_input">
+   <!-- <div id="search_input">
       <input type="text" value="" placeholder="Rechercher une catégorie d'évènement">
     </div>
-    <!-- <div id="what_categories">
+     <div id="what_categories">
       @for (oedbc of oedb_what_categories; track $index) {
         <div class="category">
           <div class="emoji">
@@ -24,13 +27,13 @@
         </div>
       }
     </div> -->
-
+  <!--
     <hr>
     (bouton de template pour ne pas remplir le formulaire)
     <hr>
 
     (reste optionnel du formulaire)
-  <!--   <label for="where">Nom</label>
+   <label for="where">Nom</label>
     <input type="text" name="name">
 
     <label for="where">Description</label>
@@ -57,7 +60,7 @@
 
   </div>
 
-  <div id="found_list">
+  <!-- <div id="found_list">
     <h2>données</h2>
     (liste des éléments trouvés)
     <ul>
@@ -87,6 +90,6 @@
     <br>
     points de l'utilisateur:
     12 points.
-  </div>
+  </div> -->
 
 </menu>

frontend/src/app/pages/home/menu/menu.scss

@@ -1,5 +1,17 @@
 :host {
   display: block;
+  nav{
+    a {
+      padding: 10px;
+      border-radius: 10px;
+      border: 1px solid rgba(0,0,0,0.08);
+      display: block;
+      margin-bottom: 10px;
+      &:hover{
+        background-color: #f0f0f0;
+      }
+    }
+  }
 }
 
 #what_categories {

frontend/src/styles.scss

@@ -163,4 +163,24 @@ pre{
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+}  
+nav{
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  padding: 10px;
+  a {
+    padding: 10px;
+    border-radius: 10px;
+    border: 1px solid rgba(0,0,0,0.08);
+    display: inline-block;
+    margin-bottom: 10px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    &:hover{
+      background-color: #f0f0f0;
+    }
+  }
 }