🚀 (v1.3.3) Update content/projects

- Improve landing page introduction, about-me and contact sections
- Add user card to mobile responsive devices

Closes #34, closes #35

data/SiteConfig.js

@@ -3,7 +3,7 @@ const config = {
   siteTitleShort: 'sydrawat',
   siteTitleAlt: 'Siddharth Rawat',
   siteLogo: '/src/images/stickie.svg',
-  siteUrl: 'https://sydrawat.netlify.app',
+  siteUrl: 'https://sydrawat.me',
   repo: 'https://github.com/sydrawat01/sydrawat.dev',
   pathPrefix: '',
   siteDescription: 'Siddharth is a software engineer, tinkering with full-stack cloud native apps',

src/components/UserInfo/UserInfo.jsx

@@ -16,9 +16,9 @@ export default class UserInfo extends Component {
                 <Link to="/">Sydrawat</Link>
               </h3>
               <p>
-                Hey, I’m <a href="https://twitter.com/sydrawat">Sid</a>, a front-end software
+                Hey, I’m <a href="https://twitter.com/sydrawat">Sid</a>, a full-stack software
                 engineer. Every now and then I like to write down my personal thoughts floating
-                beyond the space-time continnum.
+                beyond the space-time continuum.
               </p>
               <blockquote className="quotation">
                 <p>

src/data/projectList.js

@@ -9,6 +9,7 @@ const projectsList = [
   {
     name: 'React Pocket Notes',
     date: '2021',
+    slug: 'gitbooks/tree/master/react',
     tagline: 'Pocket-sized notes for React, TypeScript & Redux Toolkit.',
     url: 'https://sydrawat.gitbook.io/react/',
   },
@@ -50,6 +51,12 @@ const projectsList = [
     tagline: 'Generate a QR code for your WiFi!',
     url: 'https://qr-ifi.web.app/',
   },
+  {
+    name: 'K8s for dummies',
+    slug: 'gitbooks/tree/master/k8s',
+    tagline: 'Beginners guide to kubernetes',
+    url: 'https://sids-digital-garden.gitbook.io/k8s-4-dummies/',
+  },
 ];
 
 export default projectsList;

src/pages/about.jsx

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { Helmet } from 'react-helmet';
+import { Link } from 'gatsby';
 import ThemeContext from '../context/ThemeContext';
 import Layout from '../layout';
 import SEO from '../components/SEO/SEO';
@@ -23,34 +24,35 @@ export default class Me extends Component {
             <div>
               <h2>whoami</h2>
               <p>
-                I&apos;m Sid, in front-end developer working with{' '}
-                <a href="https://reactjs.org">React</a>. I love tinkering with{' '}
-                <a href="https://graphql.org">GraphQL</a> and{' '}
-                <a href="https://mongodb.com">MongoDB</a> as backend technologies to eventually
-                transition into a full-stack developer. I{' '}
+                Hi, I&apos;m Sid! I&apos;m a full-stack developer with a passion for creating
+                efficient, scalable, and easy-to-maintain web applications. I specialize in{' '}
+                <a href="https://react.dev/">React </a>
+                and love to experiment with back-end technologies like{' '}
+                <a href="https://expressjs.com/">ExpressJS</a> and{' '}
+                <a href="https://www.postgresql.org/">Postgres</a>, while also tinkering with cloud
+                technologies such as <a href="https://www.terraform.io/">Terraform</a>. As an
+                open-source enthusiast, I believe in the power of collaboration and constantly seek
+                ways to improve my skills by contributing to the community. I{' '}
                 <span aria-label="heart" role="img">
                   ♥️
                 </span>{' '}
                 open-source!
               </p>
               <h3>Getting to know me</h3>
               <p>
-                I&apos;m currently pursuing my Master&apos;s degree in Information Systems from
-                <a href="https://wwww.northeastern.edu/"> Northeastern University, Boston.</a>
-              </p>
-              <p>
-                I graduated in 2017 with a Bachelor&apos;s in Computer Science from{' '}
-                <a href="https://www.manipal.edu"> Manipal University, India </a>
-                and later worked as a senior software developer at{' '}
+                Currently, I&apos;m pursuing my Master&apos;s degree in Information Systems from
+                <a href="https://wwww.northeastern.edu/"> Northeastern University in Boston</a>.
+                Before that, I graduated with a Bachelor&apos;s degree in Computer Science from
+                <a href="https://www.manipal.edu"> Manipal University, India </a>, and worked as a
+                senior software developer at
                 <a href="https://www.wipro.com/en-IN/">Wipro Technologies</a>.
               </p>
               <p>
-                I have 3+ years of professional experience in Software Development. As I&apos;ve
-                grown as a developer, worked in conjunction with senior designers and developers who
-                have raised my standards for what is expected of any web application. Through these
-                experiences, I&apos;ve had the opportunity to create memorable products that are not
-                only delightful to use but are written in code that&apos;s efficient, highly
-                scalable, easy to understand and particularly maintainable.
+                Over the past 3+ years, I&apos;ve gained extensive experience in software
+                development, working closely with senior designers and developers to elevate my
+                standards for web &apos;m proud to have contributed to creating memorable products
+                that are delightful to use, highly scalable, and written with clean, maintainable
+                code.
               </p>
               <h3>Tech Setup</h3>
               <div className="setup-container">
@@ -89,8 +91,8 @@ export default class Me extends Component {
             </div>
             <div>
               <h4 style={{ fontWeight: 'lighter', fontSize: `${1.3}rem` }}>
-                Special thanks to <a href="https://taniarascia.com">Tania Rascia</a> for the heavy
-                inspiration for this site!
+                Thank you for visiting my website! If you have any questions or would like to
+                collaborate on a project, feel free to <Link to="/contact">reach out to me</Link>.
               </h4>
             </div>
           </div>

src/pages/contact.jsx

@@ -24,10 +24,14 @@ export default class Contact extends Component {
               <h2>Contact</h2>
               <p>
                 The fastest way to reach me is through{' '}
-                <a href="https://www.linkedin.com/siddharth-rawat"> LinkedIn</a>, or
+                <a href="https://www.linkedin.com/in/siddharth-rawat"> LinkedIn</a>, or
                 <a href="mailto:[email protected]"> e-mail</a>.
               </p>
-              <p>Hit me you if you feel like getting in touch with me!</p>
+              <p>
+                Hit me up if you feel like getting in touch with me or want to contribute to any of
+                my open-source projects!
+              </p>
+              <p>Want to collaborate on a project together? Count me in!</p>
               <h3>Social</h3>
               <p>Make sure you check me out elsewhere too! ;)</p>
               <div className="contact-container">

src/pages/index.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Helmet } from 'react-helmet';
-import { Link } from 'gatsby';
 
 import Layout from '../layout';
 import SEO from '../components/SEO/SEO';
@@ -9,9 +8,12 @@ import sid from '../../content/images/disp.jpeg';
 import reactjs from '../../content/thumbnails/reactjs.svg';
 import graphql from '../../content/thumbnails/graphql.png';
 import javascript from '../../content/thumbnails/js.png';
-import yarn from '../../content/thumbnails/yarn-kitten-circle.png';
-import sass from '../../content/thumbnails/sass.png';
+// import yarn from '../../content/thumbnails/yarn-kitten-circle.png';
+// import sass from '../../content/thumbnails/sass.png';
 import aws from '../../content/thumbnails/aws.svg';
+import k8s from '../../content/thumbnails/kubernetes.svg';
+import docker from '../../content/thumbnails/docker.svg';
+import tf from '../../content/thumbnails/terraform.svg';
 
 const IndexPage = () => (
   <Layout>
@@ -27,27 +29,44 @@ const IndexPage = () => (
               🖖🏻
             </span>
           </h1>
-          <p>
+          {/* <p>
             Beep boop!{' '}
             <span role="img" aria-label="robot">
               🤖
             </span>
+          </p> */}
+          <p>
+            I&apos;m a passionate{' '}
+            <span role="img" aria-label="web" width="100px">
+              ☁️{' '}
+            </span>
+            full-stack developer with 3+ years of professional experience creating beautiful, highly
+            efficient web applications.
           </p>
           <p>
-            I&apos;m an international masters student at{' '}
+            {' '}
+            Currently pursuing a Master&apos;s degree in Information Systems from{' '}
             <a href="https://www.northeastern.edu/" target="_blank" rel="noopener noreferrer">
-              Northeastern University, Boston
+              Northeastern University, Boston.
             </a>
-            . I love creating stuff on the web and occasionally write about stuff in my{' '}
-            <Link to="/blog">blog.</Link>
+            Let&apos;s work together to build a better web!
           </p>
           <h2>Tech</h2>
-          <p>Here are a few skills that I possess in my bag of tricks!</p>
+          <p>Here are few of the skills that I possess in my repertoire</p>
           <div className="skills">
             <a href="https://aws/" target="_blank" rel="noopener noreferrer">
               <img src={aws} alt="aws" title="AWS" />
             </a>
-            <a href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
+            <a href="https://www.docker.com/" target="_blank" rel="noopener noreferrer">
+              <img src={docker} alt="docker" title="Docker" />
+            </a>
+            <a href="https://kubernetes.io/" target="_blank" rel="noopener noreferrer">
+              <img src={k8s} alt="k8s" title="Kubernetes" />
+            </a>
+            <a href="https://www.terraform.io/" target="_blank" rel="noopener noreferrer">
+              <img src={tf} alt="k8s" title="Hashicorp Terraform" />
+            </a>
+            <a href="https://react.dev/" target="_blank" rel="noopener noreferrer">
               <img src={reactjs} alt="react" title="ReactJS" />
             </a>
             <a href="https://graphql.org" target="_blank" rel="noopener noreferrer">
@@ -60,12 +79,12 @@ const IndexPage = () => (
             >
               <img src={javascript} alt="js" title="Javascript" />
             </a>
-            <a href="https://yarnpkg.com" target="_blank" rel="noopener noreferrer">
+            {/* <a href="https://yarnpkg.com" target="_blank" rel="noopener noreferrer">
               <img src={yarn} alt="yarn" title="Yarn Package Manager" />
             </a>
             <a href="https://sass-lang.com" target="_blank" rel="noopener noreferrer">
               <img src={sass} alt="sass" title="SASS" />
-            </a>
+            </a> */}
           </div>
         </div>
         <div className="flashcard-section">