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

Edição das 17h52min de 23 de novembro de 2024

   [[File:{{{Imagem}}}|class=img-fluid|alt={{{Alt}}}|borda|semmoldura]]

{{{Nome}}}

{{{Função}}}

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

Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube. 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` - ID do vídeo do YouTube (ex.: "5QJUPanVCUo").

Esta predefinição exibe um card de perfil de Equipe para o Memória Viva.

@@ 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;">
-   <!-- Imagem no topo do card. Usar imagem quadrada, 300x300px no mínimo-->
+   <!-- Imagem no topo do card -->
-   <div class="card-img-top">[[File:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
+   <div class="card-img-top">
+    [[File:{{{Imagem}}}|class=img-fluid|alt={{{Alt}}}|borda|semmoldura]]
+  </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>
+    <!-- Botão -->
+    <div>
+      {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}
+    </div>
+    <!-- Vídeo do YouTube -->
+    {{#if: {{{Video}}} |
+      <div style="margin-top: 15px;">
+        <iframe width="100%" height="200" src="https://www.youtube.com/embed/{{{Video}}}"
+                frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen>
+        </iframe>
+      </div>
+    }}
    </div>
 </div>
+<noinclude>
+Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube.
+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` - ID do vídeo do YouTube (ex.: "5QJUPanVCUo").
+</noinclude>
 <noinclude>
 Esta predefinição exibe um card de perfil de Equipe para o Memória Viva.
 </noinclude>