MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
}; | }; | ||
// | // Estilos comuns | ||
var linkStyle = 'style="color: #ffffff !important; display: block; margin-bottom: 10px; font-size: 14px;"'; | var linkStyle = 'style="color: #ffffff !important; display: block; margin-bottom: 10px; font-size: 14px;"'; | ||
var titleStyle = 'style="color: #ffffff !important; font-weight: bold; margin-bottom: 20px; font-size: 16px; border: none;"'; | var titleStyle = 'style="color: #ffffff !important; font-weight: bold; margin-bottom: 20px; font-size: 16px; border: none;"'; | ||
| Line 24: | Line 23: | ||
var html = | var html = | ||
'<div id="custom-atronia-footer">' + | '<div id="custom-atronia-footer">' + | ||
// | // 1. SCROLLING TEXT | ||
'<div class="atronia-scrolling-container">' + | '<div class="atronia-scrolling-container">' + | ||
'<div class="atronia-scrolling-content">' + | '<div class="atronia-scrolling-content">' + | ||
| Line 31: | Line 30: | ||
'</div>' + | '</div>' + | ||
'</div>' + | '</div>' + | ||
// 2. CONTEÚDO PRINCIPAL (CONTACTOS E MENUS) | |||
'<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1300px; margin: 0 auto; padding: 60px 20px; color: #ffffff;">' + | '<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1300px; margin: 0 auto; padding: 60px 20px; color: #ffffff;">' + | ||
// Contactos | // Contactos | ||
'<div style="flex: 1.5; min-width: 300px;">' + | '<div style="flex: 1.5; min-width: 300px;">' + | ||
'<h4 '+titleStyle+'>Visit but keep in mind we\'re busy</h4>' + | '<h4 '+titleStyle+'>Visit but keep in mind we\'re busy</h4>' + | ||
| Line 45: | Line 45: | ||
'</div>' + | '</div>' + | ||
'</div>' + | '</div>' + | ||
// Menus | // Menus | ||
'<div style="flex: 3; display: flex; justify-content: space-between; flex-wrap: wrap;">' + | '<div style="flex: 3; display: flex; justify-content: space-between; flex-wrap: wrap;">' + | ||
| Line 55: | Line 54: | ||
'</div>' + | '</div>' + | ||
// 3. LINHA BRANCA INTENSA LARGURA TOTAL | |||
'<div class="atronia-full-width-line"></div>' + | '<div class="atronia-full-width-line"></div>' + | ||
// | // 4. SECÇÃO FINAL DE LOGOS (POWERED À ESQUERDA, SPONSORED À DIREITA) | ||
'<div style="padding: 40px 0; max-width: 1300px; margin: 0 auto; display: flex; flex- | '<div style="padding: 40px 0; max-width: 1300px; margin: 0 auto; display: flex; align-items: flex-start; gap: 80px;">' + | ||
// Bloco Powered By | |||
'<div style="flex: 0 0 auto;">' + | |||
'<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Powered by:</p>' + | |||
'<img src="'+img.igus+'" style="height: 35px; width: auto; display: block;">' + | |||
'</div>' + | |||
// Bloco Co-sponsored By (Grelha 2x2) | |||
'<div style="flex: 1;">' + | |||
'<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Co-sponsored by:</p>' + | |||
'<div style="display: grid; grid-template-columns: repeat(2, auto); gap: 25px 50px; justify-content: start; align-items: center;">' + | |||
'<img src="'+img.cp+'" style="height: 35px; width: auto; object-fit: contain;">' + | |||
'<img src="'+img.ce+'" style="height: 35px; width: auto; object-fit: contain;">' + | |||
'<img src="'+img.ps+'" style="height: 35px; width: auto; object-fit: contain;">' + | |||
'<img src="'+img.pr+'" style="height: 35px; width: auto; object-fit: contain;">' + | |||
'</div>' + | |||
'</div>' + | |||
'</div>' + | '</div>' + | ||
'</div>'; | |||
'</div>'; | |||
// Limpeza e Inserção | |||
$('#custom-atronia-footer').remove(); | $('#custom-atronia-footer').remove(); | ||
$('body').append(html); | $('body').append(html); | ||