MediaWiki:Common.js: Difference between revisions

Line 5:

$(function() {

~~// Caminhos das imagens~~

var imgBase = "https://wiki.atronia.eu/images/";

var img = {

Line 17:

Line 16:

pr: imgBase + "4/42/Prr.png"

};

// Estilo comum para todos os links brancos

var linkStyle = 'style="color: #ffffff !important; text-decoration: none; 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 html =

'<div id="custom-atronia-footer">' +

// 1. Scroll

// Scroll com separador superior e inferior

'<div class="atronia-scrolling-container">' +

'<div class="atronia-scrolling-content">' +

Line 28:

Line 31:

'</div>' +

~~// 2. Conteúdo Principal~~

'<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1300px; margin: 0 auto; padding: 60px 20px; color: #ffffff;">' +

'<div ~~class~~="~~atronia~~-~~footer~~-~~main~~">' +

// Contactos e Redes (Forçar invert nos ícones)

'<div ~~class="atronia-col"~~ style="flex: 1.5;">' +

'<div style="flex: 1.5; min-width: 300px;">' +

'<h4>Visit but keep in mind we\'re busy</h4>' +

'<h4 '+titleStyle+'>Visit but keep in mind we\'re busy</h4>' +

'<p>Rua do Norte 9,<br>Ílhavo, 3830-167, Portugal</p>' +

'<p style="color: #ffffff !important;">Rua do Norte 9,<br>Ílhavo, 3830-167, Portugal</p>' +

'<h4 style="margin-top:30px">Contact Us</h4>' +

'<h4 '+titleStyle+' style="margin-top:30px">Contact Us</h4>' +

'<p>+351 934 886 253<br>info@atronia.eu</p>' +

'<p style="color: #ffffff !important;">+351 934 886 253<br>info@atronia.eu</p>' +

'<div style="display:flex; gap:15px; margin-top:~~15px~~">' +

'<div style="display:flex; gap:15px; margin-top:20px">' +

'<a href="#"><img src="'+img.fb+'" width="25" style="filter:invert(1)"></a>' +

'<a href="#"><img src="'+img.fb+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'<a href="#"><img src="'+img.ln+'" width="25" style="filter:invert(1)"></a>' +

'<a href="#"><img src="'+img.ln+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'<a href="#"><img src="'+img.ig+'" width="25" style="filter:invert(1)"></a>' +

'<a href="#"><img src="'+img.ig+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'</div>' +

'<div ~~class~~="~~atronia~~-~~col~~"><h4>Menu</h4>' +

// Menus

'<a href="/">Home</a~~><br~~><a href="/about-us/">About us</a~~><br~~><a href="/hardware/">Hardware</a~~><br~~><a href="/solutions/">Solutions</a>~~' +~~

'<div style="flex: 3; display: flex; justify-content: space-between; flex-wrap: wrap;">' +

'</div>' +

'<div><h4 '+titleStyle+'>Menu</h4><a '+linkStyle+' href="/">Home</a><a '+linkStyle+' href="/about-us/">About us</a><a '+linkStyle+' href="/hardware/">Hardware</a><a '+linkStyle+' href="/solutions/">Solutions</a></div>' +

'<div><h4 '+titleStyle+'>Solutions</h4><a '+linkStyle+' href="/solutions/aquaguard/">Aquaguard</a><a '+linkStyle+' href="/solutions/firefly/">Firefly</a><a '+linkStyle+' href="/solutions/melisafe/">Melisafe</a><a '+linkStyle+' href="/solutions/prevent/">Prevent</a></div>' +

'<div ~~class="atronia-col"~~><h4>Solutions</h4>' +

'<div><h4 '+titleStyle+'>Shop</h4><a '+linkStyle+' href="/product/monarch-gateway/">Monarch</a><a '+linkStyle+' href="/product/atlas-sbc/">Atlas</a><a '+linkStyle+' href="/product-category/probes/">Probes</a><a '+linkStyle+' href="/product-category/accessories/">Accessories</a></div>' +

'<a href="/solutions/aquaguard/">Aquaguard</a~~><br~~><a href="/solutions/firefly/">Firefly</a~~><br~~><a href="/solutions/melisafe/">Melisafe</a~~><br~~><a href="/solutions/prevent/">Prevent</a>~~' +~~

'<div><h4 '+titleStyle+'>Support</h4><a '+linkStyle+' href="https://wiki.atronia.eu/">Wiki</a></div>' +

'</div>' +

'<div ~~class="atronia-col"~~><h4>Shop</h4>' +

'<a href="/product/monarch-gateway/">Monarch</a~~><br~~><a href="/product/atlas-sbc/">Atlas</a~~><br~~><a href="/product-category/probes/">Probes</a~~><br~~><a href="/product-category/accessories/">Accessories</a>~~' +~~

'</div>' +

'<div ~~class="atronia-col"~~><h4>Support</h4>' +

'<a href="https://wiki.atronia.eu/">Wiki</a>' +

'</div>' +

Line 61:

Line 56:

'<hr style="border:0; border-top:1px solid rgba(255,255,255,0.1); margin:0 40px">' +

// 3. Logos

// Logos Padronizados

'<div style="padding: 40px; display: flex; flex-wrap: wrap; gap: ~~50px~~; max-width: ~~1200px~~; margin: 0 auto;">' +

'<div style="padding: 50px 40px; display: flex; flex-wrap: wrap; gap: 60px; max-width: 1300px; margin: 0 auto; align-items: flex-start;">' +

'<div><p style="font-size:~~10px~~; opacity:0.6">POWERED BY:</p><img src="'+img.igus+'" ~~height~~="40"></div>' +

'<div><p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:20px;">POWERED BY:</p><img src="'+img.igus+'" style="height: 45px; width: auto;"></div>' +

'<div><p style="font-size:~~10px~~; opacity:0.6">CO-SPONSORED BY:</p>' +

'<div><p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:20px;">CO-SPONSORED BY:</p>' +

'<div ~~class~~="~~sponsor~~-~~grid~~">' +

'<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 40px;">' +

'<img src="'+img.cp+'" ~~class~~="~~footer~~-~~sponsor-img~~"><img src="'+img.ce+'" ~~class~~="~~footer~~-~~sponsor-img~~">' +

'<img src="'+img.cp+'" style="height: 45px; width: auto; object-fit: contain;">' +

'<img src="'+img.ps+'" ~~class~~="~~footer~~-~~sponsor-img~~"><img src="'+img.pr+'" ~~class~~="~~footer~~-~~sponsor-img~~">' +

'<img src="'+img.ce+'" style="height: 45px; width: auto; object-fit: contain;">' +

'<img src="'+img.ps+'" style="height: 45px; width: auto; object-fit: contain;">' +

'<img src="'+img.pr+'" style="height: 45px; width: auto; object-fit: contain;">' +

'</div>' +

Line 73:

Line 70:

'</div>';

~~// Inserção limpa~~

$('#custom-atronia-footer').remove();

$('body').append(html);