From 0ffa5ff2e7bcb5a709517c86998dcb0ee412abe3 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Tue, 4 Jun 2019 21:52:14 +0300
Subject: [PATCH] CarbonAds

---
 docs/index.html | 61 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
diff --git a/docs/index.html b/docs/index.html
index f1714bc..e568611 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -12,6 +12,67 @@
   <meta property="og:description" content="mini.css is a tiny CSS framework designed to build quick, modern and responsive websites."/>
   <meta property="og:type" content="website"/><meta property="og:image" content="page_thumb.png">
   <meta property="og:url" content="https://chalarangelo.github.io/mini.css/"><link rel="icon" type="image/png" href="favicon.png">
+  <style>
+      #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%, .1);
+      }
+
+      #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;
+      }
+
+      .carbon-img {
+        display: block;
+        margin: 0;
+        line-height: 1;
+      }
+
+      .carbon-img img {
+        display: block;
+      }
+
+      .carbon-text {
+        font-size: 13px;
+        padding: 10px;
+        line-height: 1.5;
+        text-align: left;
+      }
+
+      .carbon-poweredby {
+        display: block;
+        padding: 8px 10px;
+        background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
+        text-align: center;
+        text-transform: uppercase;
+        letter-spacing: .5px;
+        font-weight: 600;
+        font-size: 9px;
+        line-height: 1;
+      }
+    </style>
   </head>
   <body>
   <div class="index-splash">
