reformula buscas
Deploy / Deploy (push) Successful in 1m48s
Details
Deploy / Deploy (push) Successful in 1m48s
Details
This commit is contained in:
parent
95a7f55cdf
commit
c2b3ec0176
|
|
@ -2,9 +2,9 @@
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ '/projetos/' | relative_url }}">
|
<a href="{{ '/buscas/' | relative_url }}">
|
||||||
<span class="icon is-small"><i class="fa-solid fa-folder-open"></i></span>
|
<span class="icon is-small"><i class="fa-solid fa-magnifying-glass"></i></span>
|
||||||
<span>Projetos</span>
|
<span>Buscas</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
@ -14,18 +14,11 @@
|
||||||
<span>Samples</span>
|
<span>Samples</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ '/beats/' | relative_url }}">
|
<a href="{{ '/projetos/' | relative_url }}">
|
||||||
<span class="icon is-small"><i class="fa-solid fa-headphones"></i></span>
|
<span class="icon is-small"><i class="fa-solid fa-folder-open"></i></span>
|
||||||
<span>Beats</span>
|
<span>Projetos</span>
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="{{ '/buscas/' | relative_url }}">
|
|
||||||
<span class="icon is-small"><i class="fa-solid fa-magnifying-glass"></i></span>
|
|
||||||
<span>Buscas</span>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,104 @@
|
||||||
|
{% include modal_login.html %}
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="{{ '/projetos/' | relative_url }}">
|
||||||
|
<span class="icon is-small"><i class="fa-solid fa-folder-open"></i></span>
|
||||||
|
<span>Projetos</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="{{ '/samples/' | relative_url }}">
|
||||||
|
<span class="icon is-small"><i class="fa-solid fa-music"></i></span>
|
||||||
|
<span>Samples</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="{{ '/buscas/' | relative_url }}">
|
||||||
|
<span class="icon is-small"><i class="fa-solid fa-magnifying-glass"></i></span>
|
||||||
|
<span>Buscas</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="{{ '/creation.html' | relative_url }}" class="has-text-primary">
|
||||||
|
<span class="icon is-small"><i class="fa-solid fa-wand-magic-sparkles"></i></span>
|
||||||
|
<span>Crie seu projeto</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="{{ '/envie_seu_projeto/' | relative_url }}" class="has-text-primary">
|
||||||
|
<span class="icon is-small"><i class="fa-solid fa-cloud-arrow-up"></i></span>
|
||||||
|
<span>Envie seu projeto</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li id="sidebar-btn-login">
|
||||||
|
<a href="#" class="has-text-info js-trigger-login">
|
||||||
|
<span class="icon is-small"><i class="fa-solid fa-right-to-bracket"></i></span>
|
||||||
|
<span>Entrar</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li id="sidebar-btn-logout" class="is-hidden">
|
||||||
|
<a href="#" id="action-sidebar-logout" class="has-text-danger">
|
||||||
|
<span class="icon is-small"><i class="fa-solid fa-right-from-bracket"></i></span>
|
||||||
|
<span>Sair</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', async () => {
|
||||||
|
const loginLi = document.getElementById('sidebar-btn-login');
|
||||||
|
const logoutLi = document.getElementById('sidebar-btn-logout');
|
||||||
|
const logoutAction = document.getElementById('action-sidebar-logout');
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Verifica status no servidor
|
||||||
|
const res = await fetch('/api/check_auth');
|
||||||
|
const data = await res.json();
|
||||||
|
|
||||||
|
if (data.logged_in) {
|
||||||
|
// Se logado: Esconde Login, Mostra Logout
|
||||||
|
if(loginLi) loginLi.classList.add('is-hidden');
|
||||||
|
if(logoutLi) logoutLi.classList.remove('is-hidden');
|
||||||
|
} else {
|
||||||
|
// Se visitante: Mostra Login, Esconde Logout
|
||||||
|
if(loginLi) loginLi.classList.remove('is-hidden');
|
||||||
|
if(logoutLi) logoutLi.classList.add('is-hidden');
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.error("Erro sidebar auth:", e);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Lógica do botão Sair
|
||||||
|
if (logoutAction) {
|
||||||
|
logoutAction.addEventListener('click', async (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
// Adiciona loading visual (opcional)
|
||||||
|
logoutAction.classList.add('is-loading');
|
||||||
|
|
||||||
|
try {
|
||||||
|
await fetch('/api/logout', { method: 'POST' });
|
||||||
|
// Recarrega a página para resetar o estado visual
|
||||||
|
window.location.reload();
|
||||||
|
} catch (error) {
|
||||||
|
alert("Erro ao sair.");
|
||||||
|
logoutAction.classList.remove('is-loading');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -269,6 +269,74 @@ permalink: /projetos/
|
||||||
{% elsif track.instrument_name %}{% assign p_insts_array = p_insts_array | push: track.instrument_name %}{% endif %}
|
{% elsif track.instrument_name %}{% assign p_insts_array = p_insts_array | push: track.instrument_name %}{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
|
{% assign has_patterns_display = false %}
|
||||||
|
{% capture patterns_html_content %}
|
||||||
|
<div class="px-1 py-1">
|
||||||
|
{% for track in page.tracks %}
|
||||||
|
{% if track.instruments %}
|
||||||
|
{% for inst in track.instruments %}
|
||||||
|
{% if inst.patterns %}
|
||||||
|
{% assign current_inst_patterns = "" | split: "," %}
|
||||||
|
{% for pattern in inst.patterns %}
|
||||||
|
{% assign p_steps = pattern.steps %}
|
||||||
|
{% if p_steps and p_steps.size > 0 %}
|
||||||
|
{% assign total_s = p_steps.size %}
|
||||||
|
{% assign n_chunks = total_s | divided_by: 4 %}
|
||||||
|
{% for i in (0..n_chunks) %}
|
||||||
|
{% assign idx = i | times: 4 %}
|
||||||
|
{% assign chunk = p_steps | slice: idx, 4 %}
|
||||||
|
{% if chunk.size > 0 %}
|
||||||
|
{% assign c_str = "" %}
|
||||||
|
{% for s in chunk %}
|
||||||
|
{% if s == true or s == 1 or s == 'true' %}{% assign c_str = c_str | append: "1" %}{% else %}{% assign c_str = c_str | append: "0" %}{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% if c_str != "0000" %}
|
||||||
|
{% unless current_inst_patterns contains c_str %}
|
||||||
|
{% assign current_inst_patterns = current_inst_patterns | push: c_str %}
|
||||||
|
{% endunless %}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
{% if current_inst_patterns.size > 0 %}
|
||||||
|
{% assign has_patterns_display = true %}
|
||||||
|
<div class="pattern-row">
|
||||||
|
<span style="font-weight:600; max-width: 45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
|
||||||
|
{{ inst.instrument_name | truncate: 12 }}
|
||||||
|
</span>
|
||||||
|
<div style="display:flex; gap:2px;">
|
||||||
|
{% for pat in current_inst_patterns %}
|
||||||
|
<div class="pattern-mini-grid" title="Pattern: {{ pat }}">
|
||||||
|
{% assign bits = pat | split: '' %}
|
||||||
|
{% for bit in bits %}
|
||||||
|
<div class="mini-step {% if bit == '1' %}active{% else %}inactive{% endif %}"></div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endcapture %}
|
||||||
|
|
||||||
|
{% if has_patterns_display %}
|
||||||
|
<details class="category-reveal mb-1" style="width: 100%;">
|
||||||
|
<summary class="tag is-white summary-btn">
|
||||||
|
<div class="tag-label"><span>🥁</span> <span class="tag-text">RITMO</span></div>
|
||||||
|
<span class="icon is-small chevron"><i class="fa-solid fa-chevron-down"></i></span>
|
||||||
|
</summary>
|
||||||
|
<div class="mt-1 mb-2 has-text-left" style="background: #fdfdfd; border-radius: 4px; border: 1px solid #f0f0f0;">
|
||||||
|
{{ patterns_html_content }}
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% assign p_patterns_str = project_patterns_flat | join: ',' %}
|
{% assign p_patterns_str = project_patterns_flat | join: ',' %}
|
||||||
{% assign p_instruments_str = p_insts_array | uniq | join: ',' %}
|
{% assign p_instruments_str = p_insts_array | uniq | join: ',' %}
|
||||||
{% assign p_plugins = page.tags.plugin | join: ',' %}
|
{% assign p_plugins = page.tags.plugin | join: ',' %}
|
||||||
|
|
@ -279,7 +347,19 @@ permalink: /projetos/
|
||||||
|
|
||||||
<div class="column is-12-mobile is-6-tablet is-4-desktop is-4-widescreen project-item" data-name="{{ p_name }}" data-title="{{ page.title | escape }}" data-bpm="{{ p_bpm }}" data-plugins="{{ p_plugins }}" data-bassline="{{ p_bassline }}" data-automation="{{ p_automation }}" data-instruments="{{ p_instruments_str }}" data-samples="{{ p_samples }}" data-patterns="{{ p_patterns_str }}">
|
<div class="column is-12-mobile is-6-tablet is-4-desktop is-4-widescreen project-item" data-name="{{ p_name }}" data-title="{{ page.title | escape }}" data-bpm="{{ p_bpm }}" data-plugins="{{ p_plugins }}" data-bassline="{{ p_bassline }}" data-automation="{{ p_automation }}" data-instruments="{{ p_instruments_str }}" data-samples="{{ p_samples }}" data-patterns="{{ p_patterns_str }}">
|
||||||
|
|
||||||
<div class="card project-card" data-title="{{ page.title | escape }}" style="height: 100%; background-color: #f0f8ff; border: 1px solid #cfe8fc; border-radius: 12px; display: flex; flex-direction: column; position: relative;">
|
<div class="card project-card" data-title="{{ page.title | escape }}" style="height: 100%; background-color: #f0f8ff; border: 1px solid #cfe8fc; border-radius: 12px; display: flex; flex-direction: column; position: relative; transition: all 0.3s ease;">
|
||||||
|
|
||||||
|
{% assign matching_beat = nil %}
|
||||||
|
{% if site.data.beats %}
|
||||||
|
{% assign proj_slug = page.file | slugify %}
|
||||||
|
{% for filename in site.data.beats %}
|
||||||
|
{% assign beat_slug = filename | remove: '.wav' | remove: '.mp3' | slugify %}
|
||||||
|
{% if beat_slug == proj_slug %}
|
||||||
|
{% assign matching_beat = filename %}
|
||||||
|
{% break %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<a href="{{ page.url | relative_url }}" style="text-decoration: none; flex: 1; display: flex; flex-direction: column;">
|
<a href="{{ page.url | relative_url }}" style="text-decoration: none; flex: 1; display: flex; flex-direction: column;">
|
||||||
<div class="card-content has-text-centered p-4" style="flex: 1; display: flex; flex-direction: column;">
|
<div class="card-content has-text-centered p-4" style="flex: 1; display: flex; flex-direction: column;">
|
||||||
|
|
@ -300,6 +380,15 @@ permalink: /projetos/
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{% if matching_beat %}
|
||||||
|
<div class="audio-wrapper mb-3" style="width: 100%;" onclick="event.preventDefault();">
|
||||||
|
<audio class="audio-player" controls style="width: 100%; height: 28px; border-radius: 15px; opacity: 0.9;">
|
||||||
|
<source src="/mmpSearch/src_mmpSearch/wav/{{ matching_beat | url_encode }}" type="audio/wav">
|
||||||
|
Seu navegador não suporta áudio.
|
||||||
|
</audio>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div style="flex: 1;"></div>
|
<div style="flex: 1;"></div>
|
||||||
|
|
||||||
<div class="mt-auto pt-2" style="width: 100%; border-top: 1px dashed #eef6fc;">
|
<div class="mt-auto pt-2" style="width: 100%; border-top: 1px dashed #eef6fc;">
|
||||||
|
|
@ -315,73 +404,6 @@ permalink: /projetos/
|
||||||
</details>
|
</details>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% assign has_patterns_display = false %}
|
|
||||||
{% capture patterns_html_content %}
|
|
||||||
<div class="px-1 py-1">
|
|
||||||
{% for track in page.tracks %}
|
|
||||||
{% if track.instruments %}
|
|
||||||
{% for inst in track.instruments %}
|
|
||||||
{% if inst.patterns %}
|
|
||||||
{% assign current_inst_patterns = "" | split: "," %}
|
|
||||||
{% for pattern in inst.patterns %}
|
|
||||||
{% assign p_steps = pattern.steps %}
|
|
||||||
{% if p_steps and p_steps.size > 0 %}
|
|
||||||
{% assign total_s = p_steps.size %}
|
|
||||||
{% assign n_chunks = total_s | divided_by: 4 %}
|
|
||||||
{% for i in (0..n_chunks) %}
|
|
||||||
{% assign idx = i | times: 4 %}
|
|
||||||
{% assign chunk = p_steps | slice: idx, 4 %}
|
|
||||||
{% if chunk.size > 0 %}
|
|
||||||
{% assign c_str = "" %}
|
|
||||||
{% for s in chunk %}
|
|
||||||
{% if s == true or s == 1 or s == 'true' %}{% assign c_str = c_str | append: "1" %}{% else %}{% assign c_str = c_str | append: "0" %}{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% if c_str != "0000" %}
|
|
||||||
{% unless current_inst_patterns contains c_str %}
|
|
||||||
{% assign current_inst_patterns = current_inst_patterns | push: c_str %}
|
|
||||||
{% endunless %}
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
{% if current_inst_patterns.size > 0 %}
|
|
||||||
{% assign has_patterns_display = true %}
|
|
||||||
<div class="pattern-row">
|
|
||||||
<span style="font-weight:600; max-width: 45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
|
|
||||||
{{ inst.instrument_name | truncate: 12 }}
|
|
||||||
</span>
|
|
||||||
<div style="display:flex; gap:2px;">
|
|
||||||
{% for pat in current_inst_patterns %}
|
|
||||||
<div class="pattern-mini-grid" title="Pattern: {{ pat }}">
|
|
||||||
{% assign bits = pat | split: '' %}
|
|
||||||
{% for bit in bits %}
|
|
||||||
<div class="mini-step {% if bit == '1' %}active{% else %}inactive{% endif %}"></div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% endcapture %}
|
|
||||||
|
|
||||||
{% if has_patterns_display %}
|
|
||||||
<details class="category-reveal mb-1" style="width: 100%;">
|
|
||||||
<summary class="tag is-white summary-btn">
|
|
||||||
<div class="tag-label"><span>🥁</span> <span class="tag-text">RITMO</span></div>
|
|
||||||
<span class="icon is-small chevron"><i class="fa-solid fa-chevron-down"></i></span>
|
|
||||||
</summary>
|
|
||||||
<div class="mt-1 mb-2 has-text-left" style="background: #fdfdfd; border-radius: 4px; border: 1px solid #f0f0f0;">
|
|
||||||
{{ patterns_html_content }}
|
|
||||||
</div>
|
|
||||||
</details>
|
|
||||||
{% endif %}
|
|
||||||
{% if page.tags.plugin.size > 0 %}
|
{% if page.tags.plugin.size > 0 %}
|
||||||
<details class="category-reveal mb-1" style="width: 100%;">
|
<details class="category-reveal mb-1" style="width: 100%;">
|
||||||
<summary class="tag is-white summary-btn"><div class="tag-label"><span>🔌</span> <span class="tag-text">PLUGINS</span></div><span class="icon is-small chevron"><i class="fa-solid fa-chevron-down"></i></span></summary>
|
<summary class="tag is-white summary-btn"><div class="tag-label"><span>🔌</span> <span class="tag-text">PLUGINS</span></div><span class="icon is-small chevron"><i class="fa-solid fa-chevron-down"></i></span></summary>
|
||||||
|
|
@ -557,6 +579,10 @@ permalink: /projetos/
|
||||||
border-bottom: 1px dashed #f0f0f0;
|
border-bottom: 1px dashed #f0f0f0;
|
||||||
}
|
}
|
||||||
.pattern-row:last-child { border-bottom: none; }
|
.pattern-row:last-child { border-bottom: none; }
|
||||||
|
|
||||||
|
/* AUDIO PLAYER CUSTOM */
|
||||||
|
audio::-webkit-media-controls-panel { background-color: #f1f3f5; }
|
||||||
|
.project-card:hover audio::-webkit-media-controls-panel { background-color: #eef6fc; }
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -739,6 +765,34 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
|
||||||
// --- 3. LÓGICA DE UI E EVENT LISTENERS ---
|
// --- 3. LÓGICA DE UI E EVENT LISTENERS ---
|
||||||
|
|
||||||
|
// AUDIO PLAYER LOGIC
|
||||||
|
const audioPlayers = document.querySelectorAll('.audio-player');
|
||||||
|
audioPlayers.forEach(audio => {
|
||||||
|
audio.addEventListener('play', function() {
|
||||||
|
// Pausa outros
|
||||||
|
audioPlayers.forEach(otherAudio => {
|
||||||
|
if (otherAudio !== audio && !otherAudio.paused) {
|
||||||
|
otherAudio.pause();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// Highlight Visual
|
||||||
|
const card = audio.closest('.project-card');
|
||||||
|
if(card) {
|
||||||
|
card.style.borderColor = '#4caf50';
|
||||||
|
card.style.backgroundColor = '#f0fff4';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
audio.addEventListener('pause', function() {
|
||||||
|
const card = audio.closest('.project-card');
|
||||||
|
if(card) {
|
||||||
|
// Volta ao original
|
||||||
|
card.style.borderColor = '#cfe8fc';
|
||||||
|
card.style.backgroundColor = '#f0f8ff';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
// BPM Slider Logic
|
// BPM Slider Logic
|
||||||
function updateSlider() {
|
function updateSlider() {
|
||||||
let val1 = parseInt(sliderMin.value);
|
let val1 = parseInt(sliderMin.value);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue