feat: add a new step to show off the target handling in corners

pulsardev · Aug 17, 2018 · 16fd73f · 16fd73f
1 parent 38cb274
commit 16fd73f
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 0 deletions.
diff --git a/demo/src/App.vue b/demo/src/App.vue
@@ -11,4 +11,5 @@
 <style>
 @import "./assets/css/spectre.css";
 @import "./assets/css/docs.css";
+@import "./assets/css/custom.css";
 </style>
diff --git a/demo/src/assets/css/custom.css b/demo/src/assets/css/custom.css
@@ -0,0 +1,10 @@
+.docs-brand.docs-brand--pulsar {
+  right: .85rem;
+  left: unset;
+}
+.docs-logo.docs-logo-pulsar h2 {
+  color: white;
+}
+.docs-logo.docs-logo-pulsar {
+  background-color: #292929b3;
+}
diff --git a/demo/src/components/MyTour.vue b/demo/src/components/MyTour.vue
@@ -41,6 +41,10 @@ export default {
           target: '#v-step-0',
           content: `Discover <strong>Vue Tour</strong>!`
         },
+        {
+          target: '#v-step-0-1',
+          content: `Created by <a href="https://github.com/pulsardev" target="_blank"/>Pulsar</a> and its <a href="https://github.com/pulsardev/vue-tour/graphs/contributors" target="_blank">contributors</a>.`
+        },
         {
           target: '#v-step-1',
           header: {

diff --git a/demo/src/views/Home.vue b/demo/src/views/Home.vue
@@ -9,6 +9,12 @@
           </a>
         </div>
 
+        <div class="docs-brand docs-brand--pulsar">
+          <a href="https://pulsar.surge.sh/" target="_blank" class="docs-logo docs-logo-pulsar" id="v-step-0-1">
+            <h2>PULSAR</h2>
+          </a>
+        </div>
+
         <h1>vue-tour</h1>
         <h2>a <u>Lightweight</u>, <u>Simple</u> and <u>Customizable</u> tour plugin for use with Vue.js</h2>