Upgrade interface do MMPSearch

wavFiles.md

@@ -1,12 +1,14 @@
 ---
 layout: default
 title: Beats Disponíveis
-permalink: /beatsDisponiveis/
+permalink: /beats/
 ---
 
 <main class="main-content">
   <div class="publication">
-    {% include sidebar.html %}
+    <div class="tabs is-centered is-boxed is-medium mb-6">
+      {% include sidebar.html %}
+    </div>
     <div class="container">
       <br>
       <h2 class="title is-4 mb-5"><code>🎧 Lista de Beats 🎧</code></h2>
@@ -20,27 +22,27 @@ permalink: /beatsDisponiveis/
           {% if file.path contains '/wav/' %}
             <div class="beat-item box">
               {% assign project_url = "" %}
-              
+
               <!-- Aqui, tentamos encontrar o projeto correspondente com base no nome do arquivo -->
               {% assign file_name_without_extension = file.name | remove: '.wav' %}
               {% for projeto in site.data.all %}
                 {% if projeto.file == file_name_without_extension %}
-                  {% assign project_url = "/mmp_pages/" 
+                  {% assign project_url = "/mmp_pages/"
                                     | append: projeto.file
-                                    | downcase          
-                                    | replace: ' ', '-' 
-                                    | replace: ' ', '-' 
-                                    | replace: 'ç', 'c' 
-                                    | replace: 'ã', 'a' 
+                                    | downcase
+                                    | replace: ' ', '-'
+                                    | replace: ' ', '-'
+                                    | replace: 'ç', 'c'
+                                    | replace: 'ã', 'a'
                                     | replace: 'á', 'a'
                                     | replace: 'â', 'a'
                                     | replace: 'é', 'e'
                                     | replace: 'ê', 'e'
-                                    | replace: 'í', 'i' 
-                                    | replace: 'ó', 'o' 
+                                    | replace: 'í', 'i'
+                                    | replace: 'ó', 'o'
                                     | replace: 'ô', 'o'
                                     | replace: 'õ', 'o'
-                                    | replace: 'ú', 'u' 
+                                    | replace: 'ú', 'u'
                                     | append: ".html" %}
                 {% endif %}
               {% endfor %}
@@ -56,7 +58,7 @@ permalink: /beatsDisponiveis/
                   {{ file.name | replace: '.wav', '' }}
                 {% endif %}
               </p>
-              
+
               <audio class="audio-player" controls>
                 <source src="{{ file.path | relative_url }}" type="audio/wav">
                 Seu navegador não suporta o elemento de áudio.
@@ -66,6 +68,7 @@ permalink: /beatsDisponiveis/
         {% endfor %}
       </div>
     </div>
+
   </div>
 </main>