Jump to content

MediaWiki:Common.js: Difference between revisions

No edit summary
No edit summary
Line 75: Line 75:
         '<div class="atronia-full-width-line"></div>' +
         '<div class="atronia-full-width-line"></div>' +


         // 4. SECÇÃO FINAL (LOGOS)
         // 4. SECÇÃO FINAL (LOGOS EQUIDISTANTES)
         '<div style="padding: 40px 20px; max-width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 40px;">' +
         '<div style="padding: 40px 20px; max-width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px;">' +
             '<div style="flex: 1.2; min-width: 320px; display: flex; flex-direction: column; gap: 25px;">' +  
           
                 '<div style="display: flex; gap: 30px; align-items: flex-start;">' +
            // 1. Approved by
                    // Approved by (Selo ID)
             '<div style="flex: 1; min-width: 150px;">' +
                    '<div>' +
                 '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Approved by:</p>' +
                        '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Approved by:</p>' +
                '<img src="'+img.selo+'" style="height: auto; width: 100px; display: block; border:none;">' +
                        '<img src="'+img.selo+'" style="height: auto; width: 100px; display: block; border:none;">' +
            '</div>' +
                    '</div>' +
 
                    // Powered by (igus)
            // 2. Powered by
                    '<div>' +
            '<div style="flex: 1; min-width: 150px;">' +
                        '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Powered by:</p>' +
                '<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: 140px; display: block; border:none;"></a>' +
                '<a href="https://www.igus.pt/" target="_blank"><img src="'+img.igus+'" style="height: auto; width: 140px; display: block; border:none;"></a>' +
                    '</div>' +
                '</div>' +
                '<div>' +
                    '<p style="font-size: 13px; color: #ffffff !important;">' +
                        '<strong><a href="https://www.livroreclamacoes.pt/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Livro de Reclamações</a> | <a href="https://atronia.eu/privacy-policy/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Privacy Policy</a></strong>' +
                    '</p>' +
                '</div>' +
             '</div>' +
             '</div>' +
             '<div style="flex: 2;">' +
 
            // 3. Co-sponsored by
             '<div style="flex: 2; min-width: 300px;">' +
                 '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Co-sponsored by:</p>' +
                 '<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;">' +
                 '<div style="display: grid; grid-template-columns: repeat(2, auto); gap: 20px 40px; justify-content: start; align-items: center;">' +
Line 105: Line 100:
                 '</div>' +
                 '</div>' +
             '</div>' +
             '</div>' +
        '</div>' + // Fim da flex row de logos
        // Links Legais (alinhados abaixo dos logos)
        '<div style="padding: 0 20px 40px 20px; max-width: 1300px; margin: 0 auto;">' +
            '<p style="font-size: 13px; color: #ffffff !important;">' +
                '<strong><a href="https://www.livroreclamacoes.pt/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Livro de Reclamações</a> | <a href="https://atronia.eu/privacy-policy/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Privacy Policy</a></strong>' +
            '</p>' +
         '</div>' +
         '</div>' +
     '</div>';
     '</div>';