From 294420e3a187ed6b45377515f77fcafbe00418e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E8=A3=A4=E8=A1=A9?= <panfree23@gmail.com>
Date: Tue, 7 Jul 2020 10:39:58 +0800
Subject: [PATCH] chore: ad

---
 public/index.html | 62 +++++++++++++++++++++++++++++++++++++++++++++++
 src/App.vue       | 11 ++++++++-
 2 files changed, 72 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index fa2be91..02db531 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,7 +11,69 @@
     <noscript>
       <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7IK5QY&placement=panjiachengithubio" id="_carbonads_js"></script>
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
 </html>
+
+<style>
+#carbonads {
+  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 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.4;
+  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>
diff --git a/src/App.vue b/src/App.vue
index ec9032c..2bfa366 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,6 +6,15 @@
 
 <script>
 export default {
-  name: 'App'
+  name: 'App',
+  watch: {
+    '$route.path': {
+      handler: function() {
+        if (document.getElementById('carbonads')) {
+          window._carbonads && window._carbonads.refresh()
+        }
+      }
+    }
+  }
 }
 </script>