Update README.md

Update config.yaml
v1 demo
2021-09-06 09:11:16 +05:30 · 2021-09-06 09:09:00 +05:30 · 2021-06-14 00:44:07 +05:30 · 2021-06-14 00:11:44 +05:30 · 2021-06-13 23:56:04 +05:30
55 changed files with 10288 additions and 1306 deletions
@@ -0,0 +1,13 @@
 # These are supported funding model platforms
 github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 patreon: # Replace with a single Patreon username
 open_collective: # Replace with a single Open Collective username
 ko_fi: # Replace with a single Ko-fi username
 tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
 liberapay: # Replace with a single Liberapay username
 issuehunt: # Replace with a single IssueHunt username
 otechie: # Replace with a single Otechie username
 custom: ['https://www.buymeacoffee.com/gurusabarish', 
 'https://www.paypal.me/gurusabarish']         # Replace with up to 4 custom sponsorship URLs e.g.['link1',link2'] 
@@ -1,19 +1 @@
-/config.yaml
+/public
 /content
 /static/images
 .vscode
 ### Hugo ###
 # Generated files by hugo
 /public/
 /resources/_gen/
 /assets/jsconfig.json
 hugo_stats.json
 # Executable may be added to repository
 hugo.exe
 hugo.darwin
 hugo.linux
 # Temporary lock file while building
 /.hugo_build.lock
@@ -1,6 +1,6 @@
 MIT License
