feat: add support for displaying carbon ads

Author: thetutlage

css/carbon_ads.css

@@ -0,0 +1,25 @@
+.carbon_ad_wrapper {
+  margin-top: var(--prose-elements-margin);
+  background: var(--neutral-gray-3);
+  padding: 15px;
+  border-radius: var(--rounded-md);
+  text-align: center;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.4;
+  color: var(--neutral-gray-11);
+}
+
+.carbon_ad_wrapper img {
+  margin: 0 auto 12px;
+  border-radius: var(--rounded-sm);
+}
+
+.carbon_ad_wrapper #carbonads .carbon-poweredby {
+  display: block;
+  margin-top: 6px;
+  text-transform: uppercase;
+  color: var(--neutral-gray-10);
+  text-align: center;
+  font-size: 10px;
+}

css/main.css

@@ -8,3 +8,4 @@
 @import './sponsors.css';
 @import './disclosure.css';
 @import './feature_highlight.css';
+@import './carbon_ads.css';

templates/toc.edge

@@ -12,6 +12,17 @@
       @if(sponsors && sponsors.length)
         @!component('docs::elements/sponsor_advertisements', { sponsors })
       @end
+
+      @if(carbonAds)
+        <div class="carbon_ad_wrapper">
+          <script
+            async
+            type="text/javascript"
+            src="{{ carbonAds.url }}"
+            id="_carbonads_js"
+          ></script>
+        </div>
+      @end
     </div>
   </div>
 </div>