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
 
(17 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="card shadow-sm mb-4 border-0" style="background-color: #F5F3E8; border-radius: 8px; text-align: center; font-family: 'Fira Sans', sans-serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; max-width: 250px;">
<div class="col-lg-3 col-md-4 col-sm-6 d-flex align-items-stretch">
  <!-- Imagem no topo do card -->
  <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">
    <!-- Imagem no topo -->
    [[File:{{{Imagem}}}|class=img-fluid|alt={{{Alt}}}|borda|semmoldura]]
    <div class="card-img-top">  
  </div>
      [[File:{{{Imagem|default.jpg}}}|class=img-fluid|alt={{{Legenda|Descrição da imagem}}}|borda|semmoldura]]
  <!-- Corpo do card -->
    </div>
  <div class="card-body" style="padding: 15px;">
   
    <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
    <!-- Corpo do card -->
    <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
    <div class="card-body" style="padding: 15px;">
    <!-- Botão -->
      <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
    <div>
      <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
      {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}
     
      <!-- 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>
    <!-- Vídeo do YouTube -->
    {{#if: {{{Video}}} |
      <div style="margin-top: 15px;">
        {{#evu: {{{Video}}} | alignment=inline | description=Assista ao vídeo }}
      </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.