MediaWiki:Common.js: Difference between revisions

Line 3:

/*FOOTER*/

/* Any JavaScript here will be loaded for all users on every page load. */

$(function() {

// 1. LINKS DAS IMAGENS ~~ORIGINAIS DA WIKI~~

// 1. LINKS DAS IMAGENS

var img = {

instagram: "https://wiki.atronia.eu/images/b/b7/Instagram.png",

Line 19:

};

// 2. LINKS ~~PARA OS~~ DOCUMENTOS ~~(WordPress)~~

// 2. LINKS DOS DOCUMENTOS

var pdfLinks = {

compete: "https://atronia.eu/wp-content/uploads/2025/12/Ficha-do-projeto-ATRONIA-LDA.pdf",

Line 27:

};

// 3. TEXTO EM MOVIMENTO

var scrollingHTML =

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

Line 35:

'</div>' +

'</div>';

// 4. CONTEÚDO DO FOOTER

var footerHTML =

'<div id="custom-atronia-footer~~" style="background-color: #121e1c; color: #ffffff !important; padding: 60px 40px; font-family: sans-serif; clear: both;~~">' +

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

'<div class="atronia-footer-container" style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1400px; margin: 0 auto;">' +

~~// COLUNA ESQUERDA: CONTACTOS~~

'<div style="flex: 2; min-width: 300px; margin-bottom: 40px;">' +

'<h4 ~~style="font-size: 14px; font-weight: bold; margin-bottom: 20px; color: #ffffff !important;"~~>Visit but keep in mind we\'re busy</h4>' +

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

'<p style="~~font-size: 14px; color: #ffffff !important;~~ line-height: 1.6;">Rua do Norte 9,<br>Ílhavo, 3830-167<br>Portugal</p>' +

'<p style="line-height: 1.6;">Rua do Norte 9,<br>Ílhavo, 3830-167<br>Portugal</p>' +

'<h4 style="~~font-size: 14px; font-weight: bold;~~ margin-top: 35px~~; margin-bottom: 20px; color: #ffffff !important~~;">Contact Us</h4>' +

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

'<p style="~~font-size: 14px; color: #ffffff !important;~~ line-height: 1.6;">+351 934 886 253 ~~(Custo de chamada para rede móvel nacional)~~<br>info@atronia.eu</p>' +

'<p style="line-height: 1.6;">+351 934 886 253<br>info@atronia.eu</p>' +

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

'<a href="https://facebook.com/atroniatech" target="_blank"><img src="'+img.facebook+'" width="30" style="filter: brightness(0) invert(1);"></a>' +

Line 52:

Line 51:

'</div>' +

~~// COLUNAS DE LINKS (DIREITA)~~

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

'<div class="atronia-col"><h4>Menu</h4><a href="https://atronia.eu/" target="_blank">Home</a><a href="https://atronia.eu/about-us/" target="_blank">About us~~</a><a href="https://atronia.eu/hardware/" target="_blank">Hardware</a><a href="https://atronia.eu/solutions/" target="_blank">Solutions~~</a></div>' +

'<div class="atronia-col"><h4>Menu</h4><a href="https://atronia.eu/" target="_blank">Home</a><a href="https://atronia.eu/about-us/" target="_blank">About us</a></div>' +

'<div class="atronia-col"><h4>Solutions</h4><a href="https://atronia.eu/solutions/aquaguard/" target="_blank">Aquaguard</a><a href="https://atronia.eu/solutions/firefly/" target="_blank">Firefly~~</a><a href="https://atronia.eu/solutions/melisafe/" target="_blank">Melisafe</a><a href="https://atronia.eu/solutions/prevent/" target="_blank">Prevent~~</a></div>' +

'<div class="atronia-col"><h4>Solutions</h4><a href="https://atronia.eu/solutions/aquaguard/" target="_blank">Aquaguard</a><a href="https://atronia.eu/solutions/firefly/" target="_blank">Firefly</a></div>' +

'<div class="atronia-col"><h4>Shop</h4><a href="https://atronia.eu/product/monarch-gateway/" target="_blank">Monarch</a><a href="https://atronia.eu/product/atlas-sbc/" target="_blank">Atlas~~</a><a href="https://atronia.eu/product-category/probes/" target="_blank">Probes</a><a href="https://atronia.eu/product-category/accessories/" target="_blank">Accessories~~</a></div>' +

'<div class="atronia-col"><h4>Shop</h4><a href="https://atronia.eu/product/monarch-gateway/" target="_blank">Monarch</a><a href="https://atronia.eu/product/atlas-sbc/" target="_blank">Atlas</a></div>' +

'<div class="atronia-col"><h4>Support</h4><a href="https://wiki.atronia.eu/" target="_blank">Wiki</a></div>' +

'</div>' +

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

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

~~// ÁREA DE LOGOS - ESTRUTURA DE GRELHA 2x2~~

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

'<div>' +

'<p style="font-size: 11px~~; color: #ffffff !important~~; text-transform: uppercase; margin-bottom: 15px; opacity: 0.8;">Powered by:</p>' +

'<p style="font-size: 11px; text-transform: uppercase; margin-bottom: 15px; opacity: 0.8;">Powered by:</p>' +

'<img src="'+img.igus+'" style="height: 40px; width: auto; display: block;">' +

'</div>' +

'<div style="flex: 1;">' +

'<p style="font-size: 11px~~; color: #ffffff !important~~; text-transform: uppercase; margin-bottom: 15px; opacity: 0.8;">Co-sponsored by:</p>' +

'<p style="font-size: 11px; text-transform: uppercase; margin-bottom: 15px; opacity: 0.8;">Co-sponsored by:</p>' +

~~// Grid que força 2 colunas~~

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

'<div ~~style~~="~~display:~~ grid~~; grid-template-columns: repeat(2, auto); gap: 20px 40px; max-width: fit-content; align-items: center;~~">' +

'<a href="'+pdfLinks.compete+'" target="_blank"><img src="'+img.compete+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.compete+'" target="_blank~~" style="display: block; border: none;~~"><img src="'+img.compete+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.centro+'" target="_blank"><img src="'+img.centro+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.centro+'" target="_blank~~" style="display: block; border: none;~~"><img src="'+img.centro+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.pessoas+'" target="_blank"><img src="'+img.pessoas+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.pessoas+'" target="_blank~~" style="display: block; border: none;~~"><img src="'+img.pessoas+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.prr+'" target="_blank"><img src="'+img.prr+'" class="footer-sponsor-img"></a>' +

'<a href="'+pdfLinks.prr+'" target="_blank~~" style="display: block; border: none;~~"><img src="'+img.prr+'" class="footer-sponsor-img"></a>' +

'</div>' +

'<div style="max-width: 1400px; margin: 40px auto 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);">' +

'<a href="https://atronia.eu/livro-de-reclamacoes/" target="_blank" class="footer-legal-link">Livro de Reclamações</a> | ' +

'<a href="https://atronia.eu/privacy-policy/" target="_blank" class="footer-legal-link">Privacy Policy</a>' +

~~'<p style="font-size: 11px; color: #ffffff !important; margin-top: 20px; opacity: 0.6;">This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.</p>' +~~

'</div>' +

'</div>';

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

// 5. INJEÇÃO DOS DOIS ELEMENTOS (O segredo está aqui)

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

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

$('body').append(scrollingHTML + footerHTML);

});