Add fallback

diff --git a/docs/_includes/website/carbon.html b/docs/_includes/website/carbon.html
index 6adfb8e20ce0ddb2514765d75a552e56c6b9dcce..ffa0d728f5fef7a9842a188660502b13337aa941 100644 (file)
--- a/docs/_includes/website/carbon.html
+++ b/docs/_includes/website/carbon.html
@@ -1,5 +1,8 @@
 <div id="carboncontainer" class="bd-carbon">
   <div id="carbon">
-    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js"></script>
+    <a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; width: 400px; height: 260px;">
+      <img src="{{ site.url }}/assets/images/masterclass/masterclass-carbon.png" height="260" width="400" alt="CSS Masterclass">
+    </a>
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js" onerror="this.previousElementSibling.style.display = 'flex'"></script>
   </div>
 </div>

diff --git a/docs/assets/images/masterclass/masterclass-carbon.png b/docs/assets/images/masterclass/masterclass-carbon.png
new file mode 100644 (file)
index 0000000..882667a
Binary files /dev/null and b/docs/assets/images/masterclass/masterclass-carbon.png differ