Update config.yaml

Removed example site and added some content in website
Merge pull request #18 from gurusabarish/imgbot
2021-06-26 08:32:16 +05:30 · 2021-06-26 08:22:34 +05:30 · 2021-06-21 21:58:59 +05:30 · 2021-06-21 16:24:52 +00:00 · 2021-06-21 21:54:19 +05:30 · 2021-06-21 15:34:43 +05:30
51 changed files with 961 additions and 10132 deletions
@@ -0,0 +1,13 @@
+name: Auto approve
+
+on:
+  pull_request_target
+
+jobs:
+  auto-approve:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: hmarr/auto-approve-action@v2
+      if: github.actor == 'ImgBotApp[bot]'
+      with:
+        github-token: "${{ secrets.GITHUB_TOKEN }}"
@@ -0,0 +1,16 @@
+name: Greetings
+
+on: [pull_request, issues]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+    - uses: actions/first-interaction@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        issue-message: 'Thanks for your issue. It may help us to improve our product. We will follow up with you.'
+        pr-message: 'Thanks for your pull request. We will review and merge it.'
@@ -1 +1,4 @@
 /public
+/config.yaml
+/content
+/static/images
@@ -1,3 +1,406 @@
-# hugo-profile V1 [![Netlify Status](https://api.netlify.com/api/v1/badges/c50d4741-57a5-4204-8626-73ce26bde495/deploy-status)](https://app.netlify.com/sites/hugo-profile-1/deploys)

