Jump to content

MediaWiki:Common.js: Difference between revisions

From ATRONIA Wiki
No edit summary
No edit summary
Line 5: Line 5:


$(function() {
$(function() {
    // Caminhos das imagens
    var imgBase = "https://wiki.atronia.eu/images/";
     var img = {
     var img = {
         facebook: "https://wiki.atronia.eu/images/5/55/Facebook.png",
         fb: imgBase + "5/55/Facebook.png",
         linkedin: "https://wiki.atronia.eu/images/9/99/Linkdin.png",
         ln: imgBase + "9/99/Linkdin.png",
         instagram: "https://wiki.atronia.eu/images/b/b7/Instagram.png",
         ig: imgBase + "b/b7/Instagram.png",
         igus:     "https://wiki.atronia.eu/images/3/37/Igus.png",
         igus: imgBase + "3/37/Igus.png",
         compete:   "https://wiki.atronia.eu/images/9/92/Compete.png",
         cp: imgBase + "9/92/Compete.png",
         centro:   "https://wiki.atronia.eu/images/c/ce/Centro.png",
         ce: imgBase + "c/ce/Centro.png",
         pessoas:   "https://wiki.atronia.eu/images/2/20/Pessoas.png",
         ps: imgBase + "2/20/Pessoas.png",
         prr:       "https://wiki.atronia.eu/images/4/42/Prr.png"
         pr: imgBase + "4/42/Prr.png"
     };
     };


     var scrollingHTML =  
     var html =  
    '<div id="custom-atronia-footer">' +
        // 1. Scroll
         '<div class="atronia-scrolling-container">' +
         '<div class="atronia-scrolling-container">' +
             '<div class="atronia-scrolling-content">' +
             '<div class="atronia-scrolling-content">' +
                 '<span>Tech that makes sense. • 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. • Tech that makes sense. • </span>' +
                 '<span>TECH THAT MAKES SENSE. • TECH THAT MAKES SENSE. • </span>' +
             '</div>' +
             '</div>' +
         '</div>';
         '</div>' +
 
       
    var footerHTML =
        // 2. Conteúdo Principal
    '<div id="custom-atronia-footer" style="padding: 60px 40px; font-family: sans-serif; clear: both;">' +
        '<div class="atronia-footer-main">' +
        '<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1400px; margin: 0 auto;">' +
            '<div class="atronia-col" style="flex: 1.5;">' +
            '<div style="flex: 1.5; min-width: 300px; margin-bottom: 40px;">' +
                 '<h4>Visit but keep in mind we\'re busy</h4>' +
                 '<h4>Visit but keep in mind we\'re busy</h4>' +
                 '<p>Rua do Norte 9,<br>Ílhavo, 3830-167<br>Portugal</p>' +
                 '<p>Rua do Norte 9,<br>Ílhavo, 3830-167, Portugal</p>' +
                 '<h4 style="margin-top: 35px;">Contact Us</h4>' +
                 '<h4 style="margin-top:30px">Contact Us</h4>' +
                 '<p>+351 934 886 253<br>info@atronia.eu</p>' +
                 '<p>+351 934 886 253<br>info@atronia.eu</p>' +
                 '<div style="margin-top: 25px; display: flex; gap: 15px;">' +
                 '<div style="display:flex; gap:15px; margin-top:15px">' +
                     '<a href="https://facebook.com/atroniatech" target="_blank"><img src="'+img.facebook+'" width="25" style="filter: brightness(0) invert(1);"></a>' +
                     '<a href="#"><img src="'+img.fb+'" width="25" style="filter:invert(1)"></a>' +
                     '<a href="https://linkedin.com/company/atronia" target="_blank"><img src="'+img.linkedin+'" width="25" style="filter: brightness(0) invert(1);"></a>' +
                     '<a href="#"><img src="'+img.ln+'" width="25" style="filter:invert(1)"></a>' +
                     '<a href="https://instagram.com/atroniatech" target="_blank"><img src="'+img.instagram+'" width="25" style="filter: brightness(0) invert(1);"></a>' +
                     '<a href="#"><img src="'+img.ig+'" width="25" style="filter:invert(1)"></a>' +
                 '</div>' +
                 '</div>' +
             '</div>' +
             '</div>' +
             '<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/">Home</a><a href="https://atronia.eu/about-us/">About us</a><a href="https://atronia.eu/hardware/">Hardware</a><a href="https://atronia.eu/solutions/">Solutions</a></div>' +
            '<div class="atronia-col"><h4>Menu</h4>' +
                '<div class="atronia-col"><h4>Solutions</h4><a href="https://atronia.eu/solutions/aquaguard/">Aquaguard</a><a href="https://atronia.eu/solutions/firefly/">Firefly</a><a href="https://atronia.eu/solutions/melisafe/">Melisafe</a><a href="https://atronia.eu/solutions/prevent/">Prevent</a></div>' +
                '<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 class="atronia-col"><h4>Shop</h4><a href="https://atronia.eu/product/monarch-gateway/">Monarch</a><a href="https://atronia.eu/product/atlas-sbc/">Atlas</a><a href="https://atronia.eu/product-category/probes/">Probes</a><a href="https://atronia.eu/product-category/accessories/">Accessories</a></div>' +
            '</div>' +
                '<div class="atronia-col"><h4>Support</h4><a href="https://wiki.atronia.eu/">Wiki</a></div>' +
           
            '<div class="atronia-col"><h4>Solutions</h4>' +
                '<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>' +
           
            '<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>' +
             '</div>' +
         '</div>' +
         '</div>' +
         '<hr style="border: 0; border-top: 1px solid rgba(255,255,255,0.1); margin: 40px 0;">' +
 
         '<div style="display: flex; flex-wrap: wrap; align-items: flex-start; max-width: 1400px; margin: 0 auto; gap: 60px;">' +
         '<hr style="border:0; border-top:1px solid rgba(255,255,255,0.1); margin:0 40px">' +
             '<div><p style="font-size: 11px; opacity: 0.6; margin-bottom: 15px;">POWERED BY:</p><img src="'+img.igus+'" style="height: 40px;"></div>' +
 
             '<div><p style="font-size: 11px; opacity: 0.6; margin-bottom: 15px;">CO-SPONSORED BY:</p>' +
        // 3. Logos
         '<div style="padding: 40px; display: flex; flex-wrap: wrap; gap: 50px; max-width: 1200px; margin: 0 auto;">' +
             '<div><p style="font-size:10px; opacity:0.6">POWERED BY:</p><img src="'+img.igus+'" height="40"></div>' +
             '<div><p style="font-size:10px; opacity:0.6">CO-SPONSORED BY:</p>' +
                 '<div class="sponsor-grid">' +
                 '<div class="sponsor-grid">' +
                     '<img src="'+img.compete+'" class="footer-sponsor-img"><img src="'+img.centro+'" class="footer-sponsor-img">' +
                     '<img src="'+img.cp+'" class="footer-sponsor-img"><img src="'+img.ce+'" class="footer-sponsor-img">' +
                     '<img src="'+img.pessoas+'" class="footer-sponsor-img"><img src="'+img.prr+'" class="footer-sponsor-img">' +
                     '<img src="'+img.ps+'" class="footer-sponsor-img"><img src="'+img.pr+'" class="footer-sponsor-img">' +
                 '</div>' +
                 '</div>' +
             '</div>' +
             '</div>' +
Line 57: Line 73:
     '</div>';
     '</div>';


     $('.atronia-scrolling-container, #custom-atronia-footer').remove();
    // Inserção limpa
     $('body').append(scrollingHTML + footerHTML);
     $('#custom-atronia-footer').remove();
     $('body').append(html);
});
});



