feat: add resume icon

index.html

@@ -23,8 +23,9 @@
   <meta property="og:title" content="Sinan Bolel | Full Stack Software Engineer">
   <meta property="og:description" content="Sinan is a web systems engineer and full-stack developer who specializes in enterprise web applications.">
   <meta property="og:site_name" content="Sinan Bolel">
-  <meta property="og:see_also" content="https://github.com/sbolel">
-  <meta property="og:see_also" content="https://linkedin.com/in/sinanbolel">
+  <meta property="og:see_also" content="https://link.sinanbolel.com/url/resume">
+  <meta property="og:see_also" content="https://link.sinanbolel.com/url/github">
+  <meta property="og:see_also" content="https://link.sinanbolel.com/url/linkedin">
   <meta property="og:type" content="profile">
   <meta property="fb:profile_id" content="sinan.bolel">
   <meta property="profile:last_name" content="Bolel">
@@ -44,15 +45,18 @@
     <h1 class="title">Sinan Bolel</h1>
     <h2 class="subtitle">Full Stack Software Engineer</h2>
     <section class="connections">
-      <a id="a-stackoverflow" class="md-fab md-button md-raised" href="https://stackoverflow.com/users/1526037/sinan-bolel" target="_blank" rel="noopener noreferrer" aria-label="Stack Overflow" onclick="return tl('https://stackoverflow.com/users/1526037/sinan-bolel');">
-        <div class="md-font ion-logo ion-logo-stackoverflow"></div>
+      <a id="a-resume" class="md-fab md-button md-raised" href="https://link.sinanbolel.com/url/cv" target="_blank" rel="noopener noreferrer" aria-label="Resume" onclick="return tl('https://link.sinanbolel.com/url/cv');">
+        <div class="md-font ion-logo ion-logo-resume"></div>
       </a>
-      <a id="a-linkedin" class="md-fab md-button md-raised" href="https://www.linkedin.com/in/sinanbolel" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" onclick="return tl('https://www.linkedin.com/in/sinanbolel');">
+      <a id="a-linkedin" class="md-fab md-button md-raised" href="https://link.sinanbolel.com/url/linkedin" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" onclick="return tl('https://link.sinanbolel.com/url/linkedin');">
         <div class="md-font ion-logo ion-logo-linkedin"></div>
       </a>
-      <a id="a-github" class="md-fab md-button md-raised" href="https://github.com/sbolel" target="_blank" rel="noopener noreferrer" aria-label="GitHub" onclick="return tl('https://github.com/sbolel');">
+      <a id="a-github" class="md-fab md-button md-raised" href="https://link.sinanbolel.com/url/github" target="_blank" rel="noopener noreferrer" aria-label="GitHub" onclick="return tl('https://link.sinanbolel.com/url/github');">
         <div class="md-font ion-logo ion-logo-github"></div>
       </a>
+      <a id="a-stackoverflow" class="md-fab md-button md-raised" href="https://stackoverflow.com/users/1526037/sinan-bolel" target="_blank" rel="noopener noreferrer" aria-label="Stack Overflow" onclick="return tl('https://stackoverflow.com/users/1526037/sinan-bolel');">
+        <div class="md-font ion-logo ion-logo-stackoverflow"></div>
+      </a>
     </section>
   </div>
   <script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create","UA-73719262-3","auto"),ga("send","pageview");window.tl=function(a){return ga("send","event","outbound","click",a,{transport:"beacon",hitCallback:function(){document.location=a}}),!1};</script>

package.json

@@ -19,6 +19,7 @@
     "deploy": "firebase deploy --only database:rules,hosting",
     "deploy-ci": "firebase deploy --only database:rules,hosting -m \"[ci] $(git rev-parse --short HEAD)\" --token \"$FIREBASE_TOKEN\"",
     "start": "grunt serve",
+    "serve": "npm run start",
     "semantic-release": "semantic-release"
   },
   "devDependencies": {

public/assets/css/ionicons.css

@@ -19,3 +19,9 @@
   background-color: #e3e3e3;
   background-image: url('./assets/img/logo-github.svg');
 }
+
+.ion-logo-resume {
+  background-color: rgb(58, 108, 135);
+  background-size: 90%;
+  background-image: url('./assets/img/candidate.svg');
+}