Upgrade interface do MMPSearch

_includes/sidebar.html

@@ -1,14 +1,27 @@
-<link rel="stylesheet" href="{{ 'assets/css/sidebar.css' | relative_url }}">
-
-<div class="subheader">
-  <div class="submenu">
-    <a href="{{ site.baseurl }}">🏠 Home</a>
-    <a href="{{ site.baseurl }}quantasVezesAparecemInstrumentos">🔁 Repetições</a>
-    <a href="{{ site.baseurl }}projetosPorTrack/">📁 Projetos por tipo de track</a>
-    <a href="{{ site.baseurl }}beatsDisponiveis/">🎧 Beats Disponíveis</a>
-    <a href="{{ site.baseurl }}mmp_pages/">🎼 Projetos</a>
-    <a href="{{ site.baseurl }}">🔎 Buscas</a>´
-    <a href="{{ site.baseurl }}creation.html">🧠 Crie seu projeto</a>
-    <a href="{{ site.baseurl }}about/">ℹ️ Sobre</a>
-  </div>
-</div>
+<ul>
+  <li>
+    <a href="{{ '/mmp_pages/' | relative_url }}"
+      ><span class="icon is-small"><i class="fa-solid fa-folder-open"></i></span
+      ><span>Projetos Disponíveis</span></a
+    >
+  </li>
+  <li class="is-active">
+    <a href="{{ '/projetosPorTrack/' | relative_url }}"
+      ><span class="icon is-small"
+        ><i class="fa-solid fa-magnifying-glass"></i></span
+      ><span>Buscas</span></a
+    >
+  </li>
+  <li>
+    <a href="{{ '/beats/' | relative_url }}"
+      ><span class="icon is-small"><i class="fa-solid fa-headphones"></i></span
+      ><span>Beats</span></a
+    >
+  </li>
+  <li>
+    <a href="{{ '/creation/' | relative_url }}" class="has-text-primary"
+      ><span class="icon is-small"><i class="fa-solid fa-plus-circle"></i></span
+      ><span>Crie seu projeto</span></a
+    >
+  </li>
+</ul>