-Copyright (c) 2021 GURU SABARISH
+Copyright (c) 2020 GURU SABARISH
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -1,80 +1,3 @@
-<div align="center">
+# 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)
 # hugo-profile 
 [![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)
-</div>
+A highly customizable and mobile first Hugo template for personal portfolio and blog.
 A high performance and mobile first hugo template for personal portfolio and blog
 ## Requirements
 - Hugo Version 0.68.0 or higher
 ## How to use this template
 - [Hugo theme format](#Hugo-theme-format)
 - [Local Development](#Local-Development)
 - [Direct deployment using netlify](#Direct-deployment-using-netlify)
 - [Direct deployment using Github Pages and action](#Direct-deployment-using-Github-Pages-and-action)
 ### Hugo theme format
 - Install Hugo and create a site using `hugo new site my-site -f=yaml`
 - Clone this repo inside your themes folder and create config.yaml (_I am not much aware about toml. So, I am using yaml format._) inside root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v3.yaml) as base template.
 ```
 cd themes
 git clone https://github.com/gurusabarish/hugo-profile.git
 ```
 - You should have the mentioned (_inside the config file_) images in static folder to use them.
 ### Local Development
 - Install hugo and just clone this repo
 ```
 git clone https://github.com/gurusabarish/hugo-profile.git
 cd hugo-profile
 ```
 - Now create config.yaml file in your root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v3.yaml) as base template.
 - Run your site using `hugo serve` commend
 ### Direct deployment using netlify
 - Fork this repo or create new repo using `use this template` button and connect repo to netlify.
 - You can customize the config file, content and everything inside exampleSite folder. Netlify will automatically deploy your changes every time you modify the repo.
 **[What is netlify?](https://www.netlify.com/about/)** An intuitive Git-based workflow and powerful serverless platform to build, deploy, and collaborate on web apps
 ### Direct deployment using Github Pages and action
 - Fork this repo or create new repo using `use this template` button. Github action will generate all files and push to demo branch. Now, you have to connect your github pages to that `demo` branch. _No need to create demo branch. Github action will take care of it_
 - You can customize the config file, content and everything inside exampleSite folder. Github action will automatically deploy your changes to demo branch every time you modify the repo.
 - When using your own domain create a file in the static dir called `CNAME' and put your domain in it.
 - If you clone the repo locally, you can view the local change with `hugo  --gc --minify --themesDir . serve` from within the exampleSite dir.
 ## Deployment
 Run `hugo`. It will generate a folder called public. You can use the files inside public folder for deployment. You should delete the public folder for each time when you are using `hugo` commend.
 ## Issues
 If you have a question, please [open an issue](https://github.com/gurusabarish/hugo-profile/issues) for help and to help those who come after you. The more information you can provide, the better!
 ## Contributing
 Contributions, issues, and feature requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
 ## License
 Licensed under [MIT](LICENSE)
 ## 🤝 Support
 Give a ⭐️ if you like this project!
 <a href="https://www.buymeacoffee.com/gurusabarish" target="_blank" rel="noopener"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="40" width="145" alt="Buy Me A Coffee"></a>
@@ -0,0 +1,121 @@
 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
@@ -1,174 +0,0 @@
 baseURL: "https://hugo-profile.netlify.app"
 languageCode: "en-us"
 title: "Hugo-profile"
 theme: "./.."
 relativeURLs: true
 googleanalytics: UA-167646412-8
 disqusShortname:
 Paginate: 3
 markup:
  goldmark:
    renderer:
      unsafe: true
 taxonomies:
  tag: "tags"
  category: "categories"
 enableEmoji: true
 # menus
 Menus:
  main:
    - identifier: blog
      name: Blog
      title: Blog posts
      url: /blog
      weight: 1
    #Dropdown menu
    # - identifier: dropdown
    #   title: Example dropdown menu
    #   name: Dropdown
    #   weight: 3
    # - identifier: dropdown1
    #   title: example dropdown 1
    #   name: example 1
    #   url: /ew
    #   parent: dropdown
    #   weight: 1
    # - identifier: dropdown2
    #   title: example dropdown 2
    #   name: example 2
    #   url: /34545
    #   parent: dropdown
    #   weight: 2
 params:
  version: 3
  customCSS: false
  favicon: "/images/fav.png"
  description: "A high performance hugo theme for personal portfolio and blog."
  # home
  disable_home: false
  profile_image: "/images/profile.png"
  name: "Example name"
  namecolor: ffc107
  profession: "Profession"
  github: "https://github.com"
  gitlab: "https://gitlab.com"
  linkedin: "https://linkedin.com"
  twitter: "https://twitter.com/"
  instagram: "https://instagram.com/"
  facebook: "https://facebook.com"
  #Custom social links
  # customSocialLinks:
  #   - imageURL: "https://hugo-profile.netlify.app/images/fav.png"
  #     url: "https://gohugo.com"
  #   - fontAwesomeIconName: "fa fa-envelope"
  #     url: "https://gmail.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"
      # id: "google-developer"   // use this, when you want to change the id(used for navigation)
      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"
      # id: "facebook-developer" // use this, when you want to change the id(used for navigation)
      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"
      # id: "amazon-developer" // use this, when you want to change the id(used for navigation)
      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
      url: https://example.com
    - title: Competition winner
      description: We are developed a product which can help others.
      img: /images/achiv.jpg
      # url: https://example.com
    - 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
@@ -1,3 +0,0 @@
 .hi-text{
    font-size: 40px !important;
 }
@@ -1,24 +1,27 @@
 {{ define "main" }}
 <style>
-  html {
+    html {
-    scroll-behavior: smooth;
+        scroll-behavior: smooth;
-  }
+    }
-  body {
+    body {
-    font-family: "Roboto", sans-serif;
+        font-family: "Roboto", sans-serif;
-    background-color: #eaedf0;
+        background-color: #0a192f;
-  }
+    }
 </style>
 <div class="container">
-  <div class="row justify-centent-center py-5">
+    <div class="row justify-centent-center py-5">
-    <div class="display-4 font-weight-bold text-center col p-5">
+        <div class="display-4 font-weight-bold text-center col p-5">
-      {{ if eq .Site.Params.version 3 }}
+            {{ if eq .Site.Params.version 3 }}
-      <span class="text-dark">404 page not found</span>
+            <span class="text-light">404 page not found</span>
-      {{ else }} 404 page not found {{ end }}
+            {{ else }}
-      <div class="text-center p-5">
+            404 page not found
-        <a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to Home</a>
+            {{ end }}
-      </div>
+            <div class="text-center p-5">
                <a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to
                    Home</a>
            </div>
        </div>
    </div>
  </div>
 </div>
 {{ end }}
@@ -2,7 +2,6 @@
 <html lang="en">
 <head>
  {{ if eq .Site.Params.version 1 }}
  {{- partial "sections/v1/head.html" . -}}
  <link href="/css/bootstrap.min.css" rel="stylesheet">
@@ -18,78 +17,34 @@
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300&display=swap"
    rel="stylesheet">
  <script src="/js/popper.min.js"></script>
  {{- block "head" . -}}{{- end }}
  {{ else }}
  {{ end }}
 </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 }}
-<body>
+  {{ else if eq .Site.Params.version 2 }}
  {{- 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 }}
-<body class="text-dark">
+  {{ else if eq .Site.Params.version 3 }}
  {{- partial "sections/v3/scripts.html" . -}}
  {{- partial "sections/v3/navbar.html" . -}}
  {{- block "main" . -}}{{- end }}
  {{- partial "sections/v3/footer.html" . -}}
-  <script>
+  {{ else }}
-    $(function () {
+  {{ end }}
      $('[data-toggle="tooltip"]').tooltip()
    })
  </script>
  <!-- Darkmode -->
  <script>
    function autoDarkMode() {
      $("body").toggleClass("darkmode");
      $(".fa-moon").addClass("d-none");
      $(".fa-sun").removeClass("d-none");
      $("nav").toggleClass("navbar-dark");
      $("nav").toggleClass("navbar-light");
      $('.text-dark').toggleClass('darkmode-text-dark');
      $('.text-muted').toggleClass('darkmode-text-muted');
      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
    };
  </script>
  <script src="/js/auto_darkmode.js"></script>
  <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').toggleClass('darkmode-text-dark');
      $('.text-muted').toggleClass('darkmode-text-muted');
      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
      switchDarkmodeSetting();
    });
  </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;5">
+<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
  <div class="container pt-5">
    <h3 class="text-center">{{.Title}}</h2>
      <div class="row justify-content-center">
@@ -26,7 +26,7 @@
            <li>
              <h1 style="font-size: 25px;" class="font-weight-bold">
-                <a class="text-decoration-none" href="{{ .RelPermalink }}">
+                <a class="text-decoration-none" href="{{ .Permalink }}">
                  {{ .Title }}
                </a>
              </h1>
@@ -68,7 +68,7 @@
              {{ end }}
            </h5>
            {{ end }}
-            <a class="text-decoration-none" href="{{ .RelPermalink }}">
+            <a class="text-decoration-none" href="{{ .Permalink }}">
              <div class="card-body">
                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">{{ .Title }}</div>
                {{ if .Site.Params.showdescription }}
@@ -19,66 +19,11 @@
 {{ define "main" }}
 {{ if eq .Site.Params.version 3 }}
-<section style="font-family: 'Roboto', sans-serif;">
+<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
  <div class="bottom-share d-none">
    <div class="my-1 mb-3 share-container">
      <div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
        <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" />
          <path fill="#fff"
            d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
        </svg>
      </div>
      <div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
        <svg xmlns="http://www.w3.org/2000/svg" width="40px" height="48px" data-name="Layer 1" viewBox="0 0 32 32">
          <path fill="#ea4435"
            d="M16.58,19.1068l-12.69-8.0757A3,3,0,0,1,7.1109,5.97l9.31,5.9243L24.78,6.0428A3,3,0,0,1,28.22,10.9579Z" />
          <path fill="#00ac47" d="M25.5,5.5h4a0,0,0,0,1,0,0v18a3,3,0,0,1-3,3h0a3,3,0,0,1-3-3V7.5a2,2,0,0,1,2-2Z"
            transform="rotate(180 26.5 16)" />
          <path fill="#ffba00"
            d="M29.4562,8.0656c-.0088-.06-.0081-.1213-.0206-.1812-.0192-.0918-.0549-.1766-.0823-.2652a2.9312,2.9312,0,0,0-.0958-.2993c-.02-.0475-.0508-.0892-.0735-.1354A2.9838,2.9838,0,0,0,28.9686,6.8c-.04-.0581-.09-.1076-.1342-.1626a3.0282,3.0282,0,0,0-.2455-.2849c-.0665-.0647-.1423-.1188-.2146-.1771a3.02,3.02,0,0,0-.24-.1857c-.0793-.0518-.1661-.0917-.25-.1359-.0884-.0461-.175-.0963-.267-.1331-.0889-.0358-.1837-.0586-.2766-.0859s-.1853-.06-.2807-.0777a3.0543,3.0543,0,0,0-.357-.036c-.0759-.0053-.1511-.0186-.2273-.018a2.9778,2.9778,0,0,0-.4219.0425c-.0563.0084-.113.0077-.1689.0193a33.211,33.211,0,0,0-.5645.178c-.0515.022-.0966.0547-.1465.0795A2.901,2.901,0,0,0,23.5,8.5v5.762l4.72-3.3043a2.8878,2.8878,0,0,0,1.2359-2.8923Z" />
          <path fill="#4285f4" d="M5.5,5.5h0a3,3,0,0,1,3,3v18a0,0,0,0,1,0,0h-4a2,2,0,0,1-2-2V8.5a3,3,0,0,1,3-3Z" />
          <path fill="#c52528"
            d="M2.5439,8.0656c.0088-.06.0081-.1213.0206-.1812.0192-.0918.0549-.1766.0823-.2652A2.9312,2.9312,0,0,1,2.7426,7.32c.02-.0475.0508-.0892.0736-.1354A2.9719,2.9719,0,0,1,3.0316,6.8c.04-.0581.09-.1076.1342-.1626a3.0272,3.0272,0,0,1,.2454-.2849c.0665-.0647.1423-.1188.2147-.1771a3.0005,3.0005,0,0,1,.24-.1857c.0793-.0518.1661-.0917.25-.1359A2.9747,2.9747,0,0,1,4.3829,5.72c.089-.0358.1838-.0586.2766-.0859s.1853-.06.2807-.0777a3.0565,3.0565,0,0,1,.357-.036c.076-.0053.1511-.0186.2273-.018a2.9763,2.9763,0,0,1,.4219.0425c.0563.0084.113.0077.169.0193a2.9056,2.9056,0,0,1,.286.0888,2.9157,2.9157,0,0,1,.2785.0892c.0514.022.0965.0547.1465.0795a2.9745,2.9745,0,0,1,.3742.21A2.9943,2.9943,0,0,1,8.5,8.5v5.762L3.78,10.9579A2.8891,2.8891,0,0,1,2.5439,8.0656Z" />
        </svg>
      </div>
      <div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="38px" height="48px">
          <path fill="#4CAF50"
            d="M8.002 0h-.004C3.587 0 0 3.588 0 8a7.94 7.94 0 0 0 1.523 4.689l-.997 2.972 3.075-.983A7.93 7.93 0 0 0 8.002 16C12.413 16 16 12.411 16 8s-3.587-8-7.998-8z" />
          <path fill="#FAFAFA"
            d="M12.657 11.297c-.193.545-.959.997-1.57 1.129-.418.089-.964.16-2.802-.602-2.351-.974-3.865-3.363-3.983-3.518-.113-.155-.95-1.265-.95-2.413s.583-1.707.818-1.947c.193-.197.512-.287.818-.287.099 0 .188.005.268.009.235.01.353.024.508.395.193.465.663 1.613.719 1.731.057.118.114.278.034.433-.075.16-.141.231-.259.367-.118.136-.23.24-.348.386-.108.127-.23.263-.094.498.136.23.606.997 1.298 1.613.893.795 1.617 1.049 1.876 1.157.193.08.423.061.564-.089.179-.193.4-.513.625-.828.16-.226.362-.254.574-.174.216.075 1.359.64 1.594.757.235.118.39.174.447.273.056.099.056.564-.137 1.11z" />
        </svg>
      </div>
    </div>
    <div class="text-center" data-toggle="tooltip" data-placement="left" title="Share this article">
      <svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" viewBox="0 0 25 25">
        <g transform="translate(0 -1027.362)">
          <circle cx="657.054" cy="437.094" r="15.268" fill="#9257a2" fill-rule="evenodd"
            transform="translate(-525.439 682.007) scale(.81871)" />
          <path fill="#6c4676"
            style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal"
            d="M 12.943359 24.984375 A 12.5 12.5 0 0 0 13.384766 24.96875 A 12.5 12.5 0 0 0 14.625 24.818359 A 12.5 12.5 0 0 0 15.84375 24.544922 A 12.5 12.5 0 0 0 17.029297 24.150391 A 12.5 12.5 0 0 0 18.169922 23.640625 A 12.5 12.5 0 0 0 19.253906 23.017578 A 12.5 12.5 0 0 0 20.269531 22.291016 A 12.5 12.5 0 0 0 21.208984 21.466797 A 12.5 12.5 0 0 0 22.060547 20.552734 A 12.5 12.5 0 0 0 22.816406 19.558594 A 12.5 12.5 0 0 0 23.470703 18.492188 A 12.5 12.5 0 0 0 24.013672 17.367188 A 12.5 12.5 0 0 0 24.441406 16.193359 A 12.5 12.5 0 0 0 24.496094 15.974609 L 14.265625 5.7441406 C 13.812473 5.2910406 13.187396 5.0097656 12.5 5.0097656 C 11.12521 5.0097656 10 6.1349656 10 7.5097656 C 10 7.5307656 10.005259 7.5493125 10.005859 7.5703125 C 9.4896699 7.8077125 9.0133544 8.1147296 8.5878906 8.4804688 C 8.374766 8.6636758 8.1738297 8.8614634 7.9882812 9.0722656 C 7.0619905 10.124095 6.5 11.499953 6.5 13.009766 C 6.5 13.488466 6.573385 13.948784 6.6796875 14.396484 C 5.9748502 14.839884 5.5 15.620266 5.5 16.509766 C 5.5 17.197166 5.7812253 17.822291 6.234375 18.275391 L 12.943359 24.984375 z "
            color="#000" font-family="sans-serif" font-weight="400" transform="translate(0 1027.362)" />
          <path fill="#fff"
            d="m 7.9941406,1 c -1.3747895,0 -2.5,1.1252 -2.5,2.5 0,0.02072 0.00535,0.039943 0.00586,0.060547 C 3.4352817,4.5101164 1.9941406,6.5842949 1.9941406,9 c 0,0.4787281 0.073385,0.9389814 0.1796875,1.386719 C 1.4689908,10.830108 0.99414062,11.610545 0.99414062,12.5 c 0,1.3748 1.12521048,2.5 2.49999998,2.5 0.6665407,0 1.2712865,-0.268072 1.7207032,-0.697266 C 6.0479519,14.74009 6.9900874,15 7.9941406,15 8.9981981,15 9.9421095,14.741984 10.775391,14.304688 11.224611,14.732762 11.828584,15 12.494141,15 c 1.374789,0 2.5,-1.1252 2.5,-2.5 0,-0.887901 -0.472993,-1.667522 -1.175782,-2.111328 C 13.924794,9.941126 13.994141,9.4787929 13.994141,9 c 0,-2.4173981 -1.439125,-4.4947611 -3.50586,-5.4433594 4.46e-4,-0.019294 0.0059,-0.037245 0.0059,-0.056641 0,-1.3748 -1.1252108,-2.5 -2.5000004,-2.5 z m 0,1 c 0.8343495,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.6656505,1.5 -1.5,1.5 -0.8343494,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.6656506,-1.5 1.5,-1.5 z M 5.7363281,4.5507812 C 6.1363719,5.4015827 6.9962448,6 7.9941406,6 8.9914269,6 9.8515843,5.4027009 10.251953,4.5527344 11.874506,5.3778725 12.994141,7.0495149 12.994141,9 c 0,0.358063 -0.04812,0.702711 -0.119141,1.039062 C 12.74983,10.019561 12.62455,10 12.494141,10 c -1.37479,0 -2.5000004,1.1252 -2.5000004,2.5 0,0.347738 0.073318,0.676884 0.2031254,0.978516 C 9.5317018,13.806899 8.7887215,14 7.9941406,14 7.1996182,14 6.4561816,13.808725 5.7910156,13.480469 5.9212525,13.178414 5.9941406,12.848348 5.9941406,12.5 c 0,-1.3748 -1.1252104,-2.5 -2.5,-2.5 C 3.3643933,10 3.2397998,10.01975 3.1152344,10.03906 3.0437876,9.7026723 2.9941406,9.3583587 2.9941406,9 c 0,-1.9503184 1.1196952,-3.6242663 2.7421875,-4.4492188 z M 3.4941406,11 c 0.8343495,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.6656505,1.5 -1.5,1.5 -0.8343494,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.6656506,-1.5 1.5,-1.5 z m 9.0000004,0 c 0.834349,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.665651,1.5 -1.5,1.5 -0.83435,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.66565,-1.5 1.5,-1.5 z"
            color="#000" font-family="sans-serif" font-weight="400" overflow="visible"
            transform="translate(4.506 1031.372)"
            style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" />
        </g>
      </svg>
    </div>
  </div>
  <div class="container">
-    <div class="row blog-page-color">
+    <div class="row">
      <div class="col-md-9 py-4 px-0">
-        <div class="rounded shadow bg-light p-3 px-md-5 bg-light">
+        <div class="rounded bg-light p-3 px-md-5" style="background-color: #1A283C !important;">
          <h1 class="pb-2 text-center">{{ .Title }}</h1>
          <article>
            {{.Content}}
@@ -86,36 +31,32 @@
        </div>
      </div>
      <div class="col-md-3 py-4">
-        <div class="bg-light shadow p-4 rounded mb-2 bg-light">
+        <div class="bg-light shadow p-4 rounded mb-2" style="background-color: #1A283C !important;">
          <h4>Table of content</h4>
          {{.TableOfContents}}
        </div>
-        <div class="bg-light shadow p-4 rounded mt-2 bg-light">
+        <div class="bg-light shadow p-4 rounded mt-2" style="background-color: #1A283C !important;">
-          <h4>Share article with</h4>
+          <h4>Share</h4>
-          <ul>
+          <span class="rounded-circle p-1 m-1">
-            <li>
+            <a target="blank" class="text-decoration-none"
-              <a target="blank" class="text-info"
+              href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
-                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>
-                Twitter
+            </a>
-              </a>
+          </span>
-            </li>
+          <span class="rounded-circle m-1">
-            <li>
+            <a target="blank" class="text-decoration-none"
-              <a target="blank" class="text-success"
+              href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
-                href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
+              data-action="share/whatsapp/share">
-                data-action="share/whatsapp/share">
+              <i class="fab fa-whatsapp text-success" style="font-size: 1.6em;"></i>
-                Whatsapp
+            </a>
-              </a>
+          </span>
-            </li>
+          <span class="rounded-circle m-1">
-            <li>
+            <a target="blank" class="text-decoration-none"
-              <a class="text-danger" target="blank"
+              href="mailto:?subject={{ .Title }}&amp;body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
-                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>
-                Email
+            </a>
-              </a>
+          </span>
            </li>
          </ul>
        </div>
      </div>
@@ -53,12 +53,11 @@
 <head>
  <title>{{- .Site.Title -}}</title>
  <meta name="description" content="{{ .Site.Params.description }}">
  <!-- Fonts -->
-  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
-  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
+    media="all">
  {{ template "_internal/google_analytics.html" . }}
  {{- partial "sections/v3/head.html" . -}}
  <link rel="stylesheet" href="/css/v3/v3.css" media="all">
  <link rel="stylesheet" href="/css/v3/navbar-footer.css" media="all">
@@ -68,7 +67,7 @@
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
 </head>
-<body class="text-dark">
+<body>
  <!--<div id="loader" class="center"></div>-->
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
@@ -115,24 +114,6 @@
    {{- partial "sections/v3/footer.html" . -}}
    {{- partial "sections/v3/scripts.html" . -}}
  </div>
  <!-- Darkmode -->
  <script>
    function autoDarkMode() {
      $("body").toggleClass("darkmode");
      $(".fa-moon").addClass("d-none");
      $(".fa-sun").removeClass("d-none");
      $("nav").toggleClass("navbar-dark");
      $("nav").toggleClass("navbar-light");
      $(".text-dark").toggleClass("darkmode-text-dark");
      $(".text-muted").toggleClass("darkmode-text-muted")
      $(".about-backdark").toggleClass("about-back");
      $(".education-backdark").toggleClass("education-back");
      $(".achievements-backdark").toggleClass("achievements-back");
      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
    }
  </script>
  <script src="/js/auto_darkmode.js"></script>
  <script>
    /*
    document.onreadystatechange = function () {
@@ -149,24 +130,6 @@
      }
    };
    */
    $(".darkmode-label").click(function () {
      $("body").toggleClass("darkmode");
      $(".fa-moon").toggleClass("d-none");
      $(".fa-sun").toggleClass("d-none");
      $(".about-backdark").toggleClass("about-back");
      $(".education-backdark").toggleClass("education-back");
      $(".achievements-backdark").toggleClass("achievements-back");
      $("nav").toggleClass("navbar-dark");
      $("nav").toggleClass("navbar-light");
      $(".text-dark").toggleClass("darkmode-text-dark");
      $(".text-muted").toggleClass("darkmode-text-muted")
      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
      switchDarkmodeSetting();
    });
  </script>
 </body>
 {{ else }}
@@ -3,10 +3,6 @@
    <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
  </div>
  &copy; {{ dateFormat "2006" now }} All Rights Reserved<br>
-  <div>
+  Designed and Developed by
-    Made with &#10084; and
+  <a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
    <a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
    | Designed and Developed by
    <a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
  </div>
 </footer>
@@ -1,11 +1,6 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
-<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
+<link rel="icon" href="{{ .Site.Params.favicon | default "/images/favicon.png"}}" type="image/gif">
 <!-- Fonts -->
 <link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
 <!-- Custom Styles -->
 {{ if .Site.Params.customCSS }}
 <link rel="stylesheet" href="/style.css">
 {{ end }}
@@ -131,12 +131,8 @@
        </div>
        &copy; {{ .Site.Params.copyright }} All Rights Reserved
        <div class="text-secondary">
-          <div>
+          Designed and Developed by
-            Made with &#10084; and
+          <a class="text-secondary" href="https://gurusabarish.tech">Gurusabarish</a>
            <a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
            | Designed and Developed by
            <a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
          </div>
        </div>
      </div>
    </div>
@@ -8,9 +8,3 @@
 <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/v2/v2.css" media="all">
 <!-- Custom Styles -->
 {{ if .Site.Params.customCSS }}
 <link rel="stylesheet" href="/style.css">
 {{ end }}
@@ -1,43 +1,39 @@
-<div id="about" class="about-backdark about-back">
+<div id="about" class="pt-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
-  <section class="pt-5">
+  <div class="container-fluid">
-    <div class="container-fluid">
+    <div class="text-light text-center h3">About Me</div>
-      <div class="text-dark text-center h3">About Me</div>
+    <div class="row justify-content-center about">
-      <div class="row justify-content-center about">
+      <div class="col-md-6 about-content">
-        <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"
-          <div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
+          data-aos-once="true" data-aos-duration="900">
-            data-aos-duration="900">
+          {{ .Site.Params.descripe_l1_person | markdownify }}
-            <div class="px-2">
+          <br>
-              {{ .Site.Params.descripe_l1_person | markdownify }}
+          <br>
-              <br />
+          {{ .Site.Params.descripe_l2_person | markdownify }}
              <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">
                {{ .Site.Params.getintouch | default "Get in Touch" }}
              </a>
            </div>
            {{ end }}
          </div>
        </div>
-        <div class="col-md-5 about-skill">
+        {{ if .Site.Params.email }}
-          <div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
+        <div class="py-3 pl-2">
-            data-aos-duration="1000">
+          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn" data-aos="zoom-in"
-            <div class="text-secondary text-center h4">Skills</div>
+            data-aos-offset="50" data-aos-delay="50" data-aos-once="true" data-aos-duration="1000">
-            {{ range .Site.Params.skills }}
+            Get In Touch
-            <div>
+          </a>
              <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>
        </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>
        </div>
        {{ end }}
      </div>
    </div>
-  </section>
+  </div>
 </div>
@@ -1,37 +1,29 @@
-{{ $img:= "./images/v1/background.png" }}
+{{ $img:= "images/v1/background.png" }}
-<section id="achievements" class="py-5 achievements-backdark achievements-back">
+<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-dark text-center h3">Achievements</div>
+    <div class="text-light text-center h3">Achievements</div>
    <div class="row justify-content-center py-3 mx-2">
      {{ range .Site.Params.achievements }}
      {{ if .img }}
      {{ $img = .img }}
      {{ end }}
      {{ if .url }}
      <div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
        data-aos-duration="600" data-aos-once="true">
-        <a target="_blank" href={{ .url | default "#" }}>
+        <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
          <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 achiv-head">{{ .title }}</h4>
              <div class="text-secondary">{{ .description }}</div>
            </div>
          </div>
        </a>
      </div>
      {{ else }}
      <div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
        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 achiv-head">{{ .title }}</h4>
+            <h4 class="text-center">
-            <div class="text-secondary">{{ .description }}</div>
+              {{ .title }}
            </h4>
            <div class="text-secondary">
              {{ .description }}
            </div>
          </div>
        </div>
      </div>
      {{ end }}
      {{ end }}
    </div>
  </div>
 </section>
@@ -1,17 +1,20 @@
-<section id="contact">
+<section id="contact" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
-  <div class="container-fluid py-5">
+  <div class="container-fluid py-3">
-    <div class="text-right text-center h3">Get In Touch</div>
+    <div class="text-light 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">{{ .Site.Params.contact_content | emojify | markdownify }}</div>
+        <div class=" text-center">
          {{ .Site.Params.contact_content }}
        </div>
        {{ if .Site.Params.email }}
        <div class="text-center pt-3">
-          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
+          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn">
-            {{ .Site.Params.getintouch | default "Get in Touch" }}
+            Get In Touch
          </a>
        </div>
        {{ end }}
      </div>
    </div>
  </div>
 </section>
@@ -1,13 +1,13 @@
-<section id="experience">
+<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-dark text-center h3">Experience</div>
+    <div class="text-light 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 class="text-muted">
+            <h4>
              <span class="text-primary">{{ .company }}</span> - {{ .role }}
            </h4>
            <div>
@@ -22,6 +22,7 @@
            </ul>
          </li>
          {{ end }}
        </ol>
      </div>
@@ -29,76 +30,24 @@
        role="tablist" aria-orientation="vertical">
        {{ range $index, $element := .Site.Params.experience }}
        {{ if (eq $index 0) }}
        {{ if .id }}
        <a class="nav-link active" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab"
          aria-controls="{{ .id }}" aria-selected="true">
          {{ .company }}
        </a>
        {{ else }}
        <a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
          aria-controls="{{ .company }}" aria-selected="true">
          {{ .company }}
        </a>
        {{ end }}
        {{ else }}
        {{ if .id }}
        <a class="nav-link" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab" aria-controls="{{ .id }}"
          aria-selected="false">
          {{ .company }}
        </a>
        {{ else }}
        <a class="nav-link" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
          aria-controls="{{ .company }}" aria-selected="false">
          {{ .company }}
        </a>
        {{ end }}
-
+        {{ end }}
        {{ end }} {{ end }}
      </div>
-      <div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
+      <div class="tab-content col-md-5 d-none d-md-block" id="v-pills-tabContent">
        {{ range $index, $element := .Site.Params.experience }}
        {{ if (eq $index 0) }}
        {{ if .id }}
        <div class="tab-pane fade show active" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
          <div class="h4 text-muted">
            <span class="text-primary">{{ .company }}</span> - {{ .role }}
          </div>
          <div>
            <small>{{ .startdate }}</small>
            -
            <small>{{ .enddate }}</small>
          </div>
          <ul class="py-2 ex">
            {{ range .featuredpoints }}
            <li class="ex-item">{{ .point }}</li>
            {{ end }}
          </ul>
        </div>
        {{ else }}
        <div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
-          <div class="h4 text-muted">
+          <div class="h4">
            <span class="text-primary">{{ .company }}</span> - {{ .role }}
          </div>
          <div>
            <small>{{ .startdate }}</small>
            -
            <small>{{ .enddate }}</small>
          </div>
          <ul class="py-2 ex">
            {{ range .featuredpoints }}
            <li class="ex-item">{{ .point }}</li>
            {{ end }}
          </ul>
        </div>
        {{ end }}
        {{ else }}
        {{ if .id }}
        <div class="tab-pane fade" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
          <div class="h4 text-muted">
            <span class="text-primary">{{ .company }}</span> - {{ .role }}
          </div>
          <div>
@@ -114,7 +63,7 @@
        </div>
        {{ else }}
        <div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
-          <div class="h4 text-muted">
+          <div class="h4">
            <span class="text-primary">{{ .company }}</span> - {{ .role }}
          </div>
          <div>
@@ -131,8 +80,9 @@
        {{ end }}
        {{ end }}
        {{ end }}
      </div>
    </div>
  </div>
 </section>
@@ -1,14 +1,14 @@
-<footer>
+<footer data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
  <!-- recent posts -->
-  <div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
+  <div class="news container py-3">
    {{ if .Site.Params.recentposts }}
-    <div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
+    <div class="h3 text-center text-light 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">
        <a href="{{ .RelPermalink }}" class="post-card-link">
-          <div class="card h-100">
+          <div class="card px-2 h-100">
-            <div class="card-head px-2 py-3">
+            <div class="card-head py-3">
              <h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
              <div class="px-2">{{ .Summary | truncate 300}}</div>
            </div>
@@ -28,7 +28,7 @@
  <div class="text-center">
    {{ if .Site.Params.github }}
    <span class="px-1">
-      <a class="text-dark text-decoration-none" href="{{ .Site.Params.github }}" aria-label="github">
+      <a class="text-dark" 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 text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+      <a class="text-white" 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 text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+    <a class="text-info" 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 text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+    <a class="text-danger" 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 text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
+    <a class="text-info" 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" />
@@ -131,10 +131,8 @@
        </div>
        &copy; {{ dateFormat "2006" now }} All Rights Reserved
        <div>
-          Made with &#10084; and
+          Designed and Developed by
-          <a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
+          <a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
          | Designed and Developed by
          <a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
        </div>
      </div>
    </div>
@@ -2,35 +2,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
-<!-- Google analytics -->
+
 {{ template "_internal/google_analytics.html" . }}
 <!-- stylesheets -->
 <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/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>
 <!-- Custom Styles -->
 {{ if .Site.Params.customCSS }}
 <link rel="stylesheet" href="/style.css">
 {{ end }}
@@ -1,84 +1,52 @@
 <div class="container-fluid home">
-  <div class="pt-5 pb-3 pt-md-0">
+  <div class="py-5">
    <div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
      data-aos-duration="1000">
-      <div class="col-md-7 pb-2 name-container">
+      <div class="col-md-7 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 style="color: #{{ .Site.Params.namecolor }};" class="hi-text" data-aos="fade-up" data-aos-offset="50"
+          <div class="text-warning" style="font-size: 15px;" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
-            data-aos-delay="50" data-aos-once="true" data-aos-duration="900">
+            data-aos-once="true" data-aos-duration="900">
-            {{ .Site.Params.hitext | default "Hi there, I'm" }}
+            Hi there, I'm
          </div>
-          <h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
+          <h1 class="text-primary" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
-            data-aos-duration="900" data-aos-once="true">
+            data-aos-once="true">
            {{ .Site.Params.name }}
          </h1>
-          <h5 class="text-muted pro-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
+          <h5 class="text-light" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
-            data-aos-duration="900" data-aos-once="true">
+            data-aos-once="true">
            {{ .Site.Params.profession }}
          </h5>
        </div>
        <div class="row social pt-4" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50" data-aos-duration="900"
          data-aos-once="true">
-          <div class="col-md-12">
+          {{ if .Site.Params.github }}
-            {{ if .Site.Params.github }}
+          <a href="{{ .Site.Params.github }}" class="social-icon">
-            <a href="{{ .Site.Params.github }}" class="social-icon">
+            <i class="fab fa-lg fa-github"></i>
-              <i class="fab fa-lg fa-github"></i>
+          </a>
-              &#8203;
+          <span class="px-1"></span>
-            </a>
+          {{ end }}
            <span class="px-1"></span>
            {{ end }}
-            {{ if .Site.Params.gitlab }}
+          {{ if .Site.Params.twitter }}
-            <a href="{{ .Site.Params.gitlab }}" class="social-icon">
+          <a href="{{ .Site.Params.twitter }}" class="social-icon">
-              <i class="fab fa-lg fa-gitlab"></i>
+            <i class="fab fa-lg fa-twitter"></i>
-              &#8203;
+          </a>
-            </a>
+          <span class="px-1"></span>
-            <span class="px-1"></span>
+          {{ end }}
            {{ end }}
-            {{ if .Site.Params.twitter }}
+          {{ if .Site.Params.linkedin }}
-            <a href="{{ .Site.Params.twitter }}" class="social-icon">
+          <a href="{{ .Site.Params.linkedin }}" class="social-icon">
-              <i class="fab fa-lg fa-twitter"></i>
+            <i class="fab fa-lg fa-linkedin"></i>
-              &#8203;
+          </a>
-            </a>
+          <span class="px-1"></span>
-            <span class="px-1"></span>
+          {{ end }}
            {{ end }}
-            {{ if .Site.Params.linkedin }}
+          {{ if .Site.Params.facebook }}
-            <a href="{{ .Site.Params.linkedin }}" class="social-icon">
+          <a href="{{ .Site.Params.facebook }}" class="social-icon">
-              <i class="fab fa-lg fa-linkedin"></i>
+            <i class="fab fa-lg fa-facebook"></i>
-              &#8203;
+          </a>
-            </a>
+          {{ end }}
            <span class="px-1"></span>
            {{ end }}
            {{ if .Site.Params.facebook }}
            <a href="{{ .Site.Params.facebook }}" class="social-icon">
              <i class="fab fa-lg fa-facebook"></i>
              &#8203;
            </a>
            <span class="px-1"></span>
            {{ end }}
            <!-- customSocialLinks -->
            {{ range .Site.Params.customSocialLinks }}
            {{ if .fontAwesomeIconName }}
            <a href="{{ .url }}" class="social-icon">
              <i class="fa-lg {{ .fontAwesomeIconName }}"></i>
              &#8203;
            </a>
            {{ else }}
            <a href="{{ .url }}" class="social-icon">
              <img class="fab fa-lg" src="{{ .imageURL }}" alt="{{ .name }}" width="4%" />
              &#8203;
            </a>
            {{ end }}
            <span class="px-1"></span>
            {{ end }}
          </div>
        </div>
        <div class="pt-4 btn-intro">
          <a href="#about" class="btn-know btn btn-outline-info" data-aos="zoom-in" data-aos-offset="50"
            data-aos-delay="50" data-aos-duration="900" data-aos-once="true">
@@ -87,7 +55,7 @@
        </div>
      </div>
-      <div class="col-md-5 text-center pt-2 pt-md-0 position-relative">
+      <div class="col-md-5 text-center">
        {{ 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 class="pt-3 navbar navbar-expand-lg navbar-light" data-aos="fade-down" data-aos-easing="linear"
+  <nav style="background-color: #0a192f;" class="pt-3 navbar navbar-expand-lg navbar-dark" data-aos="fade-down"
-    data-aos-duration="500">
+    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,8 +9,6 @@
      {{ .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>
@@ -22,37 +20,35 @@
        {{ if .Site.Params.disable_about }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
+          <a class="nav-link" 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 text-dark" href="{{ .Site.BaseURL | relURL }}#experience"
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience" aria-label="experience">Experience</a>
            aria-label="experience">Experience</a>
        </li>
        {{ end }}
        {{ if .Site.Params.disable_education }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#education"
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education" aria-label="education">Education</a>
            aria-label="education">Education</a>
        </li>
        {{ end }}
        {{ if .Site.Params.disable_projects }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
+          <a class="nav-link" 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 text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
            aria-label="achievements">Achievements</a>
        </li>
        {{ end }}
@@ -60,60 +56,16 @@
        {{ if .Site.Params.disable_contact }}
        {{ else }}
        <li class="nav-item navbar-text">
-          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
        </li>
        {{ end }}
-        {{ range .Site.Menus.main }}
+        {{ range site.Params.customMenus }}
        {{ if .HasChildren }}
        <!-- Dropdown menu -->
        <li class="nav-item dropdown navbar-text">
          <a class="nav-link text-dark dropdown-toggle" href="#" title="{{ .Title }}" id="navbarDropdownMenuLink"
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            {{ .Name }}
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            {{ range .Children }}
            <a class="dropdown-item text-dark" href="{{ .URL }}" title="{{ .Title }}">
              {{ .Name }}
            </a>
            {{ end }}
          </div>
        </li>
        {{/*
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
            {{ .Name }}
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            {{ range .Children }}
            <a class="dropdown-item" href="{{ .URL }}" title="{{ .Title }}">
              {{ .Name }}</a>
            {{ end }}
          </div>
        </li> */}}
        {{else}}
        <!-- Single menu item -->
        <li class="nav-item navbar-text">
-          <a class="nav-link text-dark" href="{{.URL}}" title="{{ .Title }}">
+          <a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
            {{ .Pre }}
            <span>{{ .Name }}</span>
          </a>
        </li>
-        {{end}}
+        {{ end }}
        {{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,26 +1,29 @@
-<section id="projects">
+<section id="projects" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
-  <div class="container-fluid py-5">
+  <div class="container-fluid py-3 pt-5">
-    <div class="text-dark text-center h3">Projects</div>
+    <div class="text-light 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-up" data-aos-duration="1500" data-aos-once="true">
+      <div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
        <div class="row">
          <div class="col-md-6 bg-pro">
-            <img src="{{ .Params.img }}" alt="{{ .Title }}" />
+            <img src='{{ .Params.img }}' alt="{{ .Title }}">
          </div>
          <div class="col-md-6 content-pro p-3 bg-light">
            <div class="content-pro-top">
              <h2>{{ .Title }}</h2>
-              <p class="card-text pt-2">{{ .Params.description }}</p>
+              <p class="card-text pt-2">
                {{ .Params.description }}
              </p>
            </div>
            <span class="float-right">
              {{ if .Params.featured }}
              <a href="{{ .Params.featured }}" class="px-1">
                <i class="fas text-info fa-link"></i>
              </a>
-              {{ end }} {{ if .Params.github }}
+              {{ end }}
              {{ if .Params.github }}
              <a href="{{ .Params.github }}" class="px-1 pr-2">
-                <i class="fab text-dark fa-lg fa-github pro-github"></i>
+                <i class="fab text-dark fa-lg fa-github"></i>
              </a>
              {{ end }}
              <a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
@@ -30,27 +33,32 @@
          </div>
        </div>
      </div>
-      {{ end }} {{ range .Site.Params.projects }}
+      {{ end }}
-      <div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
+      {{ 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="row">
          <div class="col-md-6 bg-pro">
-            <img src="{{ .img }}" alt="{{ .name }}" />
+            <img src='{{ .img }}' alt="{{ .name }}">
          </div>
          <div class="col-md-6 content-pro p-3 bg-light">
            <div class="content-pro-top">
              <h2>{{ .name }}</h2>
-              <p class="card-text pt-2">{{ .description }}</p>
+              <p class="card-text pt-2">
                {{ .description }}
              </p>
            </div>
            <span class="float-right">
              {{ if .featuredlink }}
              <a href="{{ .featuredlink }}" class="px-1">
                <i class="fas text-info fa-link"></i>
              </a>
-              {{ end }} {{ if .githublink }}
+              {{ end }}
              {{ if .githublink }}
              <a href="{{ .githublink }}" class="px-1 pr-2">
-                <i class="fab text-dark fa-lg fa-github pro-github"></i>
+                <i class="fab text-dark fa-lg fa-github"></i>
              </a>
              {{ end }}
            </span>
          </div>
        </div>
@@ -1,33 +1,30 @@
-[build]
+[build]
-publish = "exampleSite/public"
+publish = "public"
-command = "cd exampleSite && hugo --gc --minify --themesDir ../.."
+command = "hugo --gc --minify"
-
+
-[context.production.environment]
+[context.production.environment]
-HUGO_VERSION = "0.92.0"
+HUGO_VERSION = "0.76.5"
-HUGO_ENV = "production"
+HUGO_ENV = "production"
-HUGO_ENABLEGITINFO = "true"
+HUGO_ENABLEGITINFO = "true"
-HUGO_THEME = "repo"
+
-
+[context.split1]
-[context.split1]
+command = "hugo --gc --minify --enableGitInfo"
-command = "cd exampleSite && hugo --gc --minify --enableGitInfo --themesDir ../.."
+
-
+[context.split1.environment]
-[context.split1.environment]
+HUGO_VERSION = "0.76.5"
-HUGO_VERSION = "0.92.0"
+HUGO_ENV = "production"
-HUGO_ENV = "production"
+
-HUGO_THEME = "repo"
+[context.deploy-preview]
-
+command = "hugo --gc --minify --buildFuture -b $DEPLOY_PRIME_URL"
-[context.deploy-preview]
+
-command = "cd exampleSite && hugo --gc --minify --buildFuture --themesDir ../.. -b $DEPLOY_PRIME_URL"
+[context.deploy-preview.environment]
-
+HUGO_VERSION = "0.76.5"
-[context.deploy-preview.environment]
+
-HUGO_VERSION = "0.92.0"
+[context.branch-deploy]
-HUGO_THEME = "repo"
+command = "hugo --gc --minify -b $DEPLOY_PRIME_URL"
-
+
-[context.branch-deploy]
+[context.branch-deploy.environment]
-command = "cd exampleSite && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"
+HUGO_VERSION = "0.76.5"
-
+
-[context.branch-deploy.environment]
+[context.next.environment]
 HUGO_VERSION = "0.92.0"
 [context.next.environment]
 HUGO_ENABLEGITINFO = "true"
@@ -1,15 +0,0 @@
 .darkmode {
  background-color: #18191a;
 }
 .darkmode-text-dark {
  color: #e4e6eb !important;
 }
 .darkmode-text-muted {
  color: #b0b3b8 !important;
 }
 .darkmode-dropdown-menu {
  background-color: #212121 !important;
 }
@@ -3,7 +3,7 @@ html {
 }
 body {
  font-family: "Roboto", sans-serif;
-  background-color: #eaedf0;
+  background-color: #0a192f;
 }
 .post-ol {
  list-style-type: decimal-leading-zero;
@@ -2,16 +2,15 @@
 .navbar-brand {
  color: #007bff !important;
 }
-
+.navbar .nav-link {
  color: #f9fafc !important;
 }
 .navbar .nav-link:hover {
  color: #007bff !important;
 }
 .navbar-text {
  font-size: 16px !important;
 }
 li> .dropdown-toggle:focus{
  color: #007bff !important;
 }
 /* v2 and v3 footer */
 footer {
@@ -3,24 +3,9 @@ html {
 }
 body {
  font-family: "Roboto", sans-serif;
-  background-color: #eaedf0;
+  background-color: #0a192f;
 }
 .bottom-share {
  position: fixed;
  z-index: 1000;
  bottom: 20px;
  right: 25px;
 }
 .bottom-share button {
  overflow: hidden;
  height: 50px;
  width: 50px;
  border-radius: 50%;
 }
 .blog-page-color {
  color: #3a3b3c !important;
 }
 #TableOfContents {
  padding: 3%;
 }
@@ -2,8 +2,8 @@ html {
  scroll-behavior: smooth;
 }
 body {
-  font-family: "Noto Sans KR", sans-serif;
+  font-family: "Roboto", sans-serif;
-  background-color: #eaedf0;
+  background-color: #0a192f;
 }
 a:hover {
  text-decoration: none;
@@ -12,16 +12,7 @@ a:hover {
 /* v3 home */
 .name {
  padding-left: 3%;
-  border-left: 4px solid #007bff;
+  border-left: 5px solid #f9fafc;
 }
 .hi-text {
  font-size: 20px;
 }
 .name-text {
  font-size: 60px;
 }
 .pro-text {
  font-size: 25px;
 }
 .btn-intro {
  padding-left: 3%;
@@ -35,21 +26,16 @@ a:hover {
  border-radius: 50px !important;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500 !important;
  border: 2px solid;
 }
 .social-icon {
  padding: 2%;
-  background-color: #f9fafc !important;
+  background-color: #f9fafc;
  color: #007bff !important;
  border: 1px solid #007bff;
  border-radius: 50%;
  transition: 0.3s;
 }
 .social-icon:hover {
  background-color: #007bff !important;
  color: #f9fafc !important;
  border: 1px solid #007bff;
 }
 .intro {
  padding: 8% 0 8% 0;
@@ -60,8 +46,8 @@ a:hover {
 .profile {
  padding: 1%;
  border: 1px solid #f9fafc;
-  width: 300px;
+  width: 250px;
-  height: 300px;
+  height: 250px;
 }
 .profile:hover {
  -webkit-filter: grayscale(0);
@@ -75,15 +61,6 @@ 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 {
@@ -92,9 +69,6 @@ a:hover {
 }
 /* v3 about */
 .about-back {
  background-color: #dce6f1;
 }
 .about {
  padding-top: 3% !important;
  padding-bottom: 3% !important;
@@ -107,19 +81,13 @@ a:hover {
  padding-right: 10% !important;
 }
 .contact-btn {
-  padding: 1.5%;
+  padding: 2%;
  padding-left: 2%;
  padding-right: 2%;
  font-size: 17px;
-  border: 1px solid #007bff;
+  color: #f9fafc;
-  border-radius: 5%;
+  border: 1px solid #f9fafc;
  border-radius: 10px !important;
 }
 .contact-btn:hover {
-  color: #007bff !important;
+  color: #8892b0;
 }
 .progress {
  background-color: #f9fafc !important;
 }
@media only screen and (max-width: 768px) {
  .about-content {
@@ -137,31 +105,27 @@ a:hover {
 }
 /* v3 projects */
 .bg-pro {
  padding: 0 !important;
-  opacity: 0.9;
+  opacity: 0.6;
 }
 .bg-pro img {
-  height: 300px;
+  height: 250px;
  width: 100%;
  border-radius: 0.5rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
 }
 .content-pro {
-  height: 300px;
+  height: 250px;
  background-color: #e5e4e2 !important;
  border-top-right-radius: 0.5rem !important;
  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;
@@ -176,21 +140,19 @@ a:hover {
    margin-right: 10% !important;
  }
  .bg-pro img {
    height: 250px;
    border-radius: 0.5rem !important;
  }
  .content-pro {
    height: 250px;
    background-color: transparent !important;
    position: absolute;
    top: 8px;
  }
  .content-pro-top {
    height: 80%;
-    color: #6c757d;
+    color: #f9fafc;
  }
  .card-text {
-    color: #343a40;
+    color: #faf9f6;
  }
  .pro:hover .content-pro {
    background-color: transparent !important;
@@ -198,6 +160,7 @@ a:hover {
  }
  .pro:hover .pro-btn {
    color: #f9fafc;
    border: none;
  }
  .pro:hover .bg-pro {
    opacity: 0.3;
@@ -205,20 +168,21 @@ a:hover {
 }
 /* v3 experience */
 #experience {
  color: #8892b0;
 }
 #nav-pills-out {
-  border-left: 1px solid #007bff;
+  border-left: 1px solid #f9fafc;
 }
 .nav-pills .nav-link {
  color: #8892b0 !important;
 }
 .nav-pills .active {
-  padding-left: 20%;
+  color: #f9fafc !important;
-  color: #818181 !important;
+  background-color: #0a192f !important;
  background-color: transparent !important;
 }
-.nav-pills .active::before {
+.tab-pane {
-  padding-left: 8%;
+  color: #8892b0;
  content: "▹";
  position: absolute;
  left: 0px;
  color: #007bff;
 }
 .ex {
  list-style-type: none;
@@ -269,8 +233,8 @@ a:hover {
 }
 /* v3 education */
-.education-back {
+#education {
-  background-color: #e1e0e5;
+  color: #8892b0;
 }
 .v-center {
  display: flex;
@@ -281,13 +245,16 @@ a:hover {
  padding: 0;
 }
 .edu-item {
-  padding-right: 8%;
+  padding-left: 20%;
  list-style: none;
 }
 .edu-item::before {
-  content: "\25C3";
+  padding: 0%;
  padding-left: 20%;
  content: "▹";
  position: absolute;
-  right: 0px;
+  left: 0px;
  color: #f9fafc;
 }
 .edu-img {
  width: 100%;
@@ -295,14 +262,15 @@ a:hover {
@media only screen and (max-width: 768px) {
  .edu-item::before {
    padding: 0%;
    padding-left: 8%;
    content: "▹";
    position: absolute;
-    left: 30px;
+    left: 0px;
    color: #f9fafc;
  }
  .edu-item {
-    padding-left: 5%;
+    padding-left: 2%;
    list-style: none;
    padding-right: 2%;
  }
  .edu-img {
    width: 100%;
@@ -316,6 +284,7 @@ a:hover {
    content: "▹";
    position: absolute;
    left: 0px;
    color: #f9fafc;
  }
  .edu-item {
    padding-right: 18%;
@@ -329,9 +298,6 @@ a:hover {
 }
 /* v3 Achievements */
 .achievements-back {
  background-color: #dce6f1;
 }
 .achiv-card:hover {
  filter: grayscale(100%);
 }
@@ -353,9 +319,6 @@ 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;
@@ -364,5 +327,6 @@ a:hover {
 /* v3 contact */
 #contact {
  color: #8892b0;
  font-size: 17px;
 }
@@ -1,63 +0,0 @@
 function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
 }
 function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
 }
 function getDarkmodeSetting() {
    switch(getCookie("darkmode")) {
        case "true":
            return true;
        case "false":
            return false;
        default:
            return null;
    }
 }
 function setDarkmodeSetting(value) {
    if (value) {
        setCookie("darkmode", "true", 100);
    } else {
        setCookie("darkmode", "false", 100);
    }
 }
 function switchDarkmodeSetting() {
    const darkmode = getDarkmodeSetting();
    switch(darkmode) {
        case true:
            setDarkmodeSetting(false);
            break;
        case false:
            setDarkmodeSetting(true);
            break;
        default:
            setDarkmodeSetting(true);
            break;
    } 
 }
 const check_darkmode = getDarkmodeSetting();
 const darkmode_prefer = window.matchMedia('(prefers-color-scheme: dark)').matches;
 if (darkmode_prefer && check_darkmode === null) {
    autoDarkMode();
    setDarkmodeSetting(true);
 } else if (check_darkmode) {
    autoDarkMode();
 }
@@ -1,12 +0,0 @@
 name = "Hugo Profile"
 license = "MIT"
 licenselink = "https://github.com/gurusabarish/hugo-profile/blob/master/LICENSE"
 description = "A high performance and mobile first hugo template for personal portfolio and blog."
 homepage = "https://github.com/gurusabarish/hugo-profile"
 demosite = "https://hugo-profile.netlify.app"
 tags = ["Responsive","Blog", "Portfolio", "Personal"]
 min_version = "0.68.0"
 [author]
  name = "Gurusabarish"
  homepage = "https://www.linkedin.com/in/gurusabarish/"
@@ -1,8 +1,6 @@
 baseURL: "https://example.com"
 languageCode: "en-us"
 title: "Hugo-profile"
 theme: "./.."
 relativeURLs: true
 googleanalytics: UA-xxxxxxxx-x
 disqusShortname: yourdiscussshortname
@@ -14,9 +12,8 @@ taxonomies:
 params:
  version: 1
  customCSS: false
-  favicon: "/images/hugo.png"
+  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: ""
@@ -1,8 +1,6 @@
 baseURL: "https://example.com"
 languageCode: "en-us"
 title: "Hugo-profile"
 theme: "./.."
 relativeURLs: true
 googleanalytics: UA-xxxxxx-x
 disqusShortname:
@@ -19,7 +17,6 @@ taxonomies:
 enableEmoji: true
 params:
  version: 2
  customCSS: false
  favicon: "/images/fav.png"
  description: "A high performance hugo theme for personal portfolio and blog."
@@ -1,8 +1,6 @@
-baseURL: "https://hugo-profile.netlify.app"
+baseURL: "https://example.com"
 languageCode: "en-us"
 title: "Hugo-profile"
 theme: "./.."
 relativeURLs: true
 googleanalytics: UA-xxxxxx-x
 disqusShortname:
@@ -17,61 +15,28 @@ taxonomies:
  category: "categories"
 enableEmoji: true
 # menus
 Menus:
  main:
    - identifier: blog
      name: Blog
      title: Blog posts
      url: /blog
      weight: 1
    #Dropdown menu
    # - identifier: dropdown
    #   title: Example dropdown menu
    #   name: Dropdown
    #   weight: 3
    # - identifier: dropdown1
    #   title: example dropdown 1
    #   name: example 1
    #   url: /ew
    #   parent: dropdown
    #   weight: 1
    # - identifier: dropdown2
    #   title: example dropdown 2
    #   name: example 2
    #   url: /34545
    #   parent: dropdown
    #   weight: 2
 params:
  version: 3
  customCSS: false
  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"
  namecolor: ffc107
  profession: "Profession"
  github: "https://github.com"
  gitlab: "https://gitlab.com"
  linkedin: "https://linkedin.com"
  twitter: "https://twitter.com/"
  instagram: "https://instagram.com/"
  facebook: "https://facebook.com"
  # Custom social links
  customSocialLinks:
    - imageURL: "https://hugo-profile.netlify.app/images/fav.png"
      url: "https://gohugo.com"
    - fontAwesomeIconName: "fa fa-envelope"
      url: "https://gmail.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."
@@ -90,7 +55,6 @@ params:
  disable_experience: false
  experience:
    - company: "Google"
      # id: "google-developer"   // use this, when you want to change the id(used for navigation)
      role: "Software developer"
      startdate: Feb 2021
      enddate: present
@@ -98,7 +62,6 @@ params:
        - point: Lead backend developer for a product.
        - point: Created a frontend design for a product.
    - company: "Facebook"
      # id: "facebook-developer" // use this, when you want to change the id(used for navigation)
      role: "Fullstack developer"
      startdate: Mar 2020
      enddate: Dec 2020
@@ -106,7 +69,6 @@ params:
        - point: Lead backend developer for a product.
        - point: Created a frontend design for a product.
    - company: "Amazon"
      # id: "amazon-developer" // use this, when you want to change the id(used for navigation)
      role: "Fullstack developer"
      startdate: Feb 2019
      enddate: Jan 2020
@@ -148,11 +110,9 @@ params:
    - title: Competition winner
      description: We are developed a product which can help others.
      img: /images/achiv.jpg
      url: https://example.com
    - title: Competition winner
      description: We are developed a product which can help others.
      img: /images/achiv.jpg
      # url: https://example.com
    - title: Competition winner
      description: We are developed a product which can help others.
      img: /images/achiv.jpg
Author	SHA1	Message	Date
Guru Sabarish	ab04cdade4	Update README.md	2021-09-06 09:11:16 +05:30
Guru Sabarish	78b7ebe862	Update config.yaml	2021-09-06 09:09:00 +05:30
gurusabarish	c74a0a8aa7	v1 demo	2021-06-14 00:44:07 +05:30
gurusabarish	f5ced2093f	netlify	2021-06-14 00:11:44 +05:30
gurusabarish	d1efcfafa5	v1 demo	2021-06-13 23:56:04 +05:30