Predefinição:CardEntrevistados: 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
 
(23 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="col-lg-3 col-md-4 col-sm-6 d-flex align-items-stretch">
<div class="col-lg-4 col-md-6 col-sm-12 mb-4 d-flex justify-content-center align-items-stretch">  
   <div class="card shadow-sm border-0" style="max-width: 300px; 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 style="max-width: 300px; background-color: #F5F3E8; border-radius: 8px; font-family: 'Fira Sans', sans-serif; padding: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; height: 100%;">
     <!-- Imagem no topo -->
 
    <div class="card-img-top">  
     <!-- Parte superior do conteúdo -->
      [[File:{{{Imagem|default.jpg}}}|class=img-fluid|alt={{{Legenda|Descrição da imagem}}}|borda|semmoldura]]
    <div>
      <!-- Imagem -->
      <div class="card-img-top">[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|semmoldura]]</div>
     
      <!-- Nome -->
      <h5 class="fw-bold text-primary text-center" style="padding-top: 30px">[[{{{Link}}}|{{{Nome}}}]]</h5>
     
      <!-- Descrição -->
      <p class="text-center">{{{Descricao}}}</p>
     </div>
     </div>
   
    <!-- Corpo do card -->
    <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>
      <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) -->
    <!-- Vídeo do YouTube sempre ao final -->
      {{#if: {{{Link}}} |
    <div class="mt-auto" style="margin-top: 15px;">
        <div style="margin-top: 15px;">
      {{#if:{{{Video|}}}|{{#ev:youtube|{{{Video}}}|400|center|Assista ao vídeo dos melhores momentos}}}}
          {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto|Saiba mais}}} | type=primary | size=sm }}
        </div>
      }}
     </div>
     </div>
    <!-- Botão (opcional) -->
    {{#if: {{{Link}}} |
      <div class="mt-3 text-center">
        {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto|Saiba mais}}} | type=primary | size=sm |semmoldura}}
      </div>
    }}
   </div>
   </div>
</div>
</div>

Edição atual tal como às 08h47min de 26 de novembro de 2024

[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|semmoldura]]
[[{{{Link}}}|{{{Nome}}}]]

{{{Descricao}}}

       Você deve especificar um alvo válido para este botão.