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
 
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
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}}}
    <!-- Botão -->
      
      
       {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}</p>
    <!-- Corpo do card -->
 
    <div class="card-body" style="padding: 15px;">
    <!-- Vídeo do YouTube -->
       <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
    {{#if: {{{Video}}} |  
      <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
      <div style="margin-top: 15px;">
     
        {{#evu: {{{Video}}} | alignment=inline | description=Assista ao vídeo }}
      <!-- Vídeo do YouTube (opcional) -->
       </div>
      {{#if: {{{Video}}} |  
    }}
        <div style="margin-top: 15px;">
</div>
          {{#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.