chore: ad

public/index.html

@@ -15,68 +15,64 @@
   </body>
 
 </html>
+
 <style>
   #carbonads {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
-  Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
+    display: flex;
+    max-width: 280px;
+    background-color: hsl(0, 0%, 98%);
+    box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
+    z-index: 2;
+    position: fixed;
+    right: 0;
+    bottom: 0;
+  }
 
-#carbonads {
-  display: flex;
-  max-width: 250px;
-  background-color: hsl(0, 0%, 98%);
-  box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
-  z-index: 2;
-  position: fixed;
-  right: 0;
-  bottom: 0;
-}
+  #carbonads a {
+    color: inherit;
+    text-decoration: none;
+  }
 
-#carbonads a {
-  color: inherit;
-  text-decoration: none;
-}
+  #carbonads a:hover {
+    color: inherit;
+  }
 
-#carbonads a:hover {
-  color: inherit;
-}
+  #carbonads span {
+    position: relative;
+    display: block;
+    overflow: hidden;
+  }
 
-#carbonads span {
-  position: relative;
-  display: block;
-  overflow: hidden;
-}
+  #carbonads .carbon-wrap {
+    display: flex;
+  }
 
-#carbonads .carbon-wrap {
-  display: flex;
-}
+  .carbon-img {
+    display: block;
+    margin: 0;
+    line-height: 1;
+  }
 
-.carbon-img {
-  display: block;
-  margin: 0;
-  line-height: 1;
-}
+  .carbon-img img {
+    display: block;
+  }
 
-.carbon-img img {
-  display: block;
-}
+  .carbon-text {
+    font-size: 13px;
+    padding: 10px;
+    line-height: 1.4;
+    text-align: left;
+  }
 
-.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>
+  .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>

src/App.vue

@@ -10,7 +10,9 @@ export default {
   watch: {
     '$route.path': {
       handler: function() {
-        window._carbonads && window._carbonads.refresh()
+        if (document.getElementById('carbonads')) {
+          window._carbonads && window._carbonads.refresh()
+        }
       }
     }
   }