Upgrade interface do MMPSearch

pages/projetosPorTrack.md

@@ -0,0 +1,57 @@
+---
+layout: default
+title: Projetos por tipo de track
+permalink: /projetosPorTrack/
+---
+
+<meta charset="utf-8">
+<main class="main-content">  
+  <div class="publication">
+
+    <div class="container">
+        <br>
+        <div class="tabs is-centered is-boxed is-medium mb-6">
+            {% include sidebar.html %}
+        </div>
+
+        <div class="columns">
+            <div class="column is-8 is-offset-2">
+                <div class="box has-text-centered has-background-white-ter">
+                    <h2 class="title is-4 mb-5">Navegar por Categorias</h2>
+
+                    <a href="{{ '/instruments/' | relative_url }}" class="button is-link is-outlined is-medium mb-5">
+                        <span class="icon"><i class="fa-solid fa-guitar"></i></span>
+                        <span>BUSCAR POR INSTRUMENTO</span>
+                    </a>
+
+                    <div class="divider"></div>
+
+                    <a href="{{ '/pattern/' | relative_url }}" class="button is-link is-outlined is-medium mb-5">
+                        <span class="icon"><i class="fa-solid fa-guitar"></i></span>
+                        <span>BUSCAR POR DESENHO DE PATTERN</span>
+                    </a>
+
+                    <div class="divider">OU POR TIPO DE TRACK</div>
+
+                    <div class="tags is-centered are-medium mt-4">
+                        {% assign tags_exibidas = "" %}
+                        {% for item in site.data.all %}
+                            {% for tag in item.tags.TAG %}
+                                {% unless tags_exibidas contains tag %}
+                                    {% capture tags_exibidas %}{{ tags_exibidas }},{{ tag }}{% endcapture %}
+
+                                    <a href="../{{ tag | downcase | replace: ' ', '-' }}" class="tag is-white project-card"
+                                       style="border: 1px solid #cfe8fc; color: #205081; padding: 1.5rem 1rem;">
+                                       {{ tag | upcase }}
+                                    </a>
+                                {% endunless %}
+                            {% endfor %}
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+  </div>
+</main>