readme update

dropdown v3 #44

.github/FUNDING.yml

@@ -1,13 +0,0 @@
-# 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'] 

.github/workflows/autoapprove.yml

@@ -1,13 +0,0 @@
-name: Auto approve
-
-on:
-  pull_request_target
-
-jobs:
-  auto-approve:
-    runs-on: ubuntu-latest
-    steps:
-    - uses: hmarr/auto-approve-action@v2
-      if: github.actor == 'ImgBotApp[bot]'
-      with:
-        github-token: "${{ secrets.GITHUB_TOKEN }}"

.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.'

.gitignore

@@ -1,4 +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

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 GURU SABARISH
+Copyright (c) 2021 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

README.md

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

exampleSite/config.yaml

@@ -1,6 +1,8 @@
-baseURL: "https://profile.gurusabarish.tech"
+baseURL: "https://hugo-profile.netlify.app"
 languageCode: "en-us"
 title: "Hugo-profile"
+theme: "./.."
+relativeURLs: true
 
 googleanalytics: UA-167646412-8
 disqusShortname:
@@ -15,35 +17,65 @@ 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"
-    - name: "Version2"
-      Url: "https://v2.profile.gurusabarish.tech"
-    - name: "Version1"
-      Url: "https://v1.profile.gurusabarish.tech"
   # home
   disable_home: false
   profile_image: "/images/profile.png"
-  name: "Guru Sabarish"
+  name: "Example name"
-  profession: "Full Stack Developer"
+  namecolor: ffc107
-  github: "https://github.com/gurusabarish"
+  profession: "Profession"
-  linkedin: "https://linkedin.com/in/gurusabarish"
+  github: "https://github.com"
-  twitter: "https://twitter.com/gurusabarishh"
+  gitlab: "https://gitlab.com"
-  instagram: "https://instagram.com/gurusabarishh"
+  linkedin: "https://linkedin.com"
-  facebook: "https://facebook.com/gurusabarish01"
+  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 Guru sabarish, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
+  descripe_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: "Check out my blogs [here](https://blog.gurusabarish.tech)"
+  descripe_l2_person: "This is a example template for about section. You can find my works [here](#projects)"
   skills:
     - name: CSS
       percentage: 90
@@ -58,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
@@ -65,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
@@ -72,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
@@ -87,16 +122,16 @@ params:
       university: "Example university"
       startedyear: "2013"
       graduation: "2018"
-    - degree: "B.tech"
+    - degree: "Degree"
-      branch: "Information Technology"
+      branch: "Branch"
       university: "Example university"
-      startedyear: "2013"
+      startedyear: "year"
-      graduation: "2018"
+      graduation: "year"
-    - degree: "B.tech"
+    - degree: "Degree"
-      branch: "Information Technology"
+      branch: "Branch"
       university: "Example university"
-      startedyear: "2013"
+      startedyear: "year"
-      graduation: "2018"
+      graduation: "year"
 
   # Projects
   disable_projects: false
@@ -113,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

@@ -1,6 +1,8 @@
 baseURL: "https://example.com"
 languageCode: "en-us"
 title: "Hugo-profile"
+theme: "./.."
+relativeURLs: true
 
 googleanalytics: UA-xxxxxxxx-x
 disqusShortname: yourdiscussshortname
@@ -12,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

@@ -1,6 +1,8 @@
 baseURL: "https://example.com"
 languageCode: "en-us"
 title: "Hugo-profile"
+theme: "./.."
+relativeURLs: true
 
 googleanalytics: UA-xxxxxx-x
 disqusShortname:
@@ -17,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,6 +1,8 @@
-baseURL: "https://example.com"
+baseURL: "https://hugo-profile.netlify.app"
 languageCode: "en-us"
 title: "Hugo-profile"
+theme: "./.."
+relativeURLs: true
 
 googleanalytics: UA-xxxxxx-x
 disqusShortname:
@@ -15,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."
@@ -55,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
@@ -62,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
@@ -69,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
@@ -110,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/404.html

@@ -1,27 +1,24 @@
 {{ 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: #0a192f;
+    background-color: #eaedf0;
-    }
+  }
 </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-light">404 page not found</span>
+      <span class="text-dark">404 page not found</span>
-            {{ else }}
+      {{ else }} 404 page not found {{ end }}
-            404 page not found
+      <div class="text-center p-5">
-            {{ end }}
+        <a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to Home</a>
-            <div class="text-center p-5">
+      </div>
-                <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 }}

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">
@@ -17,10 +18,14 @@
   <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 }}
@@ -46,6 +51,26 @@
   {{- partial "sections/v3/navbar.html" . -}}
   {{- block "main" . -}}{{- end }}
   {{- partial "sections/v3/footer.html" . -}}
