Jump to content

MediaWiki:Common.js: Difference between revisions

From ATRONIA Wiki
No edit summary
No edit summary
Line 55: Line 55:
         '<hr style="border: 0; border-top: 1px solid rgba(255,255,255,0.2); margin: 40px 0;">' +
         '<hr style="border: 0; border-top: 1px solid rgba(255,255,255,0.2); margin: 40px 0;">' +


         // ÁREA DE LOGOS - ORGANIZAÇÃO EM 2 COLUNAS (2x2)
         // ÁREA DE LOGOS - CORREÇÃO PARA 2 COLUNAS (2x2)
         '<div style="display: flex; flex-wrap: wrap; align-items: flex-start; max-width: 1400px; margin: 0 auto; gap: 60px;">' +
         '<div style="display: flex; flex-wrap: wrap; align-items: flex-start; max-width: 1400px; margin: 0 auto; gap: 60px;">' +
             '<div>' +
             '<div>' +
Line 63: Line 63:
             '<div style="flex: 1;">' +
             '<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; color: #ffffff !important; text-transform: uppercase; margin-bottom: 15px; opacity: 0.8;">Co-sponsored by:</p>' +
                 // O segredo está neste max-width de 650px que obriga os logos a ficarem em pares
                 // Adicionámos display:flex e flex-wrap:wrap aqui para alinhar os blocos A
                 '<div style="display: flex; flex-wrap: wrap; gap: 30px; max-width: 650px; align-items: center;">' +
                 '<div style="display: flex; flex-wrap: wrap; gap: 20px; max-width: 600px;">' +
                     '<a href="'+pdfLinks.compete+'" target="_blank" style="flex: 0 0 calc(50% - 15px);"><img src="'+img.compete+'" class="footer-sponsor-img"></a>' +
                     '<a href="'+pdfLinks.compete+'" target="_blank" style="display: block; flex: 0 0 calc(50% - 20px);"><img src="'+img.compete+'" class="footer-sponsor-img" style="height:45px; width:auto;"></a>' +
                     '<a href="'+pdfLinks.centro+'" target="_blank" style="flex: 0 0 calc(50% - 15px);"><img src="'+img.centro+'" class="footer-sponsor-img"></a>' +
                     '<a href="'+pdfLinks.centro+'" target="_blank" style="display: block; flex: 0 0 calc(50% - 20px);"><img src="'+img.centro+'" class="footer-sponsor-img" style="height:45px; width:auto;"></a>' +
                     '<a href="'+pdfLinks.pessoas+'" target="_blank" style="flex: 0 0 calc(50% - 15px);"><img src="'+img.pessoas+'" class="footer-sponsor-img"></a>' +
                     '<a href="'+pdfLinks.pessoas+'" target="_blank" style="display: block; flex: 0 0 calc(50% - 20px);"><img src="'+img.pessoas+'" class="footer-sponsor-img" style="height:45px; width:auto;"></a>' +
                     '<a href="'+pdfLinks.prr+'" target="_blank" style="flex: 0 0 calc(50% - 15px);"><img src="'+img.prr+'" class="footer-sponsor-img"></a>' +
                     '<a href="'+pdfLinks.prr+'" target="_blank" style="display: block; flex: 0 0 calc(50% - 20px);"><img src="'+img.prr+'" class="footer-sponsor-img" style="height:45px; width:auto;"></a>' +
                 '</div>' +
                 '</div>' +
             '</div>' +
             '</div>' +

Revision as of 08:32, 29 April 2026

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


/*FOOTER*/

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

$(function() {
    // 1. LINKS DAS IMAGENS ORIGINAIS DA WIKI
    var img = {
        instagram: "https://wiki.atronia.eu/images/b/b7/Instagram.png",
        linkedin:  "https://wiki.atronia.eu/images/9/99/Linkdin.png",
        facebook:  "https://wiki.atronia.eu/images/5/55/Facebook.png",
        centro:    "https://wiki.atronia.eu/images/c/ce/Centro.png",
        compete:   "https://wiki.atronia.eu/images/9/92/Compete.png",
        pessoas:   "https://wiki.atronia.eu/images/2/20/Pessoas.png",
        prr:       "https://wiki.atronia.eu/images/4/42/Prr.png",
        igus:      "https://wiki.atronia.eu/images/3/37/Igus.png"
    };

    // 2. LINKS PARA OS DOCUMENTOS (WordPress)
    var pdfLinks = {
        compete: "https://atronia.eu/wp-content/uploads/2025/12/Ficha-do-projeto-ATRONIA-LDA.pdf",
        centro:  "https://atronia.eu/wp-content/uploads/2025/09/Ficha-de-Operacao_Tilt-Wind.pdf",
        pessoas: "https://atronia.eu/wp-content/uploads/2025/01/Pessoas2030.jpg",
        prr:     "https://atronia.eu/wp-content/uploads/2025/02/Ficha-de-Projeto.pdf"
    };

    var footerHTML = 
    '<div id="custom-atronia-footer" style="background-color: #121e1c; color: #ffffff !important; padding: 60px 40px; font-family: sans-serif; clear: both;">' +
        '<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>' +
                '<p style="font-size: 14px; color: #ffffff !important; 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>' +
                '<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>' +
                '<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>' +
                    '<a href="https://linkedin.com/company/atronia" target="_blank"><img src="'+img.linkedin+'" width="30" style="filter: brightness(0) invert(1);"></a>' +
                    '<a href="https://instagram.com/atroniatech" target="_blank"><img src="'+img.instagram+'" width="30" style="filter: brightness(0) invert(1);"></a>' +
                '</div>' +
            '</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>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>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>Support</h4><a href="https://wiki.atronia.eu/" target="_blank">Wiki</a></div>' +
            '</div>' +
        '</div>' +

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

        // ÁREA DE LOGOS - CORREÇÃO PARA 2 COLUNAS (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>' +
                '<img src="'+img.igus+'" style="height: 40px; width: auto;">' +
            '</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>' +
                // Adicionámos display:flex e flex-wrap:wrap aqui para alinhar os blocos A
                '<div style="display: flex; flex-wrap: wrap; gap: 20px; max-width: 600px;">' +
                    '<a href="'+pdfLinks.compete+'" target="_blank" style="display: block; flex: 0 0 calc(50% - 20px);"><img src="'+img.compete+'" class="footer-sponsor-img" style="height:45px; width:auto;"></a>' +
                    '<a href="'+pdfLinks.centro+'" target="_blank" style="display: block; flex: 0 0 calc(50% - 20px);"><img src="'+img.centro+'" class="footer-sponsor-img" style="height:45px; width:auto;"></a>' +
                    '<a href="'+pdfLinks.pessoas+'" target="_blank" style="display: block; flex: 0 0 calc(50% - 20px);"><img src="'+img.pessoas+'" class="footer-sponsor-img" style="height:45px; width:auto;"></a>' +
                    '<a href="'+pdfLinks.prr+'" target="_blank" style="display: block; flex: 0 0 calc(50% - 20px);"><img src="'+img.prr+'" class="footer-sponsor-img" style="height:45px; width:auto;"></a>' +
                '</div>' +
            '</div>' +
        '</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();
    $('body').append(footerHTML);
});

/*FIM DO FOOTER*/



// 4. GOOGLE ANALYTICS (Fora do $(function) para carregar logo)
var gaScript = document.createElement('script');
gaScript.src = "https://www.googletagmanager.com/gtag/js?id=G-MX174P23PW";
gaScript.async = true;
document.head.appendChild(gaScript);
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MX174P23PW');