|
|
| (46 revisões intermediárias por 2 usuários não estão sendo mostradas) |
| Linha 9: |
Linha 9: |
| | | |
| <img src="https://forfans.com.br/images/wikis/central/c/c9/Logo.png" style="height:200px;margin-bottom:20px;position:relative;z-index:1;"> | | <img src="https://forfans.com.br/images/wikis/central/c/c9/Logo.png" style="height:200px;margin-bottom:20px;position:relative;z-index:1;"> |
| <h2 style="color:white;font-size:2em;margin-top:0;margin-bottom:5px;font-weight:300;position:relative;z-index:1;">A plataforma de wikis para fãs do Brasil</h2> | | <h2 style="color:white;font-size:2em;margin-top:0;margin-bottom:5px;font-weight:300;position:relative;z-index:1;">A plataforma para todas as comunidades de fãs do Brasil</h2> |
| <p style="color:#ccc;margin-bottom:15px;position:relative;z-index:1;">Encontre ou crie uma wiki sobre seu fandom favorito</p> | | <p style="color:#ccc;margin-bottom:15px;position:relative;z-index:1;">Encontre ou crie sua comunidade sobre seu assunto favorito!</p> |
| | <div id="forfans-home-discovery-search"></div> |
| | <div id="forfans-home-discovery-cta"></div> |
| | | |
| <form action="/Special:Search" method="get" style="max-width:500px;margin:0 auto 15px;display:flex;background:#ffffff22;border-radius:30px;overflow:hidden;border:1px solid #ffffff33;position:relative;z-index:1;">
| |
| <input type="text" name="search" placeholder="🔍 Pesquisar wikis..." style="flex:1;background:transparent;border:none;padding:14px 20px;color:white;font-size:15px;outline:none;">
| |
| <button type="submit" style="background:#e63a5a; border:none; color:white; padding:14px 20px; cursor:pointer; font-size:15px; font-weight:700; transition: background 0.2s ease;" onmouseover="this.style.background='#cc2947'" onmouseout="this.style.background='#e63a5a'">Buscar</button>
| |
| </form>
| |
|
| |
| <a href="/Special:CreateWiki" style="background:#e63a5a; color:white; padding:14px 32px; border-radius:30px; text-decoration:none; font-size:16px; font-weight:700; position:relative; z-index:1; margin-top:10px; display:inline-block; transition: background 0.2s ease;" onmouseover="this.style.background='#cc2947'" onmouseout="this.style.background='#e63a5a'">🚀 Criar uma Wiki</a>
| |
| </div>
| |
|
| |
| <div style="position: relative; margin: 0; width: 100%; z-index: 2;">
| |
|
| |
| <div style="position: absolute; top: 0; bottom: 0; left: calc(-50vw + 50%); right: calc(-50vw + 50%); background: #150724; border-bottom: 8px solid #e63a5a; z-index: 1;"></div>
| |
|
| |
| <div style="position: relative; z-index: 2; padding: 20px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; box-sizing: border-box; width: 100%;">
| |
|
| |
| <div style="background: #000; color: #fff; border: 1px solid #ffffff33; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 12px; text-transform: uppercase; line-height: 1.1; transition: background 0.2s;" onmouseover="this.style.background='#ffffff15'" onmouseout="this.style.background='#000'">
| |
| <span style="font-size: 20px;">📖</span>
| |
| <div>Principais<br>Wikis</div>
| |
| </div>
| |
|
| |
| <div style="display: flex; gap: 40px; flex-wrap: wrap; flex: 1; justify-content: space-evenly;">
| |
|
| |
| <div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;">
| |
| <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Games</span>
| |
| <a href="/Wiki:Terraria" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Terraria</a>
| |
| <a href="/Wiki:Minecraft" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Minecraft</a>
| |
| <a href="/Wiki:Genshin_Impact" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Genshin Impact</a>
| |
| </div>
| |
|
| |
| <div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;">
| |
| <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Movies</span>
| |
| <a href="/Wiki:Star_Wars" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Star Wars</a>
| |
| <a href="/Wiki:Harry_Potter" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Harry Potter</a>
| |
| <a href="/Wiki:Marvel" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Marvel</a>
| |
| </div>
| |
|
| |
| <div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;">
| |
| <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">TV</span>
| |
| <a href="/Wiki:Memory_Alpha" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Memory Alpha</a>
| |
| <a href="/Wiki:Arrowverse" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Arrowverse</a>
| |
| <a href="/Wiki:SpongeBobia" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">SpongeBobia</a>
| |
| </div>
| |
|
| |
| <div style="display: flex; flex-direction: column; gap: 4px; min-width: 100px;">
| |
| <span style="color: #fff; opacity: 0.6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;">Anime</span>
| |
| <a href="/Wiki:One_Piece" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">One Piece</a>
| |
| <a href="/Wiki:Naruto" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">Naruto</a>
| |
| <a href="/Wiki:My_Hero_Academia" style="color: white; text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='white'">My Hero Academia</a>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| <div style="display: flex; align-items: center; gap: 14px; border-left: 1px solid #ffffff22; padding-left: 20px;">
| |
| <div style="color: #bbb; font-size: 12px; line-height: 1.3; text-align: right; max-width: 140px; font-weight: 500;">
| |
| Além disso, mais de <b style="color: white;">250.000</b> para explorar
| |
| </div>
| |
| <a href="/Special:AllPages" style="background: #000; color: #fff; border: 1px solid #ffffff33; width: 34px; height: 34px; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 700; font-size: 16px; transition: all 0.2s;" onmouseover="this.style.background='#ffffff15'; this.style.transform='translateX(4px)'" onmouseout="this.style.background='#000'; this.style.transform='translateX(0)'">
| |
| ➔
| |
| </a>
| |
| </div>
| |
|
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <div style="margin-bottom: 32px; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; z-index: 10;">
| |
| <div style="background: #e63a5a; color: white; padding: 6px 20px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; border-radius: 0 0 6px 6px; display: inline-flex; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.15); margin-top: -8px; border-top: 8px solid #150724; box-sizing: border-box;">
| |
| Categorias
| |
| </div>
| |
| <a href="/Special:Categories" style="color: #666; text-decoration: none; font-size: 11px; font-weight: 700; text-transform: uppercase; margin-left: 14px; margin-top: 8px; transition: color 0.2s ease; letter-spacing: 0.5px;" onmouseover="this.style.color='#e63a5a'" onmouseout="this.style.color='#666'">
| |
| Ver todas ❯
| |
| </a>
| |
| </div>
| |
|
| |
| <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom: 40px;">
| |
|
| |
| <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"
| |
| onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
| |
| onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
| |
| <span style="font-size: 24px; display: block; margin-bottom: 8px;">🎮</span>
| |
| <b style="color:white; font-size: 15px;">Jogos</b>
| |
| </div>
| |
|
| |
| <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"
| |
| onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
| |
| onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
| |
| <span style="font-size: 24px; display: block; margin-bottom: 8px;">⚔️</span>
| |
| <b style="color:white; font-size: 15px;">Anime</b>
| |
| </div>
| |
|
| |
|
| <div style=" background:#ffffff07; border: 1px solid #ffffff10; border- radius:8px; padding:24px 16px; text- align:center; transition: all 0.25s ease; cursor: pointer;" | | <div id="forfans-home-featured-wikis"></div> |
| onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
| |
| onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
| |
| <span style="font-size: 24px; display: block; margin-bottom: 8px;">🎬</span>
| |
| <b style="color:white; font-size: 15px;">Séries</b>
| |
| </div>
| |
|
| |
|
| <div style=" background:#ffffff07; border: 1px solid #ffffff10; border- radius:8px; padding:24px 16px; text- align:center; transition: all 0.25s ease; cursor: pointer;" | | <div id="forfans-home-categories"></div> |
| onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
| |
| onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
| |
| <span style="font-size: 24px; display: block; margin-bottom: 8px;">🎵</span>
| |
| <b style="color:white; font-size: 15px;">Música</b>
| |
| </div>
| |
| | |
| <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"
| |
| onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
| |
| onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
| |
| <span style="font-size: 24px; display: block; margin-bottom: 8px;">⚽</span>
| |
| <b style="color:white; font-size: 15px;">Esportes</b>
| |
| </div>
| |
| | |
| <div style="background:#ffffff07; border: 1px solid #ffffff10; border-radius:8px; padding:24px 16px; text-align:center; transition: all 0.25s ease; cursor: pointer;"
| |
| onmouseover="this.style.background='#e63a5a15'; this.style.borderColor='#e63a5a'; this.style.transform='translateY(-4px)';"
| |
| onmouseout="this.style.background='#ffffff07'; this.style.borderColor='#ffffff10'; this.style.transform='translateY(0)';">
| |
| <span style="font-size: 24px; display: block; margin-bottom: 8px;">🔥</span>
| |
| <b style="color:white; font-size: 15px;">Mais...</b>
| |
| </div>
| |
| | |
| </div> | |
| </html> | | </html> |
