Merge branch 'master' into patch-5

.github/config.yml

@@ -0,0 +1,17 @@
+# Configuration for new-issue-welcome - https://github.com/behaviorbot/new-issue-welcome
+
+# Comment to be posted to on first time issues
+newIssueWelcomeComment: >
+  Thanks for opening your first issue here! Your contribution means alot. 🙌 Join Discord Server (https://discord.gg/HHMs7Eg) for discussing issues, pull-requests, new features, etc.
+
+# Configuration for new-pr-welcome - https://github.com/behaviorbot/new-pr-welcome
+
+# Comment to be posted to on PRs from first time contributors in your repository
+newPRWelcomeComment: >
+  Thanks for opening this pull request! Make sure you have assigned an issue to this respective PR 😇
+
+# Configuration for first-pr-merge - https://github.com/behaviorbot/first-pr-merge
+
+# Comment to be posted to on pull requests merged by a first time user
+firstPRMergeComment: >
+  Congrats on merging your first pull request🎉! Thanks alot for your contribution. 🙏

README.md

@@ -84,8 +84,6 @@ Just fill in the details such as `Name`, `Tagline`, `Dev Platforms Username`, `C
 
 - **Wakatime Stats** [contribute](https://github.com/rahuldkjain/github-profile-readme-generator/issues/115)
 
-- **YouTube Stats** [contribute](https://github.com/rahuldkjain/github-profile-readme-generator/issues/119)
-
 Click on `Generate README` to get your README in `markdown`.
 You can preview the README too.
 
@@ -180,4 +178,4 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <hr>
 <p align="center">
 Developed with ❤️ in India 🇮🇳 
-</p>
+</p>

src/components/addons.js

@@ -3,6 +3,23 @@ import { withPrefix } from "gatsby"
 import { latestBlogs } from "../utils/workflows"
 import links from "../constants/page-links"
 import { isMediumUsernameValid } from "../utils/validation"
+
+const AddonsItem = ({inputId, inputChecked, onInputChange, ...props}) => {
+  return (
+      <div className="py-2 flex justify-start items-center text-sm sm:text-lg">
+          <label htmlFor={inputId} className="cursor-pointer flex items-center">
+              <input
+                  type="checkbox"
+                  id={inputId}
+                  checked={inputChecked}
+                  onChange={onInputChange}
+              />
+              <span className="pl-4">{props.children}</span>
+          </label>
+      </div>
+  )
+}
+
 const Addons = props => {
   const blogPostPorkflow = () => {
     let payload = {
@@ -36,84 +53,55 @@ const Addons = props => {
       <div className="text-xl sm:text-2xl font-bold font-title mt-2 mb-2">
         Add-ons
       </div>
-      <div className="py-2 flex justify-start items-center text-sm sm:text-lg">
-        <label htmlFor="visitors-count" className="cursor-pointer">
-          <input
-            type="checkbox"
-            id="visitors-count"
-            checked={props.data.visitorsBadge}
-            onChange={event => props.handleCheckChange("visitorsBadge")}
-          />
-          &nbsp; display visitors count badge
-        </label>
-      </div>
-      <div className="py-2 flex justify-start items-center text-sm sm:text-lg">
-        <label htmlFor="github-stats" className="cursor-pointer">
-          <input
-            id="github-stats"
-            type="checkbox"
-            checked={props.data.githubStats}
-            onChange={event => props.handleCheckChange("githubStats")}
-          />
-          &nbsp; display github profile stats card
-        </label>
-      </div>
-      <div className="py-2 flex justify-start items-center text-sm sm:text-lg">
-        <label htmlFor="top-languages" className="cursor-pointer">
-          <input
-            id="top-languages"
-            type="checkbox"
-            checked={props.data.topLanguages}
-            onChange={event => props.handleCheckChange("topLanguages")}
-          />
-          &nbsp; display top skills
-        </label>
-      </div>
-      <div className="py-2 flex justify-start items-center text-sm sm:text-lg">
-        <label htmlFor="twitter-badge" className="cursor-pointer">
-          <input
-            id="twitter-badge"
-            type="checkbox"
-            checked={props.data.twitterBadge}
-            onChange={event => props.handleCheckChange("twitterBadge")}
-          />
-          &nbsp; display twitter badge
-        </label>
-      </div>
-      <div className="py-2 flex justify-start items-center text-sm sm:text-lg">
-        <label htmlFor="dev-dynamic-blogs" className="cursor-pointer">
-          <input
-            id="dev-dynamic-blogs"
-            type="checkbox"
-            checked={props.data.devDynamicBlogs}
-            onChange={event => props.handleCheckChange("devDynamicBlogs")}
-          />
-          &nbsp; display latest dev.to blogs dynamically (GitHub Action)
-        </label>
-      </div>
-      <div className="py-2 flex justify-start items-center text-sm sm:text-lg">
-        <label htmlFor="medium-dynamic-blogs" className="cursor-pointer">
-          <input
-            id="medium-dynamic-blogs"
-            type="checkbox"
-            checked={props.data.mediumDynamicBlogs}
-            onChange={event => props.handleCheckChange("mediumDynamicBlogs")}
-          />
-          &nbsp; display latest medium blogs dynamically (GitHub Action)
-        </label>
-      </div>
-      <div className="py-2 flex justify-start items-center text-sm sm:text-lg">
-        <label htmlFor="rss-dynamic-blogs" className="cursor-pointer">
-          <input
-            id="rss-dynamic-blogs"
-            type="checkbox"
-            checked={props.data.rssDynamicBlogs}
-            onChange={event => props.handleCheckChange("rssDynamicBlogs")}
-          />
-          &nbsp; display latest blogs from your personal blog dynamically
-          (GitHub Action)
-        </label>
-      </div>
+      <AddonsItem
+        inputId="visitors-count"
+        inputChecked={props.data.visitorsBadge}
+        onInputChange={() => props.handleCheckChange("visitorsBadge")}
+      >
+        display visitors count badge
+      </AddonsItem>
+      <AddonsItem
+        inputId="github-stats"
+        inputChecked={props.data.githubStats}
+        onInputChange={() => props.handleCheckChange("githubStats")}
+      >
+        display github profile stats card
+      </AddonsItem>
+      <AddonsItem
+        inputId="top-languages"
+        inputChecked={props.data.topLanguages}
+        onInputChange={() => props.handleCheckChange("topLanguages")}
+      >
+        display top skills
+      </AddonsItem>
+      <AddonsItem
+        inputId="twitter-badge"
+        inputChecked={props.data.twitterBadge}
+        onInputChange={() => props.handleCheckChange("twitterBadge")}
+      >
+        display twitter badge
+      </AddonsItem>
+      <AddonsItem
+        inputId="dev-dynamic-blogs"
+        inputChecked={props.data.devDynamicBlogs}
+        onInputChange={() => props.handleCheckChange("devDynamicBlogs")}
+      >
+        display latest dev.to blogs dynamically (GitHub Action)
+      </AddonsItem>
+      <AddonsItem
+        inputId="medium-dynamic-blogs"
+        inputChecked={props.data.mediumDynamicBlogs}
+        onInputChange={() => props.handleCheckChange("mediumDynamicBlogs")}
+      >
+        display latest medium blogs dynamically (GitHub Action)
+      </AddonsItem>
+      <AddonsItem
+        inputId="rss-dynamic-blogs"
+        inputChecked={props.data.rssDynamicBlogs}
+        onInputChange={() => props.handleCheckChange("rssDynamicBlogs")}
+      >
+        display latest blogs from your personal blog dynamically (GitHub Action)
+      </AddonsItem>
 
       {(props.data.devDynamicBlogs && props.social.dev) ||
       (props.data.rssDynamicBlogs && props.social.rssurl) ||

src/components/skills.js

@@ -34,7 +34,7 @@ const Skills = props => {
 
       {Object.keys(categorizedSkills).map(key => (
         <div key={key}>
-          <h4 className="text-sm sm:text-xl text-gray-900 text-center">
+          <h4 className="text-sm sm:text-xl text-gray-900 text-left">
             {categorizedSkills[key].title}
           </h4>
           <div className="flex justify-start items-center flex-wrap w-full mb-6 pl-4 sm:pl-10">

src/constants/skills.js

@@ -96,12 +96,13 @@ const categorizedSkills = {
       "hive",
       "realm",
       "mariadb",
+      "elasticsearch"
     ],
   },
 
   data_visualization: {
     title: "Data Visualization",
-    skills: ["d3js", "chartjs", "canvasjs"],
+    skills: ["d3js", "chartjs", "canvasjs", "kibana", "grafana"],
   },
 
   devops: {
@@ -115,6 +116,7 @@ const categorizedSkills = {
       "bash",
       "azure",
       "vagrant",
+      "circleci"
     ],
   },
 
@@ -134,6 +136,7 @@ const categorizedSkills = {
       "codeigniter",
       "rails",
       "flask",
+      "quasar"
     ],
   },
 
@@ -356,6 +359,16 @@ const icons = {
     "https://devicons.github.io/devicon/devicon.git/icons/ember/ember-original-wordmark.svg",
   scikit_learn:
     "https://upload.wikimedia.org/wikipedia/commons/0/05/Scikit_learn_logo_small.svg",
+  quasar:
+    "https://cdn.quasar.dev/logo/svg/quasar-logo.svg",
+  kibana:
+    "https://www.vectorlogo.zone/logos/elasticco_kibana/elasticco_kibana-icon.svg",
+  grafana:
+    "https://www.vectorlogo.zone/logos/grafana/grafana-icon.svg",
+  elasticsearch:
+    "https://www.vectorlogo.zone/logos/elastic/elastic-icon.svg",
+  circleci:
+    "https://www.vectorlogo.zone/logos/circleci/circleci-icon.svg"
 }
 
 const skillWebsites = {
@@ -472,6 +485,11 @@ const skillWebsites = {
   wx_widgets: "",
   ember: "",
   scikit_learn: "",
+  quasar: "https://quasar.dev/",
+  kibana: "https://www.elastic.co/kibana",
+  grafana: "https://grafana.com",
+  elasticsearch: "https://www.elastic.co",
+  circleci: "https://circleci.com"
 }
 
 const initialSkillState = {}