readme update

dropdown v3 #44

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,38 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

.github/ISSUE_TEMPLATE/custom.md

@@ -1,10 +0,0 @@
----
-name: Custom issue template
-about: Describe this issue template's purpose here.
-title: ''
-labels: ''
-assignees: ''
-
----
-
-

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,20 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

.github/workflows/deploy.yml

@@ -1,34 +0,0 @@
-name: Deployment
-
-on:
-  push:
-  workflow_dispatch:
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
-        with:
-          submodules: true
-          fetch-depth: 0
-
-      - name: Install Hugo
-        uses: peaceiris/actions-hugo@v2
-        with:
-          hugo-version: "0.79.0"
-
-      - name: Build
-        run: cd website && hugo --gc --minify --themesDir .
-
-      - name: Deploy website to the branch
-        uses: peaceiris/actions-gh-pages@v3
-        with:
-          personal_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./website/public
-          #external_repository:  gurusabarish/hugo-profile-demo
-          publish_branch: demo
-          user_name: hugo-profile bot
-          user_email: githubactionsbot@users.noreply.github.com

.github/workflows/greetings.yml

@@ -1,16 +0,0 @@
-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.'

.github/workflows/stale.yml

@@ -1,16 +0,0 @@
-# Clean up the stale issues
-
-daysUntilStale: 30
-daysUntilClose: 1
-
-exemptLabels:
-  - in progress
-  - pending
-
-staleLabel: stale
-
-markComment: >
-  This issue has been automatically marked as stale because it has not had
-  recent activity. It will be closed if no further activity occurs. Thank you
-  for your contributions.
-closeComment: false

.gitignore

@@ -1,5 +1,19 @@
-/public
 /config.yaml
 /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

README.md

