From 5b8c3636a3d7536535a6878eca0e5b773e4829d4 Mon Sep 17 00:00:00 2001
From: Milos Djermanovic <milos.djermanovic@gmail.com>
Date: Tue, 13 Feb 2024 15:27:01 +0100
Subject: [PATCH] docs: Switch to Ethical Ads (#18117)

(cherry picked from commit f1c7e6fc8ea77fcdae4ad1f8fe1cd104a281d2e9)

Co-authored-by: Strek <ssharishkumar@gmail.com>
---
 docs/src/_data/sites/en.yml                   |  5 ++-
 docs/src/_includes/components/hero.macro.html |  2 +-
 docs/src/_includes/layouts/doc.html           |  2 +-
 .../partials/{carbon-ad.html => ad.html}      | 12 ++++++
 .../assets/scss/{carbon-ads.scss => ads.scss} | 39 +++++++++++++++++++
 docs/src/assets/scss/styles.scss              |  2 +-
 6 files changed, 57 insertions(+), 5 deletions(-)
 rename docs/src/_includes/partials/{carbon-ad.html => ad.html} (51%)
 rename docs/src/assets/scss/{carbon-ads.scss => ads.scss} (71%)

diff --git a/docs/src/_data/sites/en.yml b/docs/src/_data/sites/en.yml
index 532630be810..dc90e3dd233 100644
--- a/docs/src/_data/sites/en.yml
+++ b/docs/src/_data/sites/en.yml
@@ -27,8 +27,9 @@ google_analytics:
 #------------------------------------------------------------------------------
 
 carbon_ads:
-  serve: CESDV2QM
-  placement: eslintorg
+  serve: ""
+  placement: ""
+ethical_ads: true
 
 #------------------------------------------------------------------------------
 # Shared
diff --git a/docs/src/_includes/components/hero.macro.html b/docs/src/_includes/components/hero.macro.html
index 3ff0c9c6f80..5b6ccb38bf4 100644
--- a/docs/src/_includes/components/hero.macro.html
+++ b/docs/src/_includes/components/hero.macro.html
@@ -22,7 +22,7 @@ <h1 class="section-title">{{ params.title }}</h1>
             {% endif %}
         </div>
         <div class="span-10-12 hero-ad">
-            {% include "partials/carbon-ad.html" %}
+            {% include "partials/ad.html" %}
         </div>
     </div>
 </div>
diff --git a/docs/src/_includes/layouts/doc.html b/docs/src/_includes/layouts/doc.html
index 58d8986a5dc..92db212806e 100644
--- a/docs/src/_includes/layouts/doc.html
+++ b/docs/src/_includes/layouts/doc.html
@@ -111,7 +111,7 @@ <h1>{{ title }}</h1>
         <div class="docs-aside">
             <div class="docs-aside__content">
                 <aside class="docs-ad">
-                    {%- include 'partials/carbon-ad.html' -%}
+                    {%- include 'partials/ad.html' -%}
                 </aside>
                 {% include 'components/docs-toc.html' %}
             </div>
diff --git a/docs/src/_includes/partials/carbon-ad.html b/docs/src/_includes/partials/ad.html
similarity index 51%
rename from docs/src/_includes/partials/carbon-ad.html
rename to docs/src/_includes/partials/ad.html
index c79eba5a679..e71b3585544 100644
--- a/docs/src/_includes/partials/carbon-ad.html
+++ b/docs/src/_includes/partials/ad.html
@@ -11,3 +11,15 @@
   }
 </script>
 {% endif %}
+{% if site.ethical_ads %}
+<script id="eslint-sponsor">
+    if (window.innerWidth > 800) {
+        var s = document.createElement("script");
+        s.type = "text/javascript";
+        s.src = "//media.ethicalads.io/media/client/ethicalads.min.js";
+        document.getElementById("eslint-sponsor").after(s);
+        document.getElementById("eslint-sponsor").remove();
+    }
+</script>
+<div data-ea-publisher="eslint-org" data-ea-type="image"></div>
+{% endif %}
\ No newline at end of file
diff --git a/docs/src/assets/scss/carbon-ads.scss b/docs/src/assets/scss/ads.scss
similarity index 71%
rename from docs/src/assets/scss/carbon-ads.scss
rename to docs/src/assets/scss/ads.scss
index bd7ea8e660c..4b1b4e84e1b 100644
--- a/docs/src/assets/scss/carbon-ads.scss
+++ b/docs/src/assets/scss/ads.scss
@@ -4,6 +4,15 @@
     }
 }
 
+.docs-ad {
+    height: 290px;
+}
+
+/*
+ * Carbon Ads
+ * https://www.carbonads.net/
+ */
+
 #carbonads * {
     margin: initial;
     padding: initial;
@@ -113,3 +122,33 @@
         font-size: 8px;
     }
 }
+
+/*
+ * Ethical Ads
+ */
+
+[data-ea-publisher].loaded .ea-content,
+[data-ea-type].loaded .ea-content {
+    background-color: var(--body-background-color) !important;
+    border: 1px solid var(--border-color) !important;
+}
+
+[data-ea-publisher].loaded .ea-content a:link,
+[data-ea-type].loaded .ea-content a:link {
+    color: var(--body-text-color) !important;
+}
+
+[data-ea-publisher].loaded .ea-callout a:link,
+[data-ea-type].loaded .ea-callout a:link {
+    color: var(--body-text-color) !important;
+}
+
+.jumbotron [data-ea-publisher].loaded .ea-content a,
+.jumbotron [data-ea-type].loaded .ea-content a {
+    color: #eee;
+}
+
+.jumbotron [data-ea-publisher].loaded .ea-content a:hover,
+.jumbotron [data-ea-type].loaded .ea-content a:hover {
+    color: #ccc;
+}
diff --git a/docs/src/assets/scss/styles.scss b/docs/src/assets/scss/styles.scss
index 8907a6c4bf9..09915d60b4e 100644
--- a/docs/src/assets/scss/styles.scss
+++ b/docs/src/assets/scss/styles.scss
@@ -30,6 +30,6 @@
 @import "components/tabs";
 @import "components/resources";
 
-@import "carbon-ads";
+@import "ads";
 
 @import "utilities";