+  <script>
+    $(function () {
+      $('[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");
@@ -53,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/_default/list.html

@@ -26,7 +26,7 @@
             <li>
 
               <h1 style="font-size: 25px;" class="font-weight-bold">
-                <a class="text-decoration-none" href="{{ .Permalink }}">
+                <a class="text-decoration-none" href="{{ .RelPermalink }}">
                   {{ .Title }}
                 </a>
               </h1>
@@ -68,7 +68,7 @@
               {{ end }}
             </h5>
             {{ end }}
-            <a class="text-decoration-none" href="{{ .Permalink }}">
+            <a class="text-decoration-none" href="{{ .RelPermalink }}">
               <div class="card-body">
                 <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">{{ .Title }}</div>
                 {{ if .Site.Params.showdescription }}

layouts/_default/single.html

@@ -20,6 +20,61 @@
 
 {{ if eq .Site.Params.version 3 }}
 <section style="font-family: 'Roboto', sans-serif;">
+
+  <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="col-md-9 py-4 px-0">

layouts/index.html

@@ -53,11 +53,12 @@
 <head>
   <title>{{- .Site.Title -}}</title>
   <meta name="description" content="{{ .Site.Params.description }}">
+
+
   <!-- Fonts -->
-  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    media="all">
+  <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">
@@ -114,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 () {
@@ -130,28 +149,24 @@
       }
     };
     */
-    $('.darkmode-label').click(function () {
+
+    $(".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').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/partials/sections/v1/footer.html

@@ -3,6 +3,10 @@
     <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
   </div>
   &copy; {{ dateFormat "2006" now }} All Rights Reserved<br>
-  Designed and Developed by
+  <div>
-  <a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
+    Made with &#10084; and
+    <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>

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

@@ -131,8 +131,12 @@
         </div>
         &copy; {{ .Site.Params.copyright }} All Rights Reserved
         <div class="text-secondary">
-          Designed and Developed by
+          <div>
-          <a class="text-secondary" href="https://gurusabarish.tech">Gurusabarish</a>
+            Made with &#10084; and
+            <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>

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

@@ -1,46 +1,43 @@
-<section id="about" class="pt-3">
+<div id="about" class="about-backdark about-back">
-  <div class="container-fluid" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+  <section class="pt-5">
-    <div class="text-dark text-center h3">About Me</div>
+    <div class="container-fluid">
-    <div class="row justify-content-center about">
+      <div class="text-dark text-center h3">About Me</div>
-      <div class="col-md-6 about-content">
+      <div class="row justify-content-center about">
-        <div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
+        <div class="col-md-6 about-content">
-          data-aos-duration="900">
+          <div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
-          <div class="px-2">
+            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>
-          {{ if .Site.Params.email }}
-          <div class="py-3 pl-2">
-            <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" target="_blank"
-              class="contact-btn btn text-muted">
-              Get In Touch
-            </a>
-          </div>
-          {{ end }}
         </div>
-
+        <div class="col-md-5 about-skill">
-      </div>
+          <div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
-      <div class="col-md-5 about-skill">
+            data-aos-duration="1000">
-        <div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
+            <div class="text-secondary text-center h4">Skills</div>
-          data-aos-duration="1000">
+            {{ range .Site.Params.skills }}
-          <div class="text-secondary text-center h4">Skills</div>
-          {{ range .Site.Params.skills }}
-          <div>
             <div>
-              {{ .name }}
+              <div>{{ .name }}</div>
-            </div>
+              <div class="progress mb-4">
-            <div class="progress mb-4">
+                <div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
-              <div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
+                  aria-valuemax="100"></div>
-                aria-valuemax="100"></div>
+              </div>
             </div>
+            {{ end }}
           </div>
-          {{ end }}
         </div>
       </div>
-
-
     </div>
-  </div>
+  </section>
-</section>
+</div>

layouts/partials/sections/v3/achievements.html

@@ -1,7 +1,6 @@
-{{ $img:= "images/v1/background.png" }}
+{{ $img:= "./images/v1/background.png" }}
 
-<section class="py-3 pt-5" id="achievements" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
+<section id="achievements" class="py-5 achievements-backdark achievements-back">
-  data-aos-once="true">
   <div class="container-fluid">
     <div class="text-dark text-center h3">Achievements</div>
     <div class="row justify-content-center py-3 mx-2">
@@ -9,21 +8,30 @@
       {{ 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">
-        <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
+        <a target="_blank" href={{ .url | default "#" }}>
-          <div class="p-3 w-100 achiv overflow-hidden">
+          <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
-            <h4 class="text-center achiv-head">
+            <div class="p-3 w-100 achiv overflow-hidden">
-              {{ .title }}
+              <h4 class="text-center achiv-head">{{ .title }}</h4>
-            </h4>
+              <div class="text-secondary">{{ .description }}</div>
-            <div class="text-secondary">
-              {{ .description }}
             </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>
+            <div class="text-secondary">{{ .description }}</div>
+          </div>
         </div>
       </div>
       {{ end }}
+      {{ end }}
     </div>
   </div>
-
 </section>

layouts/partials/sections/v3/contact.html

@@ -1,20 +1,17 @@
-<section id="contact" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+<section id="contact">
-  <div class="container-fluid py-3">
+  <div class="container-fluid py-5">
     <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">
+        <div class="text-center">{{ .Site.Params.contact_content | emojify | markdownify }}</div>
-          {{ .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">
-            Get In Touch
+            {{ .Site.Params.getintouch | default "Get in Touch" }}
           </a>
         </div>
         {{ end }}
       </div>
-
     </div>
   </div>
 </section>

layouts/partials/sections/v3/experience.html

@@ -1,4 +1,4 @@
-<section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+<section id="experience">
   <div class="container-fluid pt-5">
     <div class="text-dark text-center h3">Experience</div>
 
@@ -22,7 +22,6 @@
             </ul>
           </li>
           {{ end }}
-
         </ol>
       </div>
 
@@ -30,22 +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 }} {{ 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 }}
@@ -61,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">
@@ -80,9 +131,8 @@
         {{ end }}
 
         {{ end }}
+        {{ end }}
       </div>
-
     </div>
-
   </div>
 </section>

layouts/partials/sections/v3/footer.html

@@ -7,8 +7,8 @@
       {{ 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 px-2 h-100">
+          <div class="card h-100">
-            <div class="card-head py-3">
+            <div class="card-head px-2 py-3">
               <h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
               <div class="px-2">{{ .Summary | truncate 300}}</div>
             </div>
@@ -131,8 +131,10 @@
         </div>
         &copy; {{ dateFormat "2006" now }} All Rights Reserved
         <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>
       </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,33 +20,65 @@
         </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">
-          {{ if .Site.Params.github }}
+          <div class="col-md-12">
-          <a href="{{ .Site.Params.github }}" class="social-icon">
+            {{ if .Site.Params.github }}
-            <i class="fab fa-lg fa-github"></i>
+            <a href="{{ .Site.Params.github }}" class="social-icon">
-          </a>
+              <i class="fab fa-lg fa-github"></i>
-          <span class="px-1"></span>
+              &#8203;
-          {{ end }}
+            </a>
+            <span class="px-1"></span>
+            {{ end }}
 
-          {{ if .Site.Params.twitter }}
+            {{ if .Site.Params.gitlab }}
-          <a href="{{ .Site.Params.twitter }}" class="social-icon">
+            <a href="{{ .Site.Params.gitlab }}" class="social-icon">
-            <i class="fab fa-lg fa-twitter"></i>
+              <i class="fab fa-lg fa-gitlab"></i>
-          </a>
+              &#8203;
-          <span class="px-1"></span>
+            </a>
-          {{ end }}
+            <span class="px-1"></span>
+            {{ end }}
 
-          {{ if .Site.Params.linkedin }}
+            {{ if .Site.Params.twitter }}
-          <a href="{{ .Site.Params.linkedin }}" class="social-icon">
+            <a href="{{ .Site.Params.twitter }}" class="social-icon">
-            <i class="fab fa-lg fa-linkedin"></i>
+              <i class="fab fa-lg fa-twitter"></i>
-          </a>
+              &#8203;
-          <span class="px-1"></span>
+            </a>
-          {{ end }}
+            <span class="px-1"></span>
+            {{ end }}
 
-          {{ if .Site.Params.facebook }}
+            {{ if .Site.Params.linkedin }}
-          <a href="{{ .Site.Params.facebook }}" class="social-icon">
+            <a href="{{ .Site.Params.linkedin }}" class="social-icon">
-            <i class="fab fa-lg fa-facebook"></i>
+              <i class="fab fa-lg fa-linkedin"></i>
-          </a>
+              &#8203;
-          {{ end }}
+            </a>
+            <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">

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 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>
-        {{ end }}
+
+        {{/*
+        <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">

layouts/partials/sections/v3/projects.html

@@ -1,28 +1,24 @@
 <section id="projects">
-  <div class="container-fluid py-3 pt-5" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
+  <div class="container-fluid py-5">
-    data-aos-once="true">
     <div class="text-dark text-center h3">Projects</div>
     <div class="row justify-content-center pt-2">
       {{ range ( where .Site.RegularPages "Type" "project" ) }}
       <div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
         <div class="row">
           <div class="col-md-6 bg-pro">
-            <img src='{{ .Params.img }}' alt="{{ .Title }}">
+            <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">
+              <p class="card-text pt-2">{{ .Params.description }}</p>
-                {{ .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 }}
+              {{ end }} {{ if .Params.github }}
-              {{ if .Params.github }}
               <a href="{{ .Params.github }}" class="px-1 pr-2">
                 <i class="fab text-dark fa-lg fa-github pro-github"></i>
               </a>
@@ -34,32 +30,27 @@
           </div>
         </div>
       </div>
-      {{ end }}
+      {{ end }} {{ range .Site.Params.projects }}
-      {{ range .Site.Params.projects }}
       <div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
         <div class="row">
           <div class="col-md-6 bg-pro">
-            <img src='{{ .img }}' alt="{{ .name }}">
+            <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">
+              <p class="card-text pt-2">{{ .description }}</p>
-                {{ .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 }}
+              {{ end }} {{ if .githublink }}
-              {{ if .githublink }}
               <a href="{{ .githublink }}" class="px-1 pr-2">
                 <i class="fab text-dark fa-lg fa-github pro-github"></i>
               </a>
               {{ end }}
-
             </span>
           </div>
         </div>

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/post.css

@@ -5,7 +5,20 @@ body {
   font-family: "Roboto", sans-serif;
   background-color: #eaedf0;
 }
-.blog-page-color{
+
+.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 {

static/css/v3/v3.css

@@ -2,7 +2,7 @@ html {
   scroll-behavior: smooth;
 }
 body {
-  font-family: "Roboto", sans-serif;
+  font-family: "Noto Sans KR", sans-serif;
   background-color: #eaedf0;
 }
 a:hover {
@@ -12,16 +12,16 @@ a:hover {
 /* v3 home */
 .name {
   padding-left: 3%;
-  border-left: 1.2px solid #007bff;
+  border-left: 4px solid #007bff;
 }
 .hi-text {
   font-size: 20px;
 }
 .name-text {
-  font-size: 70px;
+  font-size: 60px;
 }
 .pro-text {
-  font-size: 30px;
+  font-size: 25px;
 }
 .btn-intro {
   padding-left: 3%;
@@ -35,19 +35,21 @@ a:hover {
   border-radius: 50px !important;
   cursor: pointer;
   font-size: 18px;
+  font-weight: 500 !important;
+  border: 2px solid;
 }
 .social-icon {
   padding: 2%;
-  background-color: #007bff;
-  color: #f9fafc !important;
-  border-radius: 50%;
-  transition: 0.3s;
-  border: 1px solid;
-}
-.social-icon:hover {
   background-color: #f9fafc !important;
   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;
@@ -90,6 +92,9 @@ a:hover {
 }
 
 /* v3 about */
+.about-back {
+  background-color: #dce6f1;
+}
 .about {
   padding-top: 3% !important;
   padding-bottom: 3% !important;
@@ -107,6 +112,8 @@ a:hover {
   padding-right: 2%;
   font-size: 17px;
   border: 1px solid #007bff;
+  border-radius: 5%;
+  border-radius: 10px !important;
 }
 .contact-btn:hover {
   color: #007bff !important;
@@ -130,19 +137,20 @@ a:hover {
 }
 
 /* v3 projects */
+
 .bg-pro {
   padding: 0 !important;
   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;
@@ -151,9 +159,8 @@ a:hover {
   color: #3a3b3c !important;
   height: 80%;
 }
-.pro-github{
+.pro-github {
   color: #3a3b3c !important;
-
 }
 .pro:hover .pro-btn {
   background-color: #3498db !important;
@@ -169,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;
@@ -196,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;
@@ -215,8 +220,6 @@ a:hover {
   left: 0px;
   color: #007bff;
 }
-.tab-pane {
-}
 .ex {
   list-style-type: none;
 }
@@ -266,7 +269,8 @@ a:hover {
 }
 
 /* v3 education */
-#education {
+.education-back {
+  background-color: #e1e0e5;
 }
 .v-center {
   display: flex;
@@ -293,7 +297,7 @@ a:hover {
     padding: 0%;
     content: "▹";
     position: absolute;
-    left: 0px;
+    left: 30px;
   }
   .edu-item {
     padding-left: 5%;
@@ -325,6 +329,9 @@ a:hover {
 }
 
 /* v3 Achievements */
+.achievements-back {
+  background-color: #dce6f1;
+}
 .achiv-card:hover {
   filter: grayscale(100%);
 }

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

@@ -1,11 +1,12 @@
 name = "Hugo Profile"
 license = "MIT"
 licenselink = "https://github.com/gurusabarish/hugo-profile/blob/master/LICENSE"
-description = "A high performance hugo theme for personal portfolio and blog."
+description = "A high performance and mobile first hugo template for personal portfolio and blog."
-homepage = "https://profile.gurusabarish.tech"
+homepage = "https://github.com/gurusabarish/hugo-profile"
-tags = ["Responsive","Blog", "Portfolio", "Clean", "Fast", "Seo"]
+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/"