Add Carbon Ads

_includes/header.html

@@ -9,11 +9,14 @@
 
     <div class="header-content">
       <div class="header-link">
-        <a target="_blank" href="https://amazon.com/?tag=buchea-20">
+        <!-- <a target="_blank" href="https://amazon.com/?tag=buchea-20">
           <img src="/img/amazon-logo-large.jpg" width="100%" height="auto">
           <p>Please use this affiliate link when you shop at Amazon.</p>
           <p>Thank You! 🤗</p>
-        </a>
+        </a> -->
+
+        <!-- Carbon Ads -->
+        <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=getheadinfo" id="_carbonads_js"></script>
       </div>
 
       <div class="header-text">

_sass/_carbon-ads.scss

@@ -0,0 +1,44 @@
+///////////////////////////////////////////////////////////////////////////////
+// Carbon Ads
+///////////////////////////////////////////////////////////////////////////////
+
+#carbonads {
+  display: block;
+  overflow: hidden;
+  padding: 1em;
+  text-align: center;
+  font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
+  line-height: 1.5;
+}
+
+#carbonads a {
+  color: inherit;
+  border: none;
+}
+
+#carbonads a:hover {
+  color: inherit;
+}
+
+#carbonads span {
+  display: block;
+  overflow: hidden;
+}
+
+.carbon-img {
+  display: block;
+  margin: 0 auto 1em;
+}
+
+.carbon-text {
+  display: block;
+  margin-bottom: 1em;
+}
+
+.carbon-poweredby {
+  display: block;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  font-size: .8em;
+  line-height: 1;
+}

main.scss

@@ -5,6 +5,7 @@
 @import 'variables';
 @import 'github';
 @import 'syntax';
+@import 'carbon-ads';
 
 * {
   box-sizing: border-box;