mmpSearch/pages/buscas.md

layout	title	permalink
default	MMPSearch - Buscas	/buscas/

<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>

                <a href="{{ '/bpm/' | relative_url }}" class="button is-link is-outlined is-medium mb-5">
                    <span class="icon"><i class="fa-solid fa-heart-pulse"></i></span>
                    <span>BUSCAR POR BPM</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>