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="position: relative; overflow: hidden; border-radius: 4px;"> | ||
<!-- Imagem de fundo escurecida --> | <!-- Imagem de fundo escurecida --> | ||
<div style="position: absolute; inset: 0; z-index: 0;"> | <div style="position: absolute; inset: 0; z-index: 0;"> | ||
<img src="https://wiki.gla.com.br/images/a/a8/Personagens_card.png" alt="" | <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);"> | ||
style="width: 100%; height: 100%; object-fit: cover; opacity: 0.08; filter: brightness(0.4);"> | </div> | ||
</div> | |||
<!-- Conteúdo | <!-- Conteúdo --> | ||
<div | <div style="position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;"> | ||
style="position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;"> | |||
<!-- Texto --> | <!-- Texto --> | ||
<div style="flex: 1 1 500px;"> | <div style="flex: 1 1 500px;"> | ||
<div | <div style="font-family: Inter, sans-serif; font-size: 1.5em; font-weight: 600; color: #ddd; margin-bottom: 0.5em;"> | ||
style="font-family: Inter, sans-serif; font-size: 1.5em; font-weight: 600; color: #ddd; margin-bottom: 0.5em;"> | Bem-vindos à Wiki do GLA | ||
Bem-vindos à Wiki do GLA | </div> | ||
</div> | <div style="color: #bbb; font-size: 1em; line-height: 1.6;"> | ||
<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> | ||
Essa é uma wiki oficial do jogo <strong>Grand Line Adventures</strong>, um MMORPG gratuito criado por | O jogo está disponível para PC e Mobile. Você pode fazer o download clicando abaixo. | ||
fãs ambientado no universo de One Piece, onde você pode jogar como vários personagens do anime.<br><br> | </div> | ||
O jogo está disponível para PC e Mobile. Você pode fazer o download clicando abaixo. | |||
</div> | |||
<!-- | <!-- Botões --> | ||
<div style="margin-top: 1.2em;"> | <div style="margin-top: 1.2em; display: flex; gap: 10px; flex-wrap: wrap;"> | ||
<a href="/index.php/Download" | <!-- PC --> | ||
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;"> | <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"> | <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#fff" viewBox="0 0 24 24"><path d="M4 3h16a1 1 0 011 1v12a1 1 0 01-1 1h-7v2h3a1 1 0 110 2H8a1 1 0 110-2h3v-2H4a1 1 0 01-1-1V4a1 1 0 011-1z"/></svg> | ||
<path d=" | PC | ||
</svg> | </a> | ||
</a | |||
<!-- Redes | <!-- Android --> | ||
<div style="flex: 0 0 auto; display: flex; flex-direction: column; gap: 10px; align-items: flex-end;"> | <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;"> | ||
<a href="https://discord.gg/gla" target="_blank" | <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#fff" viewBox="0 0 24 24"><path d="M17.6 9.5c.2-.6.4-1.3.4-2 0-3.6-2.9-6.5-6.5-6.5S5 3.9 5 7.5c0 .7.1 1.4.4 2H2v13h20V9.5h-4.4zM12 4c2.1 0 3.8 1.7 3.8 3.8 0 .5-.1.9-.2 1.3H8.4c-.1-.4-.2-.9-.2-1.3C8.2 5.7 9.9 4 12 4zM6 12h12v7H6v-7z"/></svg> | ||
style="color: #bbb; text-decoration: none; display: flex; align-items: center; gap: 6px;"> | Android | ||
< | </a> | ||
< | </div> | ||
</div> | |||
</a> | <!-- Redes sociais --> | ||
< | <div style="flex: 0 0 auto; display: flex; flex-direction: column; gap: 10px; align-items: flex-end;"> | ||
</div> | <a href="https://discord.gg/gla" target="_blank" style="display: flex; align-items: center; gap: 6px; color: #bbb; text-decoration: none;"> | ||
</div> | <img src="https://wiki.gla.com.br/images/6/69/Icon_discord.svg" width="18" height="18" alt="Discord"> | ||
Discord | |||
</a> | |||
<a href="https://tiktok.com/@gla" target="_blank" style="display: flex; align-items: center; gap: 6px; color: #bbb; text-decoration: none;"> | |||
<img src="https://wiki.gla.com.br/images/e/e7/Icon_tiktok.svg" width="18" height="18" alt="TikTok"> | |||
TikTok | |||
</a> | |||
<a href="https://instagram.com/gla" target="_blank" style="display: flex; align-items: center; gap: 6px; color: #bbb; text-decoration: none;"> | |||
<img src="https://wiki.gla.com.br/images/5/59/Icon_instagram.svg" width="18" height="18" alt="Instagram"> | |||
Instagram | |||
</a> | |||
<a href="https://facebook.com/gla" target="_blank" style="display: flex; align-items: center; gap: 6px; color: #bbb; text-decoration: none;"> | |||
<img src="https://wiki.gla.com.br/images/0/0c/Icon_facebook.svg" width="18" height="18" alt="Facebook"> | |||
Facebook | |||
</a> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
