MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary Tag: Reverted |
||
| Line 17: | Line 17: | ||
}; | }; | ||
var linkStyle = 'style="color: #ffffff !important; text-decoration: none !important; display: block; margin-bottom: 10px; font-size: 14px;"'; | |||
var linkStyle = 'style="color: #ffffff !important; text-decoration: none; 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 titleStyle = 'style="color: #ffffff !important; font-weight: bold; margin-bottom: 20px; font-size: 16px; border: none;"'; | ||
var html = | var html = | ||
'<div id="custom-atronia-footer">' + | '<div id="custom-atronia-footer" style="background-color: #121e1c;">' + | ||
// Scroll | // Scroll Section | ||
'<div class="atronia-scrolling-container">' + | '<div class="atronia-scrolling-container">' + | ||
'<div class="atronia-scrolling-content">' + | '<div class="atronia-scrolling-content">' + | ||
| Line 31: | Line 30: | ||
'</div>' + | '</div>' + | ||
// Main Content | |||
'<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; max-width: 1300px; margin: 0 auto; padding: 60px 20px; color: #ffffff;">' + | ||
'<div style="flex: 1.5; min-width: 300px;">' + | '<div style="flex: 1.5; min-width: 300px;">' + | ||
'<h4 '+titleStyle+'>Visit but keep in mind we\'re busy</h4>' + | '<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>' + | '<p style="color: #ffffff !important; font-size: 14px;">Rua do Norte 9,<br>Ílhavo, 3830-167, Portugal</p>' + | ||
'<h4 '+titleStyle+' style="margin-top: | '<h4 '+titleStyle+' style="margin-top:35px">Contact Us</h4>' + | ||
'<p style="color: #ffffff !important;">+351 934 886 253<br>info@atronia.eu</p>' + | '<p style="color: #ffffff !important; font-size: 14px;">+351 934 886 253<br>info@atronia.eu</p>' + | ||
'<div style="display:flex; gap:15px; margin-top:20px">' + | '<div style="display:flex; gap:15px; margin-top:20px">' + | ||
'<a href="#"><img src="'+img.fb+'" width=" | '<a href="#"><img src="'+img.fb+'" width="22" style="filter: brightness(0) invert(1);"></a>' + | ||
'<a href="#"><img src="'+img.ln+'" width=" | '<a href="#"><img src="'+img.ln+'" width="22" style="filter: brightness(0) invert(1);"></a>' + | ||
'<a href="#"><img src="'+img.ig+'" width=" | '<a href="#"><img src="'+img.ig+'" width="22" style="filter: brightness(0) invert(1);"></a>' + | ||
'</div>' + | '</div>' + | ||
'</div>' + | '</div>' + | ||
'<div style="flex: 3; display: flex; justify-content: space-between; flex-wrap: wrap;">' + | '<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+'>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>' + | ||
| Line 54: | Line 52: | ||
'</div>' + | '</div>' + | ||
'< | // Linha Separadora de Largura Total | ||
'<div style="width: 100%; border-top: 1px solid rgba(255,255,255,0.2);"></div>' + | |||
// | // Sponsor Section | ||
'<div style="padding: 50px | '<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:11px; opacity:0.6; color:#ffffff !important; margin-bottom: | '<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:11px; opacity:0.6; color:#ffffff !important; margin-bottom: | '<img src="'+img.igus+'" style="height: 40px; width: auto; filter: grayscale(1) brightness(1.5);"></div>' + | ||
'<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: | '<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: | '<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 50px; align-items: center;">' + | ||
'<img src="'+img.ce+'" style="height: | '<img src="'+img.cp+'" style="height: 38px; width: auto; object-fit: contain;">' + | ||
'<img src="'+img.ps+'" style="height: | '<img src="'+img.ce+'" style="height: 38px; width: auto; object-fit: contain;">' + | ||
'<img src="'+img.pr+'" style="height: | '<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>' + | '</div>' + | ||
'</div>' + | '</div>' + | ||