diff --git a/_includes/layout/base/footer-js.html b/_includes/layout/base/footer-js.html index 6925b95579..d71747e66a 100644 --- a/_includes/layout/base/footer-js.html +++ b/_includes/layout/base/footer-js.html @@ -6,6 +6,15 @@ {% comment %} diff --git a/_less/screen.less b/_less/screen.less index a594a588b1..4fc0ec0173 100644 --- a/_less/screen.less +++ b/_less/screen.less @@ -146,6 +146,34 @@ table td,table th{ font-style:italic; } +.ad-slot{ + background-color: #EFEFEF; + border-bottom: 1px solid #D6D6D6; + text-align: center; +} + +.ad-slot-inner-container{ + display: inline-block; + padding: 5px; +} + + +.ad-slot-inner-container a{ + font-size: 14px; + margin-top: 8px; + margin-left: 5px; +} + +.ad-slot-disclaimer { + color: #FFF; + line-height: 14px; + padding: 0px 2px; + font-size: 12px; + display: inline-block; + border-radius: 2px; + background-color: #E05950; +} + .banner-message, .banner-message a, .banner-message a:link, diff --git a/js/main.js b/js/main.js index 7e189bca74..80717f3b87 100644 --- a/js/main.js +++ b/js/main.js @@ -547,6 +547,38 @@ function makeEditable(e) { } } +function showAds(ads) { + if(!isMobile()){ + + var ad = ads[Math.floor(Math.random()*ads.length)]; + + var ad_slot = document.createElement("div"); + ad_slot.className = "ad-slot"; + + var ad_slot_inner_container = document.createElement("div"); + ad_slot_inner_container.className = "ad-slot-inner-container"; + + + var ad_slot_link = document.createElement("a"); + ad_slot_link.href = ad.website; + ad_slot_link.target = "_blank"; + ad_slot_link.appendChild(document.createTextNode(ad.text)); + + var ad_slot_disclaimer = document.createElement("span"); + ad_slot_disclaimer.className = "ad-slot-disclaimer"; + ad_slot_disclaimer.appendChild(document.createTextNode("Ad")); + + ad_slot_inner_container.appendChild(ad_slot_disclaimer); + ad_slot_inner_container.appendChild(ad_slot_link); + + ad_slot.appendChild(ad_slot_inner_container); + + var body = document.body; + body.insertBefore(ad_slot, body.firstChild); + + } +} + // Add makeEditable event listener var xint = setInterval(function() { if (!document.body) return;