add made by blit.

Author: Justin Martin

css/main.css

@@ -2,6 +2,7 @@ html, body {
   margin: 0; padding: 0;
   height: 100%;
   background-color: #1D1F21;
+  overflow: hidden;
 }
 ul, li {
   padding: 0;
@@ -174,6 +175,10 @@ h2 {
   padding: 16px;
 }
 
+.lighttheme #carbonads {
+  margin-bottom: 16px;
+}
+
 .ad-container a {
   display: block;
 }
@@ -329,3 +334,26 @@ button:active {
   overflow: hidden;
   color: #a2a2a2;
 }
+
+.made-by-text {
+  margin-top: 8px;
+  padding-top: 8px;
+  background-color: #1D1F21;
+  margin-left: -16px;
+  padding-left: 16px;
+  margin-right: -16px;
+  padding-right: 16px;
+  margin-bottom: -24px;
+  padding-bottom: 16px;
+}
+
+.made-by-text a {
+  text-decoration: none;
+  color: #e4e4e4;
+  font-family: monospace;
+}
+
+.made-by-text img {
+  height: 15px;
+  vertical-align: text-bottom;
+}

img/blit_logo.svg

@@ -51,6 +51,7 @@ <h2 class="left">Online JSON Compare</h2>
       <div class="ad-container">
         <script async type="text/javascript" src="http://cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=jsondiffcom" id="_carbonads_js"></script>
       </div>
+      <div class="made-by-text"><a href="https://blitapp.com?ref=json-diff" target="_blank" rel="noopener noreferrer">made with ♥ by <img src="img/blit_logo.svg"/></a></div>
     </div>
     <div class="diff-inputs">
       <div id="left-input" class="json-diff-input split">