Jump to content

MediaWiki:Common.js

From ATRONIA Wiki
Revision as of 10:58, 29 April 2026 by WikiManagement (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */


/*FOOTER*/

$(function() {
    var imgBase = "https://wiki.atronia.eu/images/";
    var img = {
        fb: imgBase + "5/55/Facebook.png",
        ln: imgBase + "9/99/Linkdin.png",
        ig: imgBase + "b/b7/Instagram.png",
        igus: imgBase + "2/2b/Igus.svg",
        cp: imgBase + "9/92/Compete.png",
        ce: imgBase + "c/ce/Centro.png",
        ps: imgBase + "2/20/Pessoas.png",
        pr: imgBase + "4/42/Prr.png"
    };

    // Estilos comuns (Removido o Caps Lock aqui)
    var linkStyle = 'style="color: #ffffff !important; display: block; margin-bottom: 10px; font-size: 14px; text-decoration: none;"';
    var titleStyle = 'style="color: #ffffff !important; font-weight: bold; margin-bottom: 20px; font-size: 16px; border: none; text-transform: none;"';

    var html = 
    '<div id="custom-atronia-footer">' +
        // 1. SCROLLING TEXT
        '<div class="atronia-scrolling-container">' +
            '<div class="atronia-scrolling-content">' +
                '<span>TECH THAT MAKES SENSE. • TECH THAT MAKES SENSE. • </span>' +
                '<span>TECH THAT MAKES SENSE. • TECH THAT MAKES SENSE. • </span>' +
                '<span>TECH THAT MAKES SENSE. • TECH THAT MAKES SENSE. • </span>' +
                '<span>TECH THAT MAKES SENSE. • TECH THAT MAKES SENSE. • </span>' +
            '</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;">' +
            // Contactos
            '<div style="flex: 1.5; min-width: 300px;">' +
                '<h4 '+titleStyle+'>Visit but keep in mind we\'re busy</h4>' +
                '<p style="color: #ffffff !important;">Rua do Norte 9,<br>Ílhavo, 3830-167, Portugal</p>' +
                '<h4 '+titleStyle+' style="margin-top:30px">Contact Us</h4>' +
                '<p style="color: #ffffff !important;">+351 934 886 253<br>info@atronia.eu</p>' +
                '<div style="display:flex; gap:15px; margin-top:20px">' +
                    '<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: brightness(0) invert(1) !important;"></a>' +
                    '<a href="#"><img src="'+img.ig+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +
                '</div>' +
            '</div>' +
            // Menus
            '<div style="flex: 3; display: flex; justify-content: space-between; flex-wrap: wrap;">' +
                '<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><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>' +
                '<div><h4 '+titleStyle+'>Support</h4><a '+linkStyle+' href="https://wiki.atronia.eu/">Wiki</a></div>' +
            '</div>' +
        '</div>' +

        // 3. LINHA BRANCA INTENSA LARGURA TOTAL
        '<div class="atronia-full-width-line"></div>' +

        // 4. SECÇÃO FINAL DE LOGOS AJUSTADA
        '<div style="padding: 40px 0; max-width: 1300px; margin: 0 auto; display: flex; align-items: flex-start; gap: 60px;">' +
            
            // Bloco Powered By + Links Extra (Coluna Esquerda)
            '<div style="flex: 0 0 auto; width: 300px; display: flex; flex-direction: column; gap: 25px;">' + 
                '<div>' +
                    '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Powered by:</p>' +
                    '<a href="https://www.igus.pt/" target="_blank">' +
                        '<img src="'+img.igus+'" style="height: auto; width: 100%; max-width: 180px; display: block; border:none;">' +
                    '</a>' +
                '</div>' +
                
                // LINKS NUMA SÓ LINHA
                '<div>' +
                    '<p style="font-size: 13px; color: #ffffff !important;">' +
                        '<strong>' +
                            '<a href="https://www.livroreclamacoes.pt/inicio/" target="_blank" rel="noopener" style="color: #ffffff !important; text-decoration: underline;">Livro de Reclamações</a>' +
                            ' | ' + 
                            '<a href="https://atronia.eu/privacy-policy/" target="_blank" rel="noopener" style="color: #ffffff !important; text-decoration: underline;">Privacy Policy</a>' +
                        '</strong>' +
                    '</p>' +
                '</div>' +
            '</div>' +

            // Bloco Co-sponsored By (Coluna Direita)
            '<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: 20px 40px; justify-content: start; align-items: center;">' +
                    '<a href="https://atronia.eu/wp-content/uploads/2025/12/Ficha-do-projeto-ATRONIA-LDA.pdf" target="_blank"><img src="'+img.cp+'" style="height: 50px; max-width: 350px; width: auto; object-fit: contain; border:none;"></a>' +
                    '<a href="https://atronia.eu/wp-content/uploads/2025/09/Ficha-de-Operacao_Tilt-Wind.pdf" target="_blank"><img src="'+img.ce+'" style="height: 50px; max-width: 350px; width: auto; object-fit: contain; border:none;"></a>' +
                    '<a href="https://atronia.eu/wp-content/uploads/2025/01/Pessoas2030.jpg" target="_blank"><img src="'+img.ps+'" style="height: 50px; max-width: 350px; width: auto; object-fit: contain; border:none;"></a>' +
                    '<a href="https://atronia.eu/wp-content/uploads/2025/02/Ficha-de-Projeto.pdf" target="_blank"><img src="'+img.pr+'" style="height: 50px; max-width: 350px; width: auto; object-fit: contain; border:none;"></a>' +
                '</div>' +
            '</div>' +
        '</div>' +
    '</div>';

    // Limpeza e Inserção
    $('#custom-atronia-footer').remove();
    $('body').append(html);
});

/*FIM DO FOOTER*/


/* Botão Voltar ao Topo */
var backToTop = $('<div id="back-to-top" style="display:none; position:fixed; bottom:40px; right:40px; width:50px; height:50px; background-color:#ffffff; color:#000000; border-radius:50%; text-align:center; line-height:50px; font-size:24px; cursor:pointer; z-index:9999; box-shadow: 0 4px 12px rgba(0,0,0,0.3); transition: all 0.3s ease;">↑</div>');

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

$(window).scroll(function() {
    if ($(window).scrollTop() > 300) {
        backToTop.fadeIn();
    } else {
        backToTop.fadeOut();
    }
});

backToTop.click(function() {
    $('html, body').animate({scrollTop: 0}, 600);
});

// Efeito de hover (opcional, para ficar mais profissional)
backToTop.hover(
    function() { $(this).css({ 'transform': 'scale(1.1)', 'background-color': '#A0D500' }); },
    function() { $(this).css({ 'transform': 'scale(1.0)', 'background-color': '#BFFF00' }); }
);


// 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');
Retrieved from "https://wiki.atronia.eu/index.php?title=MediaWiki:Common.js&oldid=1635"