Mudanças entre as edições de "Widget:Gurren"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
<div style="position: relative; overflow: hidden; border-radius: 4px;"> | |||
<div style=" | |||
<!-- Imagem de fundo escurecida --> | |||
<div style="position: absolute; inset: 0; z-index: 0;"> | |||
<img src="https://wiki.gla.com.br/images/a/a8/Personagens_card.png" alt="" | |||
style="width: 100%; height: 100%; object-fit: cover; opacity: 0.08; filter: brightness(0.4);"> | |||
</div> | |||
<!-- Conteúdo principal da widget --> | |||
<div | |||
style="position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;"> | |||
<!-- Texto --> | |||
<div style="flex: 1 1 500px;"> | |||
<div | |||
style="font-family: Inter, sans-serif; font-size: 1.5em; font-weight: 600; color: #ddd; margin-bottom: 0.5em;"> | |||
Bem-vindos à Wiki do GLA | |||
</div> | |||
<div style="color: #bbb; font-size: 1em; line-height: 1.6;"> | |||
Essa é uma wiki oficial do jogo <strong>Grand Line Adventures</strong>, um MMORPG gratuito criado por | |||
fãs ambientado no universo de One Piece, onde você pode jogar como vários personagens do anime.<br><br> | |||
O jogo está disponível para PC e Mobile. Você pode fazer o download clicando abaixo. | |||
</div> | |||
<!-- Botão --> | |||
<div style="margin-top: 1.2em;"> | |||
<a href="/index.php/Download" | |||
style="display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; font-family: Inter, sans-serif; font-weight: 600; font-size: 1em; color: #fff; background: #2a2f38; border: none; border-radius: 4px; text-decoration: none; transition: background 0.3s ease;"> | |||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#fff" viewBox="0 0 24 24"> | |||
<path d="M12 16l4-5h-3V4h-2v7H8l4 5zm-9 2v2h18v-2H3z" /> | |||
</svg> | |||
Download | |||
</a> | |||
</div> | |||
</div> | |||
<!-- Redes Sociais --> | |||
<div style="flex: 0 0 auto; display: flex; flex-direction: column; gap: 10px; align-items: flex-end;"> | |||
<a href="https://discord.gg/gla" target="_blank" | |||
style="color: #bbb; text-decoration: none; display: flex; align-items: center; gap: 6px;"> | |||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#bbb" viewBox="0 0 24 24"> | |||
<path d="..." /> | |||
</svg> | |||
Discord | |||
</a> | |||
<!-- TikTok, Insta, Face segue igual --> | |||
</div> | |||
</div> | |||
</div> | </div> | ||