Add Carbon script to the demo page

BarryDam · Jul 30, 2022 · e53fb50 · e53fb50
1 parent a907853
commit e53fb50
Show file tree

Hide file tree

Showing 2 changed files with 83 additions and 1 deletion.
diff --git a/example/script.css b/example/script.css
@@ -92,4 +92,85 @@ code p {
 
 .repo {
     margin: 10px;
-}
+}
+/* Carbon */
+#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;
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+}
+
+#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;
+}
+
+#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;
+}
+
+@media only screen and (max-width: 759px) {
+    #carbonads {
+        position: static;
+    }
+}
diff --git a/index.html b/index.html
@@ -38,6 +38,7 @@ <h2>Usage</h2>
             <iframe src="https://ghbtns.com/github-btn.html?user=apvarun&repo=toastify-js&type=star&count=true&size=large" frameborder="0"
                 scrolling="0" width="160px" height="30px"></iframe>
         </div>
+        <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEAIP2QI&placement=apvarungithubio" id="_carbonads_js"></script>
     </div>
 </body>
-Original file line number
+Diff line change
@@ Expand Up / @@ -38,6 +38,7 @@ <h2>Usage</h2> @@
                 <iframe src="https://ghbtns.com/github-btn.html?user=apvarun&repo=toastify-js&type=star&count=true&size=large" frameborder="0"
                     scrolling="0" width="160px" height="30px"></iframe>
             </div>
+            <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEAIP2QI&placement=apvarungithubio" id="_carbonads_js"></script>
         </div>
     </body>
@@ Expand Down @@