Página da Orquidea (ainda falta atualizar texto e adicionar os arquivos baixáveis)
Deploy / Deploy (push) Successful in 56s
Details
Deploy / Deploy (push) Successful in 56s
Details
This commit is contained in:
parent
2cc037f4aa
commit
ff0cac0beb
|
|
@ -2,3 +2,4 @@
|
|||
{% include_relative home.md %}
|
||||
{% include_relative trens.md %}
|
||||
{% include_relative about.md %}
|
||||
{% include_relative orquidea.md %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,76 @@
|
|||
<div class="section orquestra" style="padding-top: 4rem; padding-bottom: 4rem; color: white;">
|
||||
<div class="container">
|
||||
<h1 class="title is-1 has-text-centered" style="color: white;">
|
||||
Orquestra de Dispositivos Móveis
|
||||
</h1>
|
||||
<h2 class="subtitle is-4 has-text-centered" style="color: white;">
|
||||
Criando Instrumentos Musicais Digitais (IMDs)
|
||||
</h2>
|
||||
|
||||
<!-- Nova linha: imagem à esquerda e texto à direita -->
|
||||
<div class="columns is-vcentered" style="max-width:1000px; margin: 2rem auto;">
|
||||
<div class="column is-5">
|
||||
<figure class="image is-4by3" style="border-radius:8px; overflow:hidden; max-height:360px;">
|
||||
<img src="{{ '/assets/img/orquidea/orquestra-left.jpeg' | relative_url }}" alt="Mãos tocando em telas de celulares" style="object-fit:cover; width:100%; height:100%;">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="column is-7 content" style="color: white;">
|
||||
<div class="is-size-6">
|
||||
<p>
|
||||
Já imaginou usar seu celular ou tablet como um instrumento musical em uma orquestra? Essa é a proposta da Orquestra de Dispositivos Móveis do laboratório ALICE. Aqui, exploramos como a tecnologia que está no seu bolso pode se transformar em uma poderosa ferramenta para a criação artística coletiva.
|
||||
</p>
|
||||
<p>
|
||||
Para transformar os aparelhos em instrumentos, utilizamos softwares de código aberto e acessíveis. O "cérebro" dos nossos instrumentos é o Pure Data (Pd), um ambiente de programação visual que nos permite criar sons, ritmos e lógicas interativas sem precisar escrever linhas de código complexas. Para controlar esses sons na tela do celular, criamos as interfaces com o MobMuPlat (MMP), desenhando botões, sliders e outros elementos visuais que tornam o instrumento fácil e intuitivo de tocar.
|
||||
</p>
|
||||
<p>
|
||||
Juntando essas ferramentas, o foco da orquestra é a criação de Instrumentos Musicais Digitais (IMDs). Cada participante é incentivado a aprender e a desenvolver seus próprios instrumentos, explorando novas sonoridades e formas de interação. É um espaço para experimentação, aprendizado e, acima de tudo, para fazer música juntos de uma forma inovadora.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr style="max-width: 800px; margin: 3rem auto;">
|
||||
|
||||
<!-- Imagem centralizada abaixo -->
|
||||
<div class="has-text-centered" style="margin: 1.5rem 0;">
|
||||
<figure class="image" style="display:inline-block; max-width:720px; width:100%; border-radius:8px; overflow:hidden;">
|
||||
<img src="{{ '/assets/img/orquidea/orquestra-center.jpeg' | relative_url }}" alt="Apresentação da orquestra de dispositivos" style="width:100%; height:auto; object-fit:cover;">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<!-- Seção de inscrição (mantida, texto à direita se necessário) -->
|
||||
<div class="has-text-centered" style="color: white; margin-top: 1.5rem;">
|
||||
<h2 class="title is-3" style="color: white;">Participe da Orquestra!</h2>
|
||||
<p class="is-size-5">
|
||||
As inscrições estão abertas para novos integrantes. Se você tem interesse em música, arte, tecnologia ou simplesmente quer participar de um processo criativo coletivo, clique no botão abaixo para se inscrever.
|
||||
</p>
|
||||
<br>
|
||||
<a href="SEU_LINK_DO_GOOGLE_FORMS_AQUI" target="_blank" class="button is-primary is-large">
|
||||
Inscreva-se Aqui
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Nova seção: Downloads dos IMDs -->
|
||||
<div class="section" style="padding-top: 2rem; padding-bottom: 2rem;">
|
||||
<div class="container" style="max-width: 900px;">
|
||||
<h2 class="title is-3 has-text-centered" style="color: white;">Downloads — Arquivos IMD</h2>
|
||||
<p class="has-text-centered" style="color: #dfeaff; max-width: 800px; margin: 0.5rem auto 1rem auto;">
|
||||
Faça o download dos patches (Pure Data) e das interfaces MobMuPlat prontos para uso.
|
||||
</p>
|
||||
|
||||
<div class="has-text-centered" style="margin-top: 1rem;">
|
||||
<a href="/assets/downloads/imd-files.zip" class="button is-link is-medium" download>
|
||||
Baixar IMD's (.zip)
|
||||
</a>
|
||||
|
||||
<a href="https://git.alice.ufsj.edu.br/Alice/Alice/-/raw/main/assets/downloads/imd-files.zip" target="_blank" class="button is-light is-medium" style="margin-left:10px;">
|
||||
Baixar do Repositório
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
layout: default
|
||||
title: Orquestra
|
||||
displaymenu: true
|
||||
permalink: /orquidea.html
|
||||
---
|
||||
|
||||
{% include pages/orquidea.html %}
|
||||
Loading…
Reference in New Issue