-A highly customizable and mobile first Hugo template for personal portfolio and blog.
+<div align="center">
+  
+# hugo-profile
+  
+A high performance hugo theme for personal portfolio and blog
+
+[![Twitter](https://img.shields.io/twitter/url?label=Tweet&style=social&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)
+[![GitHub forks](https://img.shields.io/github/forks/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/network)
+[![GitHub stars](https://img.shields.io/github/stars/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/stargazers)
+  
+[![Netlify Status](https://api.netlify.com/api/v1/badges/5c1dcb34-cada-4c80-82b7-cfdbdbd7c774/deploy-status)](https://app.netlify.com/sites/hugo-profile/deploys)
+![Repository Size](https://img.shields.io/github/repo-size/gurusabarish/hugo-profile)
+![Lines of Codes](https://img.shields.io/tokei/lines/github/gurusabarish/hugo-profile)
+![Contributor](https://img.shields.io/github/contributors/gurusabarish/hugo-profile)
+![Latest Release](https://img.shields.io/github/v/release/gurusabarish/hugo-profile?include_prereleases)
+![Last Commit](https://img.shields.io/github/last-commit/gurusabarish/hugo-profile)
+![Open Issues](https://img.shields.io/github/issues/gurusabarish/hugo-profile?color=important)
+![Open Pull Requests](https://img.shields.io/github/issues-pr/gurusabarish/hugo-profile?color=yellowgreen)
+![License](https://img.shields.io/github/license/gurusabarish/hugo-profile)
+</div>
+
+## Queries
+- If you have any queries or bugs, feel free to open an issue in [github](https://github.com/gurusabarish/hugo-profile/issues)
+
+## Demos
+
+### [Demo Site V3(latest)](https://profile.gurusabarish.tech)
+### [Demo Site V2](https://v2.profile.gurusabarish.tech)
+### [Demo Site V1](https://v1.profile.gurusabarish.tech)
+
+*NOTE: If you are using this site as a template for your own portfolio and blog, I would be very glad if you add a link to the original template in footer*
+
+> Open an issue and give your feedback and feature requests. It will help us to make the better version.
+
+## Requirements
+
+- Hugo Version 0.68.0 or higher
+
+
+
+## Installation
+
+- [Install Hugo](https://gohugo.io/overview/installing)
+
+- Create your site if you haven't already
+
+```
+hugo new site my-site -f=yaml
+cd my-site
+```
+
+- Add the theme as git clone
+
+```
+cd themes
+git clone https://github.com/gurusabarish/hugo-profile.git
+```
+
+<b>Go to the config file and add the line after titile ```theme: "hugo-profile"``` </b>
+
+## Configuration
+### Version 1
+```
+baseURL: "https://example.com"
+languageCode: "en-us"
+title: "Hugo-profile"
+
+googleanalytics: UA-xxxxxxxx-x
+disqusShortname: yourdiscussshortname
+Paginate: 3
+
+taxonomies:
+  tag: "tags"
+  category: "categories"
+
+params:
+  version: 1
+
+  favicon: "/images/hugo.png"
+  description: "A hugh performance hugo theme for personal website. It is single page portfolio. It has blog, contact sections also. Contact is powered by formspree."
+  disqus: ""
+
+  # Background
+  custombackground: false
+  background: ""
+  backimg: ""
+
+  # Contact
+  contact: true
+  action: ""
+  emailname: ""
+  messagename: ""
+
+  # Navbar Menus
+  customMenus:
+    - name: "Blog"
+      Url: "/blog"
+
+  # Home
+  name: "Example name"
+  profile: "/images/v1/avatar.webp"
+  github: "https://github.com/"
+  linkedin: "https://linkedin.com/"
+  twitter: "https://twitter.com/"
+  instagram: "https://instagram.com/"
+
+  # Things I do
+  usedothings: true
+  Things:
+    - logo: fab fa-python
+      title: Python
+      description: I build something beautiful using Python.
+      #url: https://example.com
+
+    - logo: fas fa-robot
+      title: Machine learning
+      description: I train robust models for various tasks.
+      #url: https://guru.com
+
+    - logo: fab fa-html5
+      title: Things for web
+      description: I love to build things for web
+      #url: https://guru.com
+
+  # About
+  profile_image: "/images/profile.webp"
+  descripe_l1_person: "Hi, I'm Profile, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
+  descripe_l2_person: "This is just a example for about section. You can easily change with the help of cofig file."
+  job: "your role"
+  resume: "/resume.pdf"
+
+  #projects
+  projects:
+    - title: "Project name"
+      image: "/images/project.jpg"
+      description: "This is your description"
+      secoundarylink: true
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
+      sourceurl: "https://github.com/gurusabarish/hugo-profile"
+
+    - title: "Project name"
+      image: "/images/project.jpg"
+      description: "This is your description"
+      secoundarylink: true
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
+      sourceurl: "https://github.com/gurusabarish/hugo-profile"
+
+    - title: "Project name"
+      image: "/images/project.jpg"
+      description: "This is your description"
+      secoundarylink: true
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
+      sourceurl: "https://github.com/gurusabarish/hugo-profile"
+
+    - title: "Project name"
+      image: "/images/project.jpg"
+      description: "This is your description"
+      secoundarylink: true
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
+      sourceurl: "https://github.com/gurusabarish/hugo-profile"
+
+    - title: "Project name"
+      image: "/images/project.jpg"
+      description: "This is your description"
+      secoundarylink: true
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
+      sourceurl: "https://github.com/gurusabarish/hugo-profile"
+
+    - title: "Project name"
+      image: "/images/project.jpg"
+      description: "This is your description"
+      secoundarylink: true
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
+      sourceurl: "https://github.com/gurusabarish/hugo-profile"
+
+  #Blog
+  showdescription: false
+  tweet: true
+```
+
+### Version 2
+```
+baseURL: "https://example.com"
+languageCode: "en-us"
+title: "Hugo-profile"
+
+googleanalytics: UA-xxxxxx-x
+disqusShortname:
+Paginate: 3
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
+
+taxonomies:
+  tag: "tags"
+  category: "categories"
+
+enableEmoji: true
+params:
+  version: 2
+
+  favicon: "/images/fav.png"
+  description: "A high performance hugo theme for personal portfolio and blog."
+  copyright: "2021"
+
+  # Navbar Menus
+  customMenus:
+    - name: "About"
+      Url: "/#"
+    - name: "Blog"
+      Url: "/blog"
+
+  # social
+  socialicontop: false
+  name: "Examble name"
+  github: "https://github.com"
+  linkedin: "https://linkedin.com"
+  twitter: "https://twitter.com/"
+  instagram: "https://instagram.com/"
+  facebook: "https://facebook.com"
+
+  # About
+  profile_image: "/images/profile.webp"
+  descripe_l1_person: "Hi, I'm Profile, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly. This is a example template for about section."
+  descripe_l2_person: ""
+
+  useresume: true
+  customname: ""
+  resumelink: "/resume.pdf"
+
+  # Things I do
+  usedothings: true
+  Things:
+    - logo: fab fa-python
+      title: Python
+      description: I build something beautiful using Python.
+      #url: https://example.com
+
+    - logo: fas fa-robot
+      title: Machine learning
+      description: I train robust models for various tasks.
+      #url: https://guru.com
+
+    - logo: fab fa-html5
+      title: Things for web
+      description: I love to build things for web
+      #url: https://guru.com
+
+  # Footer
+  socialiconfooter: true
+  recentposts: true
+
+  # Blog
+  showdescription: false
+  tweet: true
+```
+
+### Version 3
+```
+baseURL: "https://example.com"
+languageCode: "en-us"
+title: "Hugo-profile"
+
+googleanalytics: UA-xxxxxx-x
+disqusShortname:
+Paginate: 3
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
+
+taxonomies:
+  tag: "tags"
+  category: "categories"
+
+enableEmoji: true
+params:
+  version: 3
+
+  favicon: "/images/fav.png"
+  description: "A high performance hugo theme for personal portfolio and blog."
+
+  # Navbar Menus
+  customMenus:
+    - name: "Blog"
+      Url: "/blog"
+
+  # home
+  disable_home: false
+  profile_image: "/images/profile.png"
+  name: "Example name"
+  profession: "Profession"
+  github: "https://github.com"
+  linkedin: "https://linkedin.com"
+  twitter: "https://twitter.com/"
+  instagram: "https://instagram.com/"
+  facebook: "https://facebook.com"
+
+  # About
+  disable_about: false
+  descripe_l1_person: "Hi, I'm Profile, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
+  descripe_l2_person: "This is a example template for about section. You can find my works [here](#projects)"
+  skills:
+    - name: CSS
+      percentage: 90
+    - name: Django
+      percentage: 85
+    - name: Hugo
+      percentage: 80
+    - name: React JS
+      percentage: 70
+
+  # Experience
+  disable_experience: false
+  experience:
+    - company: "Google"
+      role: "Software developer"
+      startdate: Feb 2021
+      enddate: present
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+    - company: "Facebook"
+      role: "Fullstack developer"
+      startdate: Mar 2020
+      enddate: Dec 2020
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+    - company: "Amazon"
+      role: "Fullstack developer"
+      startdate: Feb 2019
+      enddate: Jan 2020
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+
+  # Education
+  disable_education: false
+  education:
+    - degree: "B.tech"
+      branch: "Information Technology"
+      university: "Example university"
+      startedyear: "2013"
+      graduation: "2018"
+    - degree: "Degree"
+      branch: "Branch"
+      university: "Example university"
+      startedyear: "year"
+      graduation: "year"
+    - degree: "Degree"
+      branch: "Branch"
+      university: "Example university"
+      startedyear: "year"
+      graduation: "year"
+
+  # Projects
+  disable_projects: false
+  projects:
+    - name: "Example project without details"
+      img: /images/project.jpg
+      githublink: "https://github.com/"
+      featuredlink: "/"
+      description: "Description of project"
+
+  # Achievements
+  disable_achievements: false
+  achievements:
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+
+  # Contact
+  disable_contact: false
+  contact_content: My inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!
+  email: "example@mail.com"
+
+  # Footer
+  socialiconfooter: true
+  recentposts: true
+
+  # Blog
+  showdescription: false
+  tweet: true
+```
+
+## Contributing
+
+> Contributers are always welcome :heart:
@@ -1,121 +0,0 @@
-baseURL: "https://hugo-profile-1.netlify.app"
-languageCode: "en-us"
-title: "Hugo-profile"
-
-googleanalytics: UA-xxxxxxxx-x
-disqusShortname: yourdiscussshortname
-Paginate: 3
-
-taxonomies:
-  tag: "tags"
-  category: "categories"
-
-params:
-  version: 1
-
-  favicon: "/images/fav.png"
-  description: "A hugh performance hugo theme for personal website. It is single page portfolio. It has blog, contact sections also. Contact is powered by formspree."
-  disqus: ""
-
-  # Background
-  custombackground: false
-  background: ""
-  backimg: ""
-
-  # Contact
-  contact: true
-  action: ""
-  emailname: ""
-  messagename: ""
-
-  # Navbar Menus
-  customMenus:
-    - name: "Blog"
-      Url: "/blog"
-
-  # Home
-  name: "Example name"
-  profile: "/images/v1/avatar.webp"
-  github: "https://github.com/"
-  linkedin: "https://linkedin.com/"
-  twitter: "https://twitter.com/"
-  instagram: "https://instagram.com/"
-
-  # Things I do
-  usedothings: true
-  Things:
-    - logo: fab fa-python
-      title: Python
-      description: I build something beautiful using Python.
-      #url: https://example.com
-
-    - logo: fas fa-robot
-      title: Machine learning
-      description: I train robust models for various tasks.
-      #url: https://guru.com
-
-    - logo: fab fa-html5
-      title: Things for web
-      description: I love to build things for web
-      #url: https://guru.com
-
-  # About
-  profile_image: "/images/profile.webp"
-  descripe_l1_person: "Hi, I'm Profile, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
-  descripe_l2_person: "This is just a example for about section. You can easily change with the help of cofig file."
-  job: "your role"
-  resume: "/resume.pdf"
-
-  #projects
-  projects:
-    - title: "Project name"
-      image: "/images/project.jpg"
-      description: "This is your description"
-      secoundarylink: true
-      secoundaryurlname: "Featured link"
-      secoundaryurl: "/"
-      sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-    - title: "Project name"
-      image: "/images/project.jpg"
-      description: "This is your description"
-      secoundarylink: true
-      secoundaryurlname: "Featured link"
-      secoundaryurl: "/"
-      sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-    - title: "Project name"
-      image: "/images/project.jpg"
-      description: "This is your description"
-      secoundarylink: true
-      secoundaryurlname: "Featured link"
-      secoundaryurl: "/"
-      sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-    - title: "Project name"
-      image: "/images/project.jpg"
-      description: "This is your description"
-      secoundarylink: true
-      secoundaryurlname: "Featured link"
-      secoundaryurl: "/"
-      sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-    - title: "Project name"
-      image: "/images/project.jpg"
-      description: "This is your description"
-      secoundarylink: true
-      secoundaryurlname: "Featured link"
-      secoundaryurl: "/"
-      sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-    - title: "Project name"
-      image: "/images/project.jpg"
-      description: "This is your description"
-      secoundarylink: true
-      secoundaryurlname: "Featured link"
-      secoundaryurl: "/"
-      sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-  #Blog
-  showdescription: false
-  tweet: true
@@ -23,28 +23,57 @@

 </head>

+{{ if eq .Site.Params.version 1 }}
+
 <body>
-  {{ if eq .Site.Params.version 1 }}
  {{- partial "sections/v1/scripts.html" . -}}
  {{- partial "sections/v1/header1.html" . -}}
  {{- block "main" . -}}{{- end }}
  {{- partial "sections/v1/footer.html" . -}}
+</body>
+{{ else if eq .Site.Params.version 2 }}

-  {{ else if eq .Site.Params.version 2 }}
+<body>
  {{- partial "sections/v2/scripts.html" . -}}
  {{- partial "sections/v2/header.html" . -}}
  {{- block "main" . -}}{{- end }}
  {{- partial "sections/v2/footer.html" . -}}
+</body>
+{{ else if eq .Site.Params.version 3 }}

-  {{ else if eq .Site.Params.version 3 }}
+<body class="text-dark">
  {{- partial "sections/v3/scripts.html" . -}}
  {{- partial "sections/v3/navbar.html" . -}}
  {{- block "main" . -}}{{- end }}
  {{- partial "sections/v3/footer.html" . -}}
-  {{ else }}
-  {{ end }}
-
-
+  <script>
+    $('.darkmode-label').click(function () {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").toggleClass("d-none");
+      $(".fa-sun").toggleClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+      if ($('input.custom-control-input').is(':checked')) {
+        $('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
+        $('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
+      };
+    });
+    if ($('input.custom-control-input').is(':checked')) {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").addClass("d-none");
+      $(".fa-sun").removeClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+    };
+  </script>
 </body>
+{{ else }}
+
+<body></body>
+{{ end }}

 </html>
@@ -16,7 +16,7 @@

 {{ define "main" }}
 {{ if eq .Site.Params.version 3 }}
-<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
+<section style="font-family: 'Roboto', sans-serif;5">
  <div class="container pt-5">
    <h3 class="text-center">{{.Title}}</h2>
      <div class="row justify-content-center">
@@ -19,11 +19,11 @@
 {{ define "main" }}

 {{ if eq .Site.Params.version 3 }}
-<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
+<section style="font-family: 'Roboto', sans-serif;">
  <div class="container">
-    <div class="row">
+    <div class="row blog-page-color">
      <div class="col-md-9 py-4 px-0">
-        <div class="rounded bg-light p-3 px-md-5" style="background-color: #1A283C !important;">
+        <div class="rounded shadow bg-light p-3 px-md-5 bg-light">
          <h1 class="pb-2 text-center">{{ .Title }}</h1>
          <article>
            {{.Content}}
@@ -31,32 +31,36 @@
        </div>
      </div>
      <div class="col-md-3 py-4">
-        <div class="bg-light shadow p-4 rounded mb-2" style="background-color: #1A283C !important;">
+        <div class="bg-light shadow p-4 rounded mb-2 bg-light">
          <h4>Table of content</h4>
          {{.TableOfContents}}
        </div>

-        <div class="bg-light shadow p-4 rounded mt-2" style="background-color: #1A283C !important;">
-          <h4>Share</h4>
-          <span class="rounded-circle p-1 m-1">
-            <a target="blank" class="text-decoration-none"
-              href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
-              <i class="fab fa-twitter text-primary" style="font-size: 1.6em;"></i>
-            </a>
-          </span>
-          <span class="rounded-circle m-1">
-            <a target="blank" class="text-decoration-none"
-              href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
-              data-action="share/whatsapp/share">
-              <i class="fab fa-whatsapp text-success" style="font-size: 1.6em;"></i>
-            </a>
-          </span>
-          <span class="rounded-circle m-1">
-            <a target="blank" class="text-decoration-none"
-              href="mailto:?subject={{ .Title }}&amp;body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
-              <i class="fa fa-envelope text-danger" style="font-size: 1.6em;"></i>
-            </a>
-          </span>
+        <div class="bg-light shadow p-4 rounded mt-2 bg-light">
+          <h4>Share article with</h4>
+          <ul>
+            <li>
+              <a target="blank" class="text-info"
+                href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+                Twitter
+              </a>
+            </li>
+            <li>
+              <a target="blank" class="text-success"
+                href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
+                data-action="share/whatsapp/share">
+                Whatsapp
+              </a>
+            </li>
+            <li>
+              <a class="text-danger" target="blank"
+                href="mailto:?subject={{ .Title }}&amp;body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+                Email
+              </a>
+            </li>
+          </ul>
+
+

        </div>
      </div>
@@ -67,7 +67,7 @@
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
 </head>

-<body>
+<body class="text-dark">
  <!--<div id="loader" class="center"></div>-->
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
@@ -130,6 +130,28 @@
      }
    };
    */
+    $('.darkmode-label').click(function () {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").toggleClass("d-none");
+      $(".fa-sun").toggleClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+      if ($('input.custom-control-input').is(':checked')) {
+        $('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
+        $('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
+      };
+    });
+    if ($('input.custom-control-input').is(':checked')) {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").addClass("d-none");
+      $(".fa-sun").removeClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+    };
  </script>
 </body>
 {{ else }}
@@ -1,39 +1,46 @@
-<div id="about" class="pt-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
-  <div class="container-fluid">
-    <div class="text-light text-center h3">About Me</div>
+<section id="about" class="pt-3">
+  <div class="container-fluid" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+    <div class="text-dark text-center h3">About Me</div>
    <div class="row justify-content-center about">
      <div class="col-md-6 about-content">
-        <div class="px-2" style="color: #8892b0;" data-aos="zoom-in" data-aos-offset="50" data-aos-delay="50"
-          data-aos-once="true" data-aos-duration="900">
-          {{ .Site.Params.descripe_l1_person | markdownify }}
-          <br>
-          <br>
-          {{ .Site.Params.descripe_l2_person | markdownify }}
+        <div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
+          data-aos-duration="900">
+          <div class="px-2">
+            {{ .Site.Params.descripe_l1_person | markdownify }}
+            <br>
+            <br>
+            {{ .Site.Params.descripe_l2_person | markdownify }}
+          </div>
+          {{ if .Site.Params.email }}
+          <div class="py-3 pl-2">
+            <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" target="_blank"
+              class="contact-btn btn text-muted">
+              Get In Touch
+            </a>
+          </div>
+          {{ end }}
        </div>
-        {{ if .Site.Params.email }}
-        <div class="py-3 pl-2">
-          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn" data-aos="zoom-in"
-            data-aos-offset="50" data-aos-delay="50" data-aos-once="true" data-aos-duration="1000">
-            Get In Touch
-          </a>
-        </div>
-        {{ end }}
+
      </div>
      <div class="col-md-5 about-skill">
-        <div class="text-secondary text-center h4">Skills</div>
-        {{ range .Site.Params.skills }}
-        <div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
-          <div style="color: rgb(230, 241, 255)">
-            {{ .name }}
-          </div>
-          <div class="progress mb-4">
-            <div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
-              aria-valuemax="100"></div>
+        <div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
+          data-aos-duration="1000">
+          <div class="text-secondary text-center h4">Skills</div>
+          {{ range .Site.Params.skills }}
+          <div>
+            <div>
+              {{ .name }}
+            </div>
+            <div class="progress mb-4">
+              <div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
+                aria-valuemax="100"></div>
+            </div>
          </div>
+          {{ end }}
        </div>
-        {{ end }}
      </div>

+
    </div>
  </div>
-</div>
+</section>
@@ -3,7 +3,7 @@
 <section class="py-3 pt-5" id="achievements" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
  data-aos-once="true">
  <div class="container-fluid">
-    <div class="text-light text-center h3">Achievements</div>
+    <div class="text-dark text-center h3">Achievements</div>
    <div class="row justify-content-center py-3 mx-2">
      {{ range .Site.Params.achievements }}
      {{ if .img }}
@@ -13,7 +13,7 @@
        data-aos-duration="600" data-aos-once="true">
        <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
          <div class="p-3 w-100 achiv overflow-hidden">
-            <h4 class="text-center">
+            <h4 class="text-center achiv-head">
              {{ .title }}
            </h4>
            <div class="text-secondary">
@@ -1,6 +1,6 @@
 <section id="contact" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
  <div class="container-fluid py-3">
-    <div class="text-light text-center h3">Get In Touch</div>
+    <div class="text-right text-center h3">Get In Touch</div>
    <div class="row justify-content-center px-md-5">
      <div class="col-md-6 py-3">
        <div class=" text-center">
@@ -8,7 +8,7 @@
        </div>
        {{ if .Site.Params.email }}
        <div class="text-center pt-3">
-          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn">
+          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
            Get In Touch
          </a>
        </div>
@@ -1,13 +1,13 @@
 <section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
  <div class="container-fluid pt-5">
-    <div class="text-light text-center h3">Experience</div>
+    <div class="text-dark text-center h3">Experience</div>

    <div class="row justify-content-center py-md-5">
      <div class="d-md-none d-lg-none d-sm-block">
        <ol class="ex-ol pl-5 pr-3">
          {{ range .Site.Params.experience }}
          <li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
-            <h4>
+            <h4 class="text-muted">
              <span class="text-primary">{{ .company }}</span> - {{ .role }}
            </h4>
            <div>
@@ -43,11 +43,11 @@
        {{ end }}
      </div>

-      <div class="tab-content col-md-5 d-none d-md-block" id="v-pills-tabContent">
+      <div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
        {{ range $index, $element := .Site.Params.experience }}
        {{ if (eq $index 0) }}
        <div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
-          <div class="h4">
+          <div class="h4 text-muted">
            <span class="text-primary">{{ .company }}</span> - {{ .role }}
          </div>
          <div>
@@ -63,7 +63,7 @@
        </div>
        {{ else }}
        <div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
-          <div class="h4">
+          <div class="h4 text-muted">
            <span class="text-primary">{{ .company }}</span> - {{ .role }}
          </div>
          <div>
@@ -1,8 +1,8 @@
-<footer data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+<footer>
  <!-- recent posts -->
-  <div class="news container py-3">
+  <div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
    {{ if .Site.Params.recentposts }}
-    <div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div>
+    <div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
    <div class="row justify-content-center">
      {{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
      <div class="col-lg-4 col-md-6 pt-2">
@@ -28,7 +28,7 @@
  <div class="text-center">
    {{ if .Site.Params.github }}
    <span class="px-1">
-      <a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
+      <a class="text-dark text-decoration-none" href="{{ .Site.Params.github }}" aria-label="github">
        <svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
          <path
            d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
@@ -55,7 +55,7 @@

    {{ if .Site.Params.linkedin }}
    <span class="px-1">
-      <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+      <a class="text-white text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
        <svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
          viewBox="0 0 512 512">
          <rect width="512" height="512" fill="#0077b5" rx="15%" />
@@ -68,7 +68,7 @@
    {{ end }}

    {{ if .Site.Params.twitter }}
-    <a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+    <a class="text-info text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
        <path fill="#03a9f4"
          d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
@@ -79,7 +79,7 @@
    {{ end }}

    {{ if .Site.Params.instagram }}
-    <a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+    <a class="text-danger text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
        <radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
          <stop offset="0" stop-color="#fd5" />
@@ -109,7 +109,7 @@
    {{ end }}

    {{ if .Site.Params.facebook }}
-    <a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
+    <a class="text-info text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
        <path fill="#3F51B5"
          d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
@@ -7,3 +7,23 @@
 <link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
 <link rel="stylesheet" href="/css/all.min.css" media="all">
 <link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
+<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
+
+<style>
+    html {
+        scrollbar-width: thin;
+        scrollbar-color: #6c757d transparent;
+    }
+
+    ::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: #6c757d;
+    }
+</style>
@@ -1,20 +1,20 @@
 <div class="container-fluid home">
-  <div class="py-5">
+  <div class="pt-5 pb-3 pt-md-0">
    <div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
      data-aos-duration="1000">
-      <div class="col-md-7 name-container">
+      <div class="col-md-7 pb-2 name-container">
        <div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
          data-aos-once="true">
-          <div class="text-warning" style="font-size: 15px;" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
+          <div class="text-warning hi-text" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
            data-aos-once="true" data-aos-duration="900">
            Hi there, I'm
          </div>
-          <h1 class="text-primary" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
-            data-aos-once="true">
+          <h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
+            data-aos-duration="900" data-aos-once="true">
            {{ .Site.Params.name }}
          </h1>
-          <h5 class="text-light" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
-            data-aos-once="true">
+          <h5 class="text-muted pro-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
+            data-aos-duration="900" data-aos-once="true">
            {{ .Site.Params.profession }}
          </h5>
        </div>
@@ -55,7 +55,7 @@
        </div>

      </div>
-      <div class="col-md-5 text-center">
+      <div class="col-md-5 text-center pt-2 pt-md-0 position-relative">
        {{ if .Site.Params.profile_image }}
        <img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true" data-aos-duration="1000"
          src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
@@ -1,6 +1,6 @@
 <div class="container">
-  <nav style="background-color: #0a192f;" class="pt-3 navbar navbar-expand-lg navbar-dark" data-aos="fade-down"
-    data-aos-easing="linear" data-aos-duration="500">
+  <nav class="pt-3 navbar navbar-expand-lg navbar-light" data-aos="fade-down" data-aos-easing="linear"
+    data-aos-duration="500">
    <a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
      {{ if .Site.Params.favicon }}
      <img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
@@ -9,6 +9,8 @@
      {{ .Site.Title }}
      {{ end }}
    </a>
+
+
    <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
      aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
@@ -20,35 +22,37 @@
        {{ if .Site.Params.disable_about }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
        </li>
        {{ end }}

        {{ if .Site.Params.disable_experience }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience" aria-label="experience">Experience</a>
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#experience"
+            aria-label="experience">Experience</a>
        </li>
        {{ end }}

        {{ if .Site.Params.disable_education }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education" aria-label="education">Education</a>
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#education"
+            aria-label="education">Education</a>
        </li>
        {{ end }}

        {{ if .Site.Params.disable_projects }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
        </li>
        {{ end }}

        {{ if .Site.Params.disable_achievements }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
            aria-label="achievements">Achievements</a>
        </li>
        {{ end }}
@@ -56,16 +60,24 @@
        {{ if .Site.Params.disable_contact }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
        </li>
        {{ end }}

        {{ range site.Params.customMenus }}
        <li class="nav-item navbar-text">
-          <a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+          <a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
        </li>
        {{ end }}
-
+        <li class="nav-item navbar-text">
+          <div class="custom-control custom-switch">
+            <input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
+            <label class="pt-2 darkmode-label" for="customSwitch1" style="cursor: pointer;">
+              <i class="fas fa-lg fa-moon"></i>
+              <i class="fas fa-lg fa-sun d-none text-warning"></i>
+            </label>
+          </div>
+        </li>
      </ul>
    </div>
  </nav>
@@ -1,9 +1,10 @@
-<section id="projects" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
-  <div class="container-fluid py-3 pt-5">
-    <div class="text-light text-center h3">Projects</div>
+<section id="projects">
+  <div class="container-fluid py-3 pt-5" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
+    data-aos-once="true">
+    <div class="text-dark text-center h3">Projects</div>
    <div class="row justify-content-center pt-2">
      {{ range ( where .Site.RegularPages "Type" "project" ) }}
-      <div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
+      <div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
        <div class="row">
          <div class="col-md-6 bg-pro">
            <img src='{{ .Params.img }}' alt="{{ .Title }}">
@@ -23,7 +24,7 @@
              {{ end }}
              {{ if .Params.github }}
              <a href="{{ .Params.github }}" class="px-1 pr-2">
-                <i class="fab text-dark fa-lg fa-github"></i>
+                <i class="fab text-dark fa-lg fa-github pro-github"></i>
              </a>
              {{ end }}
              <a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
@@ -35,7 +36,7 @@
      </div>
      {{ end }}
      {{ range .Site.Params.projects }}
-      <div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
+      <div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
        <div class="row">
          <div class="col-md-6 bg-pro">
            <img src='{{ .img }}' alt="{{ .name }}">
@@ -55,7 +56,7 @@
              {{ end }}
              {{ if .githublink }}
              <a href="{{ .githublink }}" class="px-1 pr-2">
-                <i class="fab text-dark fa-lg fa-github"></i>
+                <i class="fab text-dark fa-lg fa-github pro-github"></i>
              </a>
              {{ end }}

@@ -1,27 +1,30 @@
 [build]
-publish = "public"
-command = "hugo --gc --minify"
+publish = "website/public"
+command = "cd website && hugo --gc --minify --themesDir ../.."

 [context.production.environment]
 HUGO_VERSION = "0.76.5"
 HUGO_ENV = "production"
 HUGO_ENABLEGITINFO = "true"
+HUGO_THEME = "repo"

 [context.split1]
-command = "hugo --gc --minify --enableGitInfo"
+command = "cd website && hugo --gc --minify --enableGitInfo --themesDir ../.."

 [context.split1.environment]
 HUGO_VERSION = "0.76.5"
 HUGO_ENV = "production"
+HUGO_THEME = "repo"

 [context.deploy-preview]
-command = "hugo --gc --minify --buildFuture -b $DEPLOY_PRIME_URL"
+command = "cd website && hugo --gc --minify --buildFuture --themesDir ../.. -b $DEPLOY_PRIME_URL"

 [context.deploy-preview.environment]
 HUGO_VERSION = "0.76.5"
+HUGO_THEME = "repo"

 [context.branch-deploy]
-command = "hugo --gc --minify -b $DEPLOY_PRIME_URL"
+command = "cd website && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"

 [context.branch-deploy.environment]
 HUGO_VERSION = "0.76.5"
@@ -0,0 +1,14 @@
+.darkmode {
+  background-color: #18191a;
+}
+
+.darkmode-text-dark {
+  color: #e4e6eb !important;
+}
+
+.darkmode-text-muted {
+  color: #b0b3b8 !important;
+}
+
+
+
@@ -3,7 +3,7 @@ html {
 }
 body {
  font-family: "Roboto", sans-serif;
-  background-color: #0a192f;
+  background-color: #eaedf0;
 }
 .post-ol {
  list-style-type: decimal-leading-zero;
@@ -2,9 +2,7 @@
 .navbar-brand {
  color: #007bff !important;
 }
-.navbar .nav-link {
-  color: #f9fafc !important;
-}
+
 .navbar .nav-link:hover {
  color: #007bff !important;
 }
@@ -3,9 +3,11 @@ html {
 }
 body {
  font-family: "Roboto", sans-serif;
-  background-color: #0a192f;
+  background-color: #eaedf0;
+}
+.blog-page-color{
+  color: #3a3b3c !important;
 }
-
 #TableOfContents {
  padding: 3%;
 }
@@ -3,7 +3,7 @@ html {
 }
 body {
  font-family: "Roboto", sans-serif;
-  background-color: #0a192f;
+  background-color: #eaedf0;
 }
 a:hover {
  text-decoration: none;
@@ -12,7 +12,16 @@ a:hover {
 /* v3 home */
 .name {
  padding-left: 3%;
-  border-left: 5px solid #f9fafc;
+  border-left: 1.2px solid #007bff;
+}
+.hi-text {
+  font-size: 20px;
+}
+.name-text {
+  font-size: 70px;
+}
+.pro-text {
+  font-size: 30px;
 }
 .btn-intro {
  padding-left: 3%;
@@ -29,13 +38,16 @@ a:hover {
 }
 .social-icon {
  padding: 2%;
-  background-color: #f9fafc;
+  background-color: #007bff;
+  color: #f9fafc !important;
  border-radius: 50%;
  transition: 0.3s;
+  border: 1px solid;
 }
 .social-icon:hover {
-  background-color: #007bff !important;
-  color: #f9fafc !important;
+  background-color: #f9fafc !important;
+  color: #007bff !important;
+  border: 1px solid #007bff;
 }
 .intro {
  padding: 8% 0 8% 0;
@@ -46,8 +58,8 @@ a:hover {
 .profile {
  padding: 1%;
  border: 1px solid #f9fafc;
-  width: 250px;
-  height: 250px;
+  width: 300px;
+  height: 300px;
 }
 .profile:hover {
  -webkit-filter: grayscale(0);
@@ -61,6 +73,15 @@ a:hover {
    width: 220px;
    height: 220px;
  }
+  .hi-text {
+    font-size: 15px;
+  }
+  .name-text {
+    font-size: 2.5rem;
+  }
+  .pro-text {
+    font-size: 1.25rem;
+  }
 }
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .name-container {
@@ -81,13 +102,17 @@ a:hover {
  padding-right: 10% !important;
 }
 .contact-btn {
-  padding: 2%;
+  padding: 1.5%;
+  padding-left: 2%;
+  padding-right: 2%;
  font-size: 17px;
-  color: #f9fafc;
-  border: 1px solid #f9fafc;
+  border: 1px solid #007bff;
 }
 .contact-btn:hover {
-  color: #8892b0;
+  color: #007bff !important;
+}
+.progress {
+  background-color: #f9fafc !important;
 }
@media only screen and (max-width: 768px) {
  .about-content {
@@ -107,7 +132,7 @@ a:hover {
 /* v3 projects */
 .bg-pro {
  padding: 0 !important;
-  opacity: 0.6;
+  opacity: 0.9;
 }
 .bg-pro img {
  height: 250px;
@@ -123,9 +148,13 @@ a:hover {
  border-bottom-right-radius: 0.5rem !important;
 }
 .content-pro-top {
+  color: #3a3b3c !important;
  height: 80%;
 }
+.pro-github{
+  color: #3a3b3c !important;

+}
 .pro:hover .pro-btn {
  background-color: #3498db !important;
  color: #f9fafc;
@@ -149,10 +178,10 @@ a:hover {
  }
  .content-pro-top {
    height: 80%;
-    color: #f9fafc;
+    color: #6c757d;
  }
  .card-text {
-    color: #faf9f6;
+    color: #343a40;
  }
  .pro:hover .content-pro {
    background-color: transparent !important;
@@ -160,7 +189,6 @@ a:hover {
  }
  .pro:hover .pro-btn {
    color: #f9fafc;
-    border: none;
  }
  .pro:hover .bg-pro {
    opacity: 0.3;
@@ -169,20 +197,25 @@ a:hover {

 /* v3 experience */
 #experience {
-  color: #8892b0;
 }
 #nav-pills-out {
-  border-left: 1px solid #f9fafc;
+  border-left: 1px solid #007bff;
 }
 .nav-pills .nav-link {
-  color: #8892b0 !important;
 }
 .nav-pills .active {
-  color: #f9fafc !important;
-  background-color: #0a192f !important;
+  padding-left: 20%;
+  color: #818181 !important;
+  background-color: transparent !important;
+}
+.nav-pills .active::before {
+  padding-left: 8%;
+  content: "▹";
+  position: absolute;
+  left: 0px;
+  color: #007bff;
 }
 .tab-pane {
-  color: #8892b0;
 }
 .ex {
  list-style-type: none;
@@ -234,7 +267,6 @@ a:hover {

 /* v3 education */
 #education {
-  color: #8892b0;
 }
 .v-center {
  display: flex;
@@ -245,16 +277,13 @@ a:hover {
  padding: 0;
 }
 .edu-item {
-  padding-left: 20%;
+  padding-right: 8%;
  list-style: none;
 }
 .edu-item::before {
-  padding: 0%;
-  padding-left: 20%;
-  content: "▹";
+  content: "\25C3";
  position: absolute;
-  left: 0px;
-  color: #f9fafc;
+  right: 0px;
 }
 .edu-img {
  width: 100%;
@@ -262,15 +291,14 @@ a:hover {
@media only screen and (max-width: 768px) {
  .edu-item::before {
    padding: 0%;
-    padding-left: 8%;
    content: "▹";
    position: absolute;
    left: 0px;
-    color: #f9fafc;
  }
  .edu-item {
-    padding-left: 2%;
+    padding-left: 5%;
    list-style: none;
+    padding-right: 2%;
  }
  .edu-img {
    width: 100%;
@@ -284,7 +312,6 @@ a:hover {
    content: "▹";
    position: absolute;
    left: 0px;
-    color: #f9fafc;
  }
  .edu-item {
    padding-right: 18%;
@@ -319,6 +346,9 @@ a:hover {
 .achiv-out {
  max-width: 35% !important;
 }
+.achiv-head {
+  color: #3a3b3c !important;
+}
@media only screen and (max-width: 768px) {
  .achiv-out {
    max-width: 100% !important;
@@ -327,6 +357,5 @@ a:hover {

 /* v3 contact */
 #contact {
-  color: #8892b0;
  font-size: 17px;
 }
@@ -0,0 +1,11 @@
+name = "Hugo Profile"
+license = "MIT"
+licenselink = "https://github.com/gurusabarish/hugo-profile/blob/master/LICENSE"
+description = "A high performance hugo theme for personal portfolio and blog."
+homepage = "https://profile.gurusabarish.tech"
+tags = ["Responsive","Blog", "Portfolio", "Clean", "Fast", "Seo"]
+min_version = "0.68.0"
+
+[author]
+  name = "Gurusabarish"
+  homepage = "https://gurusabarish.tech"
@@ -0,0 +1,137 @@
+baseURL: "https://profile.gurusabarish.tech"
+languageCode: "en-us"
+title: "Hugo-profile"
+
+googleanalytics: UA-167646412-8
+disqusShortname: 
+Paginate: 3
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
+
+taxonomies:
+  tag: "tags"
+  category: "categories"
+
+enableEmoji: true
+params:
+  version: 3
+
+  favicon: "/images/fav.png"
+  description: "A high performance hugo theme for personal portfolio and blog."
+
+  # Navbar Menus
+  customMenus:
+    - name: "Blog"
+      Url: "/blog"
+    - name: "Version2"
+      Url: "https://v2.profile.gurusabarish.tech"
+    - name: "Version1"
+      Url: "https://v1.profile.gurusabarish.tech"
+  # home
+  disable_home: false
+  profile_image: "/images/profile.png"
+  name: "Guru Sabarish"
+  profession: "Full Stack Developer"
+  github: "https://github.com/gurusabarish"
+  linkedin: "https://linkedin.com/in/gurusabarish"
+  twitter: "https://twitter.com/gurusabarishh"
+  instagram: "https://instagram.com/gurusabarishh"
+  facebook: "https://facebook.com/gurusabarish01"
+
+  # About
+  disable_about: false
+  descripe_l1_person: "Hi, I'm Guru sabarish, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
+  descripe_l2_person: "Check out my blogs [here](https://blog.gurusabarish.tech)"
+  skills:
+    - name: CSS
+      percentage: 90
+    - name: Django
+      percentage: 85
+    - name: Hugo
+      percentage: 80
+    - name: React JS
+      percentage: 70
+
+  # Experience
+  disable_experience: false
+  experience:
+    - company: "Google"
+      role: "Software developer"
+      startdate: Feb 2021
+      enddate: present
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+    - company: "Facebook"
+      role: "Fullstack developer"
+      startdate: Mar 2020
+      enddate: Dec 2020
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+    - company: "Amazon"
+      role: "Fullstack developer"
+      startdate: Feb 2019
+      enddate: Jan 2020
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+
+  # Education
+  disable_education: false
+  education:
+    - degree: "B.tech"
+      branch: "Information Technology"
+      university: "Example university"
+      startedyear: "2013"
+      graduation: "2018"
+    - degree: "B.tech"
+      branch: "Information Technology"
+      university: "Example university"
+      startedyear: "2013"
+      graduation: "2018"
+    - degree: "B.tech"
+      branch: "Information Technology"
+      university: "Example university"
+      startedyear: "2013"
+      graduation: "2018"
+
+  # Projects
+  disable_projects: false
+  projects:
+    - name: "Example project without details"
+      img: /images/project.jpg
+      githublink: "https://github.com/"
+      featuredlink: "/"
+      description: "Description of project"
+
+  # Achievements
+  disable_achievements: false
+  achievements:
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+
+  # Contact
+  disable_contact: false
+  contact_content: My inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!
+  email: "example@mail.com"
+
+  # Footer
+  socialiconfooter: true
+  recentposts: true
+
+  # Blog
+  showdescription: false
+  tweet: true
@@ -13,7 +13,7 @@ taxonomies:
 params:
  version: 1

-  favicon: "/images/fav.png"
+  favicon: "/images/hugo.png"
  description: "A hugh performance hugo theme for personal website. It is single page portfolio. It has blog, contact sections also. Contact is powered by formspree."
  disqus: ""
Author	SHA1	Message	Date
Guru Sabarish	2c58f2e15f	Update config.yaml	2021-06-26 08:32:16 +05:30
gurusabarish	5b5936c31d	Removed example site and added some content in website	2021-06-26 08:22:34 +05:30
Guru Sabarish	5475e10ef1	Merge pull request #18 from gurusabarish/imgbot [ImgBot] Optimize images	2021-06-21 21:58:59 +05:30
ImgBotApp	00ea239224	[ImgBot] Optimize images *Total -- 2,653.13kb -> 2,524.57kb (4.85%) /images/v2-demo.png -- 105.51kb -> 89.40kb (15.27%) /images/v1-demo.png -- 224.16kb -> 190.78kb (14.89%) /images/v3-demo.png -- 556.04kb -> 497.06kb (10.61%) /static/webfonts/fa-regular-400.svg -- 141.32kb -> 139.15kb (1.54%) /static/webfonts/fa-solid-900.svg -- 896.07kb -> 883.93kb (1.35%) /static/webfonts/fa-brands-400.svg -- 730.02kb -> 724.26kb (0.79%) Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>	2021-06-21 16:24:52 +00:00
Guru Sabarish	d4e24e2634	Merge pull request #17 from gurusabarish/dev Dev	2021-06-21 21:54:19 +05:30
gurusabarish	60767edc93	dark mode	2021-06-21 15:34:43 +05:30
gurusabarish	fd2b79bc98	darkmode initial commit	2021-06-17 22:00:17 +05:30
gurusabarish	758e0f7ad2	Merge branch 'master' of https://github.com/gurusabarish/hugo-profile	2021-06-17 11:25:49 +05:30
gurusabarish	a5a500ba91	v3 light theme	2021-06-17 11:25:30 +05:30
Guru Sabarish	51e118aa42	Create autoapprove.yml	2021-06-14 11:42:09 +05:30
Guru Sabarish	ea88b4e633	Create greetings.yml	2021-06-14 11:33:32 +05:30
Guru Sabarish	f364a2a16c	Delete .mergify.yml	2021-06-14 11:23:37 +05:30
mergify[bot]	43366861bd	Merge pull request #15 from gurusabarish/imgbot [ImgBot] Optimize images	2021-06-14 05:46:24 +00:00
Guru Sabarish	081014d43d	Merge pull request #16 from gurusabarish/mergify/gurusabarish/config-update Mergify: configuration update	2021-06-14 11:13:43 +05:30
Guru Sabarish	48dacecaf4	Mergify: configuration update	2021-06-14 11:12:45 +05:30
Guru Sabarish	c42245ab74	Update README.md	2021-06-14 10:55:29 +05:30
ImgBotApp	e44df55622	[ImgBot] Optimize images *Total -- 988.21kb -> 893.26kb (9.61%) /images/tn.png -- 139.04kb -> 122.04kb (12.23%) /images/screenshot.png -- 312.43kb -> 274.73kb (12.07%) /exampleSite/static/images/project.jpg -- 268.37kb -> 248.25kb (7.5%) /netlifysite/static/images/project.jpg -- 268.37kb -> 248.25kb (7.5%) Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>	2021-06-14 05:19:33 +00:00
Guru Sabarish	dc4988ce80	Update README.md	2021-06-14 01:27:39 +05:30
gurusabarish	9ef2450335	demos	2021-06-14 00:54:58 +05:30
gurusabarish	e29b979d57	demos	2021-06-14 00:51:00 +05:30
Guru Sabarish	05404689aa	Merge pull request #14 from gurusabarish/development v3 upgrade	2021-06-13 23:37:31 +05:30