Update dependencies and add github link in nav

components/page-footer/index.js

@@ -53,6 +53,8 @@ const PageFooter = () => (
       </div>
     </div>
 
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+
     {/* Do not show on local */}
     { process.env.GA_SECRET && (
       <>

components/site-nav/index.js

@@ -13,8 +13,9 @@ const SiteNav = () => (
         <a href='/guides'>Guides</a>
         <a href='/sponsors' className='d-none d-md-inline-block'>Sponsors</a>
         <a href='/about' className='d-none d-md-inline-block'>FAQ</a>
-        <a href='/signup' className='signup'>Subscribe</a>
+        <a href='/signup' className='d-none d-md-inline-block'>Subscribe</a>
       </div>
+      <a className="github-button" href="https://github.com/kamranahmedse/developer-roadmap" data-size="large" data-show-count="true" aria-label="Star kamranahmedse/developer-roadmap on GitHub">GitHub</a>
     </div>
   </HeaderWrap>
 );

components/site-nav/style.js

@@ -7,6 +7,17 @@ export const HeaderWrap = styled.div`
   .top-row {
     display: flex;
     align-items: center;
+    
+    > span {
+      display: flex;
+      margin-left: 12px;
+    }
+    
+    .github-button {
+      font-size: 16px;
+      color: #666;
+      padding-left: 10px;
+    }
   }
 
   .brand img {
@@ -36,4 +47,4 @@ export const HeaderWrap = styled.div`
       }
     }
   }
-`;
+`;