From e8129ccb9122e8a8ebdca06b8be5e0b64e1f0552 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 16 Apr 2019 00:32:38 +0200
Subject: [PATCH] Add new carbon adds to the index

---
 index.html                 |  5 +++--
 js/carbon.js               | 27 +++++++++++++++++++++++++++
 stylesheets/stylesheet.css | 16 +++++++++++++++-
 3 files changed, 45 insertions(+), 3 deletions(-)
 create mode 100644 js/carbon.js

diff --git a/index.html b/index.html
index 2c4255d79..550230b27 100644
--- a/index.html
+++ b/index.html
@@ -62,7 +62,7 @@
                 <a class="top-nav-link scroll-link" data-target=".main-content" href="##">Features</a>
               </span>
               <span class="nav-item">
-                <a class="top-nav-link" href="/docs/">Documentation</a>
+                <a class="top-nav-link" href="/docs/">Docs</a>
               </span>
               <span class="nav-item">
                 <a class="top-nav-link" href="https://github.com/artf/grapesjs" target="_blank">
@@ -101,7 +101,8 @@
         <!--a href="https://github.com/artf/grapesjs/zipball/master" class="btn btn-rnd">Download</a-->
       </div>
 
-      <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script>
+      <div id="native-carbon"></div>
+      <script async type="text/javascript" src="./js/carbon.js"></script>
 
       <div class="bann-cont-c">
         <div class="bann-cont">
diff --git a/js/carbon.js b/js/carbon.js
new file mode 100644
index 000000000..91cffac57
--- /dev/null
+++ b/js/carbon.js
@@ -0,0 +1,27 @@
+var loadAd = function() {
+  if(typeof _bsa !== 'undefined' && _bsa) {
+    _bsa.init('custom', 'CK7I62QJ', 'placement:grapesjscom', {
+      target: '#native-carbon',
+      template: '<div id="carbonads">' +
+          '<a class="carbon-link" href="##link##" target="_blank" rel="noopener">'+
+            '<span class="carbon-wrap">'+
+              '<span class="carbon-img">'+
+                '<img src="##logo##" alt="" border="0" style="max-width: 130px; padding: 10px; background-color: ##backgroundColor##">'+
+              '</span>'+
+              '<span class="carbon-text">##description##</span>'+
+              '<div class="carbon-cta-c">'+
+                '<span class="carbon-cta" style="background-color: ##ctaBackgroundColor##; color: ##ctaTextColor##">##callToAction##</span>'+
+              '</div>'+
+            '</span>'+
+          '</a>'+
+        '</div>',
+    });
+  }
+};
+
+(function(){
+  var scr = document.createElement('script');
+  scr.src = '//m.servedby-buysellads.com/monetization.js';
+  scr.onload = loadAd;
+  document.head.appendChild(scr);
+})();
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
index 5eceb3718..81e8bd01f 100644
--- a/stylesheets/stylesheet.css
+++ b/stylesheets/stylesheet.css
@@ -766,7 +766,8 @@ a {
   border: 1px solid rgba(0,0,0,0.1);
 }
 
-#carbonads span {
+.carbon-wrap,
+.carbon-link {
   display: block;
   overflow: hidden;
   text-align: left;
@@ -785,6 +786,19 @@ a {
   border-radius: 3px;
 }
 
+.carbon-cta-c {
+  text-align: right;
+  padding-top: 5px;
+}
+
+.carbon-cta {
+  display: inline-block;
+  padding: 4px 10px;
+  border-radius: 3px;
+  font-weight: bold;
+  font-size: 12px;
+}
+
 #carbonads a {
   color: rgba(255,255,255,0.95);
   text-shadow: none;