Revision as of 09:12, 29 April 2026

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


/*FOOTER*/

$(function() {
    // Caminhos das imagens
    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 + "3/37/Igus.png",
        cp: imgBase + "9/92/Compete.png",
        ce: imgBase + "c/ce/Centro.png",
        ps: imgBase + "2/20/Pessoas.png",
        pr: imgBase + "4/42/Prr.png"
    };

    var html = 
    '<div id="custom-atronia-footer">' +
        // 1. Scroll
        '<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>' +
            '</div>' +
        '</div>' +
        
        // 2. Conteúdo Principal
        '<div class="atronia-footer-main">' +
            '<div class="atronia-col" style="flex: 1.5;">' +
                '<h4>Visit but keep in mind we\'re busy</h4>' +
                '<p>Rua do Norte 9,<br>Ílhavo, 3830-167, Portugal</p>' +
                '<h4 style="margin-top:30px">Contact Us</h4>' +
                '<p>+351 934 886 253<br>info@atronia.eu</p>' +
                '<div style="display:flex; gap:15px; margin-top:15px">' +
                    '<a href="#"><img src="'+img.fb+'" width="25" style="filter:invert(1)"></a>' +
                    '<a href="#"><img src="'+img.ln+'" width="25" style="filter:invert(1)"></a>' +
                    '<a href="#"><img src="'+img.ig+'" width="25" style="filter:invert(1)"></a>' +
                '</div>' +
            '</div>' +
            
            '<div class="atronia-col"><h4>Menu</h4>' +
                '<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>' +
            
            '<div class="atronia-col"><h4>Solutions</h4>' +
                '<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>' +
            
            '<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>' +
        '</div>' +

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

        // 3. Logos
        '<div style="padding: 40px; display: flex; flex-wrap: wrap; gap: 50px; max-width: 1200px; margin: 0 auto;">' +
            '<div><p style="font-size:10px; opacity:0.6">POWERED BY:</p><img src="'+img.igus+'" height="40"></div>' +
            '<div><p style="font-size:10px; opacity:0.6">CO-SPONSORED BY:</p>' +
                '<div class="sponsor-grid">' +
                    '<img src="'+img.cp+'" class="footer-sponsor-img"><img src="'+img.ce+'" class="footer-sponsor-img">' +
                    '<img src="'+img.ps+'" class="footer-sponsor-img"><img src="'+img.pr+'" class="footer-sponsor-img">' +
                '</div>' +
            '</div>' +
        '</div>' +
    '</div>';

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

/*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');