@@ -4,42 +4,25 @@
  
 [![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)
-![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>
 
 A high performance and mobile first hugo template for personal portfolio and blog
 
-### Demo
-
-- [Live demo V1](https://v1.profile.gurusabarish.tech)
-- [Live demo V2](https://v2.profile.gurusabarish.tech)
-- [Live demo V3 (latest)](https://profile.gurusabarish.tech)
-- [Github pages demo](https://gurusabarish.github.io/hugo-profile)
-
-
 ## 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](#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/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
+- 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
@@ -57,21 +40,22 @@ 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/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
+- 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 website folder. Netlify will automatically deploy your changes every time you modify the repo.
+- 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 website folder. Github action will automatically deploy your changes to demo branch every time you modify the repo.
+- 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
 

docs/README.md

@@ -1,400 +0,0 @@
-
-A high performance and mobile first hugo template for personal portfolio and blog
-
-[Live Demo](https://profile.gurusabarish.tech) - [Live Demo V2](https://v2.profile.gurusabarish.tech) 
-
-
-## Queries
-
-- If you have any queries or bugs, feel free to open an issue in [github](https://github.com/gurusabarish/hugo-profile/issues)
-
-## Quick deployment
-
-*Fork this repo or create your own github repo using "*use this template*" button. Edit the content inside website folder and connect your repo to netlify*
-
-> Use your own google analytics
-
-_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 3
-
-```
-baseURL: "https://example.com"
-languageCode: "en-us"
-title: "Hugo-profile"
-theme: "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
-```
-
-### Version 2
-
-```
-baseURL: "https://example.com"
-languageCode: "en-us"
-title: "Hugo-profile"
-theme: "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 1
-
-```
-baseURL: "https://example.com"
-languageCode: "en-us"
-title: "Hugo-profile"
-theme: "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
-```
-
-## Contributing
-
-> Contributers are always welcome :heart:
-
-### 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)

exampleSite/config.yaml

@@ -1,10 +1,10 @@
-baseURL: "https://profile.gurusabarish.tech"
+baseURL: "https://hugo-profile.netlify.app"
 languageCode: "en-us"
 title: "Hugo-profile"
 theme: "./.."
 relativeURLs: true
 
-googleanalytics: UA-xxxxxx-x
+googleanalytics: UA-167646412-8
 disqusShortname:
 Paginate: 3
 markup:
@@ -17,28 +17,61 @@ 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."
@@ -57,6 +90,7 @@ 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
@@ -64,6 +98,7 @@ 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
@@ -71,6 +106,7 @@ 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
@@ -112,9 +148,11 @@ 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

exampleSite/static/style.css

@@ -0,0 +1,3 @@
+.hi-text{
+    font-size: 40px !important;
+}

exampleSite/v1.yaml

@@ -14,6 +14,7 @@ taxonomies:
 
 params:
   version: 1
+  customCSS: false
 
   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."

exampleSite/v2.yaml

@@ -19,6 +19,7 @@ taxonomies:
 enableEmoji: true
 params:
   version: 2
+  customCSS: false
 
   favicon: "/images/fav.png"
   description: "A high performance hugo theme for personal portfolio and blog."

exampleSite/v3.yaml

@@ -1,4 +1,4 @@
-baseURL: "https://example.com"
+baseURL: "https://hugo-profile.netlify.app"
 languageCode: "en-us"
 title: "Hugo-profile"
 theme: "./.."
@@ -17,28 +17,61 @@ 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."
@@ -57,6 +90,7 @@ 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
@@ -64,6 +98,7 @@ 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
@@ -71,6 +106,7 @@ 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
@@ -112,9 +148,11 @@ 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

layouts/_default/baseof.html

@@ -2,6 +2,7 @@
 <html lang="en">
 
 <head>
+
   {{ if eq .Site.Params.version 1 }}
   {{- partial "sections/v1/head.html" . -}}
   <link href="/css/bootstrap.min.css" rel="stylesheet">
@@ -23,6 +24,8 @@
   {{ else }}
   {{ end }}
 
+
+
 </head>
 
 {{ if eq .Site.Params.version 1 }}
@@ -53,6 +56,21 @@
       $('[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");
@@ -60,23 +78,14 @@
       $(".fa-sun").toggleClass("d-none");
       $("nav").toggleClass("navbar-dark");
       $("nav").toggleClass("navbar-light");
-      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-dark').toggleClass('darkmode-text-dark');
-      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+      $('.text-muted').toggleClass('darkmode-text-muted');
-      if ($('input.custom-control-input').is(':checked')) {
+      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
-        $('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
+
-        $('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
+      switchDarkmodeSetting();
-      };
     });
-    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 }}
 

layouts/index.html

@@ -59,7 +59,6 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
-  {{ 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">
@@ -116,6 +115,24 @@
     {{- 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 () {
@@ -132,6 +149,7 @@
       }
     };
     */
+
     $(".darkmode-label").click(function () {
       $("body").toggleClass("darkmode");
       $(".fa-moon").toggleClass("d-none");
@@ -141,33 +159,14 @@
       $(".achievements-backdark").toggleClass("achievements-back");
       $("nav").toggleClass("navbar-dark");
       $("nav").toggleClass("navbar-light");
-      $(".text-dark").addClass("darkmode-text-dark").removeClass("text-dark");
+      $(".text-dark").toggleClass("darkmode-text-dark");
-      $(".text-muted")
+      $(".text-muted").toggleClass("darkmode-text-muted")
-        .addClass("darkmode-text-muted")
+      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
-        .removeClass("text-muted");
+
-      if ($("input.custom-control-input").is(":checked")) {
+      switchDarkmodeSetting();
-        $(".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");
-      $(".about-backdark").toggleClass("about-back");
-      $(".education-backdark").toggleClass("education-back");
-      $(".achievements-backdark").toggleClass("achievements-back");
-    }
   </script>
 </body>
 {{ else }}

layouts/partials/sections/v1/footer.html

@@ -7,6 +7,6 @@
     Made with ❤ and
     <a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
     | Designed and Developed by
-    <a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
+    <a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
   </div>
 </footer>

layouts/partials/sections/v1/head.html

@@ -1,6 +1,11 @@
 <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 }}

layouts/partials/sections/v2/footer.html

@@ -135,7 +135,7 @@
             Made with ❤ and
             <a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
             | Designed and Developed by
-            <a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
+            <a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
           </div>
         </div>
       </div>

layouts/partials/sections/v2/head.html

@@ -8,3 +8,9 @@
 <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 }}

layouts/partials/sections/v3/about.html

@@ -16,7 +16,7 @@
             <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
+                {{ .Site.Params.getintouch | default "Get in Touch" }}
               </a>
             </div>
             {{ end }}

layouts/partials/sections/v3/achievements.html

@@ -8,6 +8,19 @@
       {{ 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="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 }});">
@@ -18,6 +31,7 @@
         </div>
       </div>
       {{ end }}
+      {{ end }}
     </div>
   </div>
 </section>

layouts/partials/sections/v3/contact.html

@@ -3,11 +3,11 @@
     <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">{{ .Site.Params.contact_content }}</div>
+        <div class="text-center">{{ .Site.Params.contact_content | emojify | markdownify }}</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">
-            Get In Touch
+            {{ .Site.Params.getintouch | default "Get in Touch" }}
           </a>
         </div>
         {{ end }}

layouts/partials/sections/v3/experience.html

@@ -29,21 +29,55 @@
         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 }}
       </div>
 
       <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) }}
+        {{ 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">
             <span class="text-primary">{{ .company }}</span> - {{ .role }}
@@ -59,6 +93,25 @@
             {{ 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>
+            <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" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
           <div class="h4 text-muted">
@@ -75,6 +128,8 @@
             {{ end }}
           </ul>
         </div>
+        {{ end }}
+
         {{ end }}
         {{ end }}
       </div>

layouts/partials/sections/v3/footer.html

@@ -134,7 +134,7 @@
           Made with ❤ and
           <a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
           | Designed and Developed by
-          <a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
+          <a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
         </div>
       </div>
     </div>

layouts/partials/sections/v3/head.html

@@ -2,7 +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">
@@ -27,3 +28,9 @@
         background: #6c757d;
     }
 </style>
+
+
+<!-- Custom Styles -->
+{{ if .Site.Params.customCSS }}
+<link rel="stylesheet" href="/style.css">
+{{ end }}

layouts/partials/sections/v3/home.html

@@ -5,9 +5,9 @@
       <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 hi-text" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
+          <div style="color: #{{ .Site.Params.namecolor }};" class="hi-text" data-aos="fade-up" data-aos-offset="50"
-            data-aos-once="true" data-aos-duration="900">
+            data-aos-delay="50" data-aos-once="true" data-aos-duration="900">
-            Hi there, I'm
+            {{ .Site.Params.hitext | default "Hi there, I'm" }}
           </div>
           <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">
@@ -20,9 +20,19 @@
         </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 }}
             <a href="{{ .Site.Params.github }}" class="social-icon">
               <i class="fab fa-lg fa-github"></i>
+              &#8203;
+            </a>
+            <span class="px-1"></span>
+            {{ end }}
+
+            {{ if .Site.Params.gitlab }}
+            <a href="{{ .Site.Params.gitlab }}" class="social-icon">
+              <i class="fab fa-lg fa-gitlab"></i>
+              &#8203;
             </a>
             <span class="px-1"></span>
             {{ end }}
@@ -30,6 +40,7 @@
             {{ if .Site.Params.twitter }}
             <a href="{{ .Site.Params.twitter }}" class="social-icon">
               <i class="fab fa-lg fa-twitter"></i>
+              &#8203;
             </a>
             <span class="px-1"></span>
             {{ end }}
@@ -37,6 +48,7 @@
             {{ if .Site.Params.linkedin }}
             <a href="{{ .Site.Params.linkedin }}" class="social-icon">
               <i class="fab fa-lg fa-linkedin"></i>
+              &#8203;
             </a>
             <span class="px-1"></span>
             {{ end }}
@@ -44,9 +56,29 @@
             {{ 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">

layouts/partials/sections/v3/navbar.html

@@ -64,11 +64,47 @@
         </li>
         {{ end }}
 
-        {{ range site.Params.customMenus }}
+        {{ range .Site.Menus.main }}
-        <li class="nav-item navbar-text">
+        {{ if .HasChildren }}
-          <a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+        <!-- Dropdown menu -->
-        </li>
+        <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 }}">
+            {{ .Pre }}
+            <span>{{ .Name }}</span>
+          </a>
+        </li>
+        {{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">

netlify.toml

@@ -1,33 +1,33 @@
 [build]
-publish = "website/public"
+publish = "exampleSite/public"
-command = "cd website && hugo --gc --minify --themesDir ../.."
+command = "cd exampleSite && hugo --gc --minify --themesDir ../.."
 
 [context.production.environment]
-HUGO_VERSION = "0.76.5"
+HUGO_VERSION = "0.92.0"
 HUGO_ENV = "production"
 HUGO_ENABLEGITINFO = "true"
 HUGO_THEME = "repo"
 
 [context.split1]
-command = "cd website && hugo --gc --minify --enableGitInfo --themesDir ../.."
+command = "cd exampleSite && hugo --gc --minify --enableGitInfo --themesDir ../.."
 
 [context.split1.environment]
-HUGO_VERSION = "0.76.5"
+HUGO_VERSION = "0.92.0"
 HUGO_ENV = "production"
 HUGO_THEME = "repo"
 
 [context.deploy-preview]
-command = "cd website && hugo --gc --minify --buildFuture --themesDir ../.. -b $DEPLOY_PRIME_URL"
+command = "cd exampleSite && hugo --gc --minify --buildFuture --themesDir ../.. -b $DEPLOY_PRIME_URL"
 
 [context.deploy-preview.environment]
-HUGO_VERSION = "0.76.5"
+HUGO_VERSION = "0.92.0"
 HUGO_THEME = "repo"
 
 [context.branch-deploy]
-command = "cd website && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"
+command = "cd exampleSite && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"
 
 [context.branch-deploy.environment]
-HUGO_VERSION = "0.76.5"
+HUGO_VERSION = "0.92.0"
 
 [context.next.environment]
 HUGO_ENABLEGITINFO = "true"

static/css/v3/darkmode.css

@@ -10,5 +10,6 @@
   color: #b0b3b8 !important;
 }
 
-
+.darkmode-dropdown-menu {
-
+  background-color: #212121 !important;
+}

static/css/v3/navbar-footer.css

@@ -9,6 +9,9 @@
 .navbar-text {
   font-size: 16px !important;
 }
+li> .dropdown-toggle:focus{
+  color: #007bff !important;
+}
 
 /* v2 and v3 footer */
 footer {

static/css/v3/v3.css

@@ -143,14 +143,14 @@ a:hover {
   opacity: 0.9;
 }
 .bg-pro img {
-  height: 250px;
+  height: 300px;
   width: 100%;
   border-radius: 0.5rem !important;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
 .content-pro {
-  height: 250px;
+  height: 300px;
   background-color: #e5e4e2 !important;
   border-top-right-radius: 0.5rem !important;
   border-bottom-right-radius: 0.5rem !important;
@@ -176,9 +176,11 @@ 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;
@@ -203,13 +205,9 @@ a:hover {
 }
 
 /* v3 experience */
-#experience {
-}
 #nav-pills-out {
   border-left: 1px solid #007bff;
 }
-.nav-pills .nav-link {
-}
 .nav-pills .active {
   padding-left: 20%;
   color: #818181 !important;
@@ -222,8 +220,6 @@ a:hover {
   left: 0px;
   color: #007bff;
 }
-.tab-pane {
-}
 .ex {
   list-style-type: none;
 }

static/js/auto_darkmode.js

@@ -0,0 +1,63 @@
+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();
+}

theme.toml

@@ -3,10 +3,10 @@ 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://profile.gurusabarish.tech"
+demosite = "https://hugo-profile.netlify.app"
 tags = ["Responsive","Blog", "Portfolio", "Personal"]
 min_version = "0.68.0"
 
 [author]
   name = "Gurusabarish"
-  homepage = "https://gurusabarish.tech"
+  homepage = "https://www.linkedin.com/in/gurusabarish/"