Add Carbon ads in docs pages

core

@@ -1 +1 @@
-Subproject commit e25035fd12f6eb632842eee640c713613cb7a39f
+Subproject commit acd62386fda8fadb1a39ab7e0391bf783015c1f6

docs/sass/carbon.scss

@@ -0,0 +1,66 @@
+#carbonads * {
+    margin: initial;
+    padding: initial;
+}
+#carbonads {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
+    sans-serif;
+}
+#carbonads {
+    display: flex;
+    max-width: 330px;
+    //background-color: hsl(0, 0%, 98%);
+    //box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
+    z-index: 100;
+}
+#carbonads a {
+    color: inherit;
+    text-decoration: none;
+}
+#carbonads a:hover {
+    color: inherit;
+}
+#carbonads span {
+    position: relative;
+    display: block;
+    overflow: hidden;
+}
+#carbonads .carbon-wrap {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 20px 10px;
+    text-align: center;
+}
+#carbonads .carbon-img {
+    display: block;
+    margin: 0;
+    line-height: 1;
+}
+#carbonads .carbon-img img {
+    display: block;
+}
+#carbonads .carbon-text {
+    font-size: 13px;
+    padding: 10px;
+    margin-bottom: 16px;
+    line-height: 1.5;
+    //text-align: left;
+}
+#carbonads .carbon-poweredby {
+    display: block;
+    padding: 6px 8px;
+    background: #f1f1f2;
+    text-align: center;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-weight: 600;
+    font-size: 8px;
+    line-height: 1;
+    border-top-left-radius: 3px;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+}

docs/sass/index.scss

@@ -40,6 +40,10 @@
   display: none;
 }
 
+.sidebar {
+  width: 215px;
+}
+
 @media screen and (max-width: 768px) {
   header {
     padding: 10px 30px;
@@ -68,6 +72,8 @@
 
   main {
     padding: 30px;
+    display: flex;
+    flex-direction: column;
   }
 
   .content {
@@ -79,6 +85,11 @@
     height: auto;
   }
 
+  .sidebar {
+    width: 215px;
+    margin: 2rem auto 0;
+  }
+
   .explore-more, .demonstration-gif {
     display: none;
   }

docs/templates/index.html

@@ -25,6 +25,7 @@
       content="{{ config.extra.meta_description }}">
 <meta name="twitter:image" content="https://rust.extension.sh/banner.png">
 <link rel="stylesheet" href="{{ get_url(path="index.css") }}">
+<link rel="stylesheet" href="{{ get_url(path="carbon.css") }}">
 {% endblock head %}
 
 {% block hero %}
@@ -89,6 +90,14 @@
 </script>
 {% endblock hero %}
 
+{% block sidebar %}
+<div class="sidebar">
+    <script async type="text/javascript"
+            src="//cdn.carbonads.com/carbon.js?serve=CEBIL27E&placement=rustextensionsh"
+            id="_carbonads_js"></script>
+</div>
+{% endblock %}
+
 {% block footer %}
 <iframe id="footer" src="https://huhu.io/extension-footer.html"
         style="display:block;width:100%;border:none;"></iframe>

docs/templates/update.html

@@ -1,6 +1,7 @@
 {% extends "juice/templates/page.html" %}
 {% block head %}
 <link rel="stylesheet" href="{{ get_url(path="index.css") }}">
+<link rel="stylesheet" href="{{ get_url(path="carbon.css") }}">
 {% endblock head %}
 {% block content %}
 <div class="heading-text">{{ page.description }}</div>

docs/themes/juice

@@ -1 +1 @@
-Subproject commit aa7b0d48df839f876f0834ee42b5f8fba35fe1d1
+Subproject commit 7c82a298a07b7d72ec4d1ec0e402efd5c403d318