MediaWiki:Common.js: Difference between revisions

Line 7:

var imgBase = "https://wiki.atronia.eu/images/";

var img = {

fb: imgBase + "5/55/Facebook.png",

fb: imgBase + "5/55/Facebook.png", ln: imgBase + "9/99/Linkdin.png", ig: imgBase + "b/b7/Instagram.png",

ln: imgBase + "9/99/Linkdin.png",

igus: imgBase + "3/37/Igus.png", cp: imgBase + "9/92/Compete.png", ce: imgBase + "c/ce/Centro.png",

ig: imgBase + "b/b7/Instagram.png",

ps: imgBase + "2/20/Pessoas.png", pr: imgBase + "4/42/Prr.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 linkStyle = 'style="color: #ffffff !important; text-decoration: none !important; display: block; margin-bottom: 10px; font-size: 14px;"';~~

~~var titleStyle = 'style="color: #ffffff !important; font-weight: bold; margin-bottom: 20px; font-size: 16px; border: none;"';~~

var html =

'<div id="custom-atronia-footer~~" style="background-color: #121e1c;~~">' +

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

~~// Scroll Section~~

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

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

Line 30:

Line 21:

'</div>' +

~~// Main Content~~

'<div style="max-width:1200px; margin:0 auto; padding:60px 20px;">' +

'<div style="display: flex; flex-wrap: wrap; justify-content: space-between; ~~max~~-~~width: 1300px; margin: 0 auto; padding~~: 60px ~~20px; color: #ffffff~~;">' +

'<div style="display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:60px;">' +

'<div style="flex: 1.5; min-width: ~~300px~~;">' +

'<div style="flex:1; min-width:250px;">' +

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

'<h4 style="color:#fff; margin-bottom:15px; border:none;">Visit but keep in mind we\'re busy</h4>' +

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

'<p style="font-size:14px;">Rua do Norte 9,<br>Ílhavo, 3830-167, Portugal</p>' +

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

'<h4 style="color:#fff; margin:30px 0 15px; border:none;">Contact Us</h4>' +

'<p style="~~color: #ffffff !important;~~ font-size: 14px;">+351 934 886 253<br>info@atronia.eu</p>' +

'<p style="font-size:14px;">+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="22" style="filter: ~~brightness(0)~~ invert(1);"></a>' +

'<a href="#"><img src="'+img.fb+'" width="22" style="filter:invert(1)"></a>' +

'<a href="#"><img src="'+img.ln+'" width="22" style="filter: ~~brightness(0)~~ invert(1);"></a>' +

'<a href="#"><img src="'+img.ln+'" width="22" style="filter:invert(1)"></a>' +

'<a href="#"><img src="'+img.ig+'" width="22" style="filter: ~~brightness(0)~~ invert(1);"></a>' +

'<a href="#"><img src="'+img.ig+'" width="22" style="filter:invert(1)"></a>' +

'</div>' +

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

'<div><h4 style="color:#fff; border:none;">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><h4 style="color:#fff; border:none;">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><h4 style="color:#fff; border:none;">Shop</h4><a href="/product/monarch/">Monarch</a><br><a href="/product/atlas/">Atlas</a><br><a href="/probes/">Probes</a><br><a href="/accessories/">Accessories</a></div>' +

'<div><h4 style="color:#fff; border:none;">Support</h4><a href="https://wiki.atronia.eu/">Wiki</a></div>' +

'</div>' +

~~'</div>' +~~

~~'<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>' +

// Linha Separadora de Largura Total

// Linha Separadora Interna (Largura Total do Fundo)

'<div style="~~width: 100%;~~ border-top: 1px solid rgba(255,255,255,0.2);"></div>' +

'<div style="border-top:1px solid rgba(255,255,255,0.2); width:100%;"></div>' +

~~// Sponsor Section~~

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

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

'<div><p style="font-size:10px; opacity:0.6; margin-bottom:15px;">POWERED BY:</p><img src="'+img.igus+'" style="height:35px; width:auto;"></div>' +

'<div><p style="font-size:~~11px~~; opacity:0.6~~; color:#ffffff !important~~; margin-bottom:~~25px; font-weight:bold~~;">POWERED BY:</p>~~' +~~

'<div><p style="font-size:10px; opacity:0.6; margin-bottom:15px;">CO-SPONSORED BY:</p>' +

'<img src="'+img.igus+'" style="height: ~~40px~~; width: auto~~; filter: grayscale(1) brightness(1.5)~~;"></div>' +

'<div style="display:flex; flex-wrap:wrap; gap:20px 40px; align-items:center;">' +

'<div><p style="font-size:~~11px~~; opacity:0.6~~; color:#ffffff !important~~; margin-bottom:~~25px; font-weight:bold~~;">CO-SPONSORED BY:</p>' +

'<img src="'+img.cp+'" style="height:35px; width:auto;"><img src="'+img.ce+'" style="height:35px; width:auto;">' +

'<div style="display: ~~grid~~; ~~grid~~-~~template-columns~~: ~~repeat(2, 1fr)~~; gap: ~~30px 50px~~; align-items: center;">' +

'<img src="'+img.ps+'" style="height:35px; width:auto;"><img src="'+img.pr+'" style="height:35px; width:auto;">' +

'<img src="'+img.cp+'" style="height: ~~38px~~; width: auto~~; object-fit: contain~~;">~~' +~~

'<img src="'+img.ce+'" style="height: ~~38px~~; width: auto~~; object-fit: contain~~;">' +

'<img src="'+img.ps+'" style="height: ~~38px~~; width: auto~~; object-fit: contain~~;">~~' +~~

'<img src="'+img.pr+'" style="height: ~~38px~~; width: auto~~; object-fit: contain~~;">' +

'</div>' +