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
 
Linha 1: Linha 1:
<div class="col-lg-4 col-md-6 col-sm-12 mb-4 d-flex justify-content-center 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 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); border-0; display: flex; flex-direction: column; justify-content-between;">
   <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 -->
    <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>


     <!-- Espaço flexível -->
     <!-- Parte superior do conteúdo -->
     <div class="flex-grow-1"></div>
     <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>


     <!-- Vídeo do YouTube -->
     <!-- Vídeo do YouTube sempre ao final -->
     <div style="margin-top: 15px;">
     <div class="mt-auto" style="margin-top: 15px;">
       {{#if:{{{Video|}}}|{{#ev:youtube|{{{Video}}}|400|center|Assista ao vídeo dos melhores momentos}}}}
       {{#if:{{{Video|}}}|{{#ev:youtube|{{{Video}}}|400|center|Assista ao vídeo dos melhores momentos}}}}
     </div>
     </div>
Linha 20: Linha 21:
     <!-- Botão (opcional) -->
     <!-- Botão (opcional) -->
     {{#if: {{{Link}}} |
     {{#if: {{{Link}}} |
       <p class="text-center">
       <div class="mt-3 text-center">
         {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto|Saiba mais}}} | type=primary | size=sm |semmoldura}}
         {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto|Saiba mais}}} | type=primary | size=sm |semmoldura}}
       </p>
       </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.