feat: add skype and phone to the header

dcyou · Sep 19, 2019 · 055c465 · 055c465
1 parent fc0315a
commit 055c465
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/assets/yaml/header.yml b/assets/yaml/header.yml
@@ -9,3 +9,4 @@ website:
 twitter_username: david_turbert
 github_username:  dcyou
 linkedin_username: dcyou
+skype_username: live:david_48114
diff --git a/components/Header.vue b/components/Header.vue
@@ -41,6 +41,19 @@
                 <i class="fas fa-paper-plane" title="Email link" />
               </a>
             </li>
+            <li v-if="header.phone">
+              <a target="_blank" :href="'tel:' + header.phone">
+                <i class="fas fa-phone-alt" title="Phone link" />
+              </a>
+            </li>
+            <li v-if="header.skype_username">
+              <a
+                target="_blank"
+                :href="'skype:' + header.skype_username + '?userinfo'"
+              >
+                <i class="fab fa-skype" title="Skype link" />
+              </a>
+            </li>
           </ul>
         </div>
       </el-col>