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`
       }
     }
   }
-`;
+`;

package.json

@@ -15,36 +15,36 @@
     "meta": "yarn meta:roadmaps && yarn meta:sitemap"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.26",
-    "@fortawesome/free-brands-svg-icons": "^5.12.0",
-    "@fortawesome/free-solid-svg-icons": "^5.12.0",
-    "@fortawesome/react-fontawesome": "^0.1.8",
+    "@fortawesome/fontawesome-svg-core": "^1.2.28",
+    "@fortawesome/free-brands-svg-icons": "^5.13.0",
+    "@fortawesome/free-solid-svg-icons": "^5.13.0",
+    "@fortawesome/react-fontawesome": "^0.1.9",
     "@mapbox/rehype-prism": "^0.4.0",
-    "@mdx-js/loader": "^1.5.5",
-    "@mdx-js/react": "^1.5.5",
-    "@next/mdx": "^9.2.0",
-    "@svgr/webpack": "^5.0.1",
+    "@mdx-js/loader": "^1.5.8",
+    "@mdx-js/react": "^1.5.8",
+    "@next/mdx": "^9.3.2",
+    "@svgr/webpack": "^5.3.0",
     "@zeit/next-css": "latest",
     "@zeit/next-sass": "^1.0.1",
-    "autoprefixer": "^9.7.4",
+    "autoprefixer": "^9.7.5",
     "bootstrap": "^4.4.1",
     "classnames": "^2.2.6",
-    "date-fns": "^2.9.0",
+    "date-fns": "^2.11.1",
     "font-awesome": "^4.7.0",
-    "next": "^9.2.0",
+    "next": "^9.3.2",
     "node-sass": "^4.13.1",
     "postcss-css-variables": "^0.14.0",
     "prism-themes": "^1.3.0",
-    "query-string": "^6.10.1",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "styled-components": "^5.0.0"
+    "query-string": "^6.11.1",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "styled-components": "^5.0.1"
   },
   "devDependencies": {
-    "babel-plugin-styled-components": "^1.10.6",
+    "babel-plugin-styled-components": "^1.10.7",
     "gh-pages": "^2.2.0",
     "glob": "^7.1.6",
-    "jest": "^24.9.0",
+    "jest": "^25.2.3",
     "serve": "^11.3.0"
   }
 }