Predefinição:CardPerfil: mudanças entre as edições

Por equipe do Dicionário de Favelas Marielle Franco
Sem resumo de edição
Sem resumo de edição
 
Linha 1: Linha 1:
<div class="col-lg-3 col-md-4 col-sm-6 d-flex align-items-stretch">
<div class="col-lg-3 col-md-4 col-sm-6 d-flex align-items-stretch">
   <div class="card shadow-sm border-0" style="background-color: #F5F3E8; border-radius: 8px; font-family: 'Fira Sans', sans-serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; text-align: center;">
   <div class="card shadow-sm border-0" style="background-color: #F5F3E8; border-radius: 8px; font-family: 'Fira Sans', sans-serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; text-align: center;">
  <div class="card-img-top"> [[File:{{{Imagem|default.jpg}}}|class=img-fluid|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
    <!-- Imagem no topo -->
    <div class="card-img-top">  
  <!-- Corpo do card -->
      [[File:{{{Imagem|default.jpg}}}|class=img-fluid|alt={{{Legenda|Descrição da imagem}}}|borda|semmoldura]]
  <div class="card-body" style="padding: 15px;">
     </div>
    <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
    <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}
     </p>
 
    <!-- Vídeo do YouTube -->
    {{#if: {{{Video}}} |
      <div style="margin-top: 15px;">
        {{#evu: {{{Video}}} | alignment=inline | description=Melhores momentos }}
      </div>
<p> <!-- Botão -->
      
      
       {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}</p>
    <!-- Corpo do card -->
    }}
    <div class="card-body" style="padding: 15px;">
</div>
      <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
      <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
     
      <!-- Vídeo do YouTube (opcional) -->
      {{#if: {{{Video}}} |
        <div style="margin-top: 15px;">
          {{#evu: {{{Video}}} | alignment=inline | description=Melhores momentos }}
        </div>
      }}
 
      <!-- Botão (opcional) -->
       {{#if: {{{Link}}} |
        <div style="margin-top: 15px;">
          {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto|Saiba mais}}} | type=primary | size=sm }}
        </div>
      }}
    </div>
   </div>
   </div>
</div>
</div>
<noinclude>
Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube usando {{#evu}}.
Parâmetros:
* Imagem - Nome do arquivo da imagem (ex.: "Monica.jpg").
* Alt - Texto alternativo para a imagem.
* Nome - Nome da pessoa.
* Função - Função ou descrição da pessoa.
* Link - URL ou página a ser aberta ao clicar no botão.
* BotaoTexto - Texto exibido no botão.
* Video - URL completa do vídeo no YouTube (ex.: "https://www.youtube.com/watch?v=x8hTMQs2e_I").
</noinclude>

Edição atual tal como às 20h39min de 23 de novembro de 2024

     Descrição da imagem
{{{Nome}}}

{{{Função}}}

Couldn't parse video from {{{Video}}}
         Você deve especificar um alvo válido para este botão.