Delete FUNDING.yml

GitHub pages setup

.github/ISSUE_TEMPLATE/bug_report.md

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

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

.github/ISSUE_TEMPLATE/feature_request.md

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

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

@@ -0,0 +1,16 @@
+name: Greetings
+
+on: [pull_request, issues]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+    - uses: actions/first-interaction@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        issue-message: 'Thanks for your issue. It may help us to improve our product. We will follow up with you.'
+        pr-message: 'Thanks for your pull request. We will review and merge it.'

.github/workflows/stale.yml

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

@@ -0,0 +1,5 @@
+/public
+/config.yaml
+/content
+/static/images
+.vscode

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+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
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,96 @@
+<div align="center">
+  
+# hugo-profile 
+ 
+[![Twitter](https://img.shields.io/twitter/url?label=Tweet&style=social&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile) [![GitHub forks](https://img.shields.io/github/forks/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/network) [![GitHub stars](https://img.shields.io/github/stars/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/stargazers)
+
+
+[![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
+
+- 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.
+
+```
+cd themes
+git clone https://github.com/gurusabarish/hugo-profile.git
+```
+
+- You should have the mentioned (_inside the config file_) images in static folder to use them.
+
+### Local Development
+
+- Install hugo and just clone this repo
+
+```
+git clone https://github.com/gurusabarish/hugo-profile.git
+cd hugo-profile
+```
+
+- Now create config.yaml file in your root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/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.
+- 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.
+
+**[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.
+
+## Deployment
+
+Run `hugo`. It will generate a folder called public. You can use the files inside public folder for deployment. You should delete the public folder for each time when you are using `hugo` commend.
+
+## Issues
+
+If you have a question, please [open an issue](https://github.com/gurusabarish/hugo-profile/issues) for help and to help those who come after you. The more information you can provide, the better!
+
+## Contributing
+
+Contributions, issues, and feature requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
+
+## License
+
+Licensed under [MIT](LICENSE)
+
+## 🤝 Support
+
+Give a ⭐️ if you like this project!
+
+<a href="https://www.buymeacoffee.com/gurusabarish" target="_blank" rel="noopener"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="40" width="145" alt="Buy Me A Coffee"></a>

archetypes/default.md

@@ -0,0 +1,11 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+author: ""
+tags: 
+bg_image: ""
+description: ""
+toc: 
+---
+

archetypes/v1.md

@@ -0,0 +1,10 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+author: ""
+tags: 
+bg_image: ""
+description: ""
+toc: 
+---

archetypes/v2.md

@@ -0,0 +1,10 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+author: ""
+tags: 
+bg_image: ""
+description: ""
+toc: 
+---

archetypes/v3.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+tags: 
+---

blog/index.xml

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Blogs on Hugo-profile</title><link>https://hugo-profile.netlify.app/blog/</link><description>Recent content in Blogs on Hugo-profile</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Sat, 03 Apr 2021 23:29:21 +0530</lastBuildDate><atom:link href="https://hugo-profile.netlify.app/blog/index.xml" rel="self" type="application/rss+xml"/><item><title>Markdown Syntax</title><link>https://hugo-profile.netlify.app/blog/markdown-syntax/</link><pubDate>Sat, 03 Apr 2021 23:29:21 +0530</pubDate><guid>https://hugo-profile.netlify.app/blog/markdown-syntax/</guid><description>&lt;p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.&lt;/p></description></item><item><title>Emoji Support</title><link>https://hugo-profile.netlify.app/blog/emoji-support/</link><pubDate>Sat, 03 Apr 2021 22:53:58 +0530</pubDate><guid>https://hugo-profile.netlify.app/blog/emoji-support/</guid><description>Emoji can be enabled in a Hugo project in a number of ways.
-The emojify function can be called directly in templates or Inline Shortcodes.
-To enable emoji globally, set enableEmoji to true in your site’s configuration and then you can type emoji shorthand codes directly in content files; e.g.
-The Emoji cheat sheet is a useful reference for emoji shorthand codes.
-N.B. The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform.</description></item><item><title>Placeholder Text</title><link>https://hugo-profile.netlify.app/blog/placeholder-text/</link><pubDate>Sat, 03 Apr 2021 22:41:10 +0530</pubDate><guid>https://hugo-profile.netlify.app/blog/placeholder-text/</guid><description>Lorem est tota propiore conpellat pectoribus de pectora summo.
-Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
-Exierant elisi ambit vivere dedere Duce pollice Eris modo Spargitque ferrea quos palude Rursus nulli murmur; hastile inridet ut ab gravi sententia!</description></item><item><title>Rich Content</title><link>https://hugo-profile.netlify.app/blog/rich-content/</link><pubDate>Sat, 03 Apr 2021 19:53:33 +0530</pubDate><guid>https://hugo-profile.netlify.app/blog/rich-content/</guid><description>Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
-Gist Simple Shortcode {{&amp;lt; gist spf13 7896402 &amp;quot;img.html&amp;quot; &amp;gt;}}
-Twitter Simple Shortcode {{&amp;lt; tweet 877500564405444608 &amp;gt;}}
-Hugo 0.24 Released: Big archetype update + @Netlify _redirects etc. file supporthttps://t.co/X94FmYDEZJ #gohugo #golang @spf13 @bepsays
-&amp;mdash; GoHugo.io (@GoHugoIO) June 21, 2017 Vimeo Simple Shortcode {{&amp;lt; vimeo 146022717 &amp;gt;}}</description></item></channel></rss>

blog/page/1/index.html

@@ -1 +0,0 @@
-<!doctype html><html><head><title>https://hugo-profile.netlify.app/blog/</title><link rel=canonical href=https://hugo-profile.netlify.app/blog/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://hugo-profile.netlify.app/blog/"></head></html>

categories/index.xml

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on Hugo-profile</title><link>https://hugo-profile.netlify.app/categories/</link><description>Recent content in Categories on Hugo-profile</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><atom:link href="https://hugo-profile.netlify.app/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss>

categories/page/1/index.html

@@ -1 +0,0 @@
-<!doctype html><html><head><title>https://hugo-profile.netlify.app/categories/</title><link rel=canonical href=https://hugo-profile.netlify.app/categories/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://hugo-profile.netlify.app/categories/"></head></html>

docs/README.md

@@ -0,0 +1,400 @@
+
+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)

index.xml

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Hugo-profile</title><link>https://hugo-profile.netlify.app/</link><description>Recent content on Hugo-profile</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Tue, 04 May 2021 11:30:13 +0530</lastBuildDate><atom:link href="https://hugo-profile.netlify.app/index.xml" rel="self" type="application/rss+xml"/><item><title>Example project with details</title><link>https://hugo-profile.netlify.app/project/example/</link><pubDate>Tue, 04 May 2021 11:30:13 +0530</pubDate><guid>https://hugo-profile.netlify.app/project/example/</guid><description/></item><item><title>Markdown Syntax</title><link>https://hugo-profile.netlify.app/blog/markdown-syntax/</link><pubDate>Sat, 03 Apr 2021 23:29:21 +0530</pubDate><guid>https://hugo-profile.netlify.app/blog/markdown-syntax/</guid><description>&lt;p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.&lt;/p></description></item><item><title>Emoji Support</title><link>https://hugo-profile.netlify.app/blog/emoji-support/</link><pubDate>Sat, 03 Apr 2021 22:53:58 +0530</pubDate><guid>https://hugo-profile.netlify.app/blog/emoji-support/</guid><description>Emoji can be enabled in a Hugo project in a number of ways.
-The emojify function can be called directly in templates or Inline Shortcodes.
-To enable emoji globally, set enableEmoji to true in your site’s configuration and then you can type emoji shorthand codes directly in content files; e.g.
-The Emoji cheat sheet is a useful reference for emoji shorthand codes.
-N.B. The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform.</description></item><item><title>Placeholder Text</title><link>https://hugo-profile.netlify.app/blog/placeholder-text/</link><pubDate>Sat, 03 Apr 2021 22:41:10 +0530</pubDate><guid>https://hugo-profile.netlify.app/blog/placeholder-text/</guid><description>Lorem est tota propiore conpellat pectoribus de pectora summo.
-Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
-Exierant elisi ambit vivere dedere Duce pollice Eris modo Spargitque ferrea quos palude Rursus nulli murmur; hastile inridet ut ab gravi sententia!</description></item><item><title>Rich Content</title><link>https://hugo-profile.netlify.app/blog/rich-content/</link><pubDate>Sat, 03 Apr 2021 19:53:33 +0530</pubDate><guid>https://hugo-profile.netlify.app/blog/rich-content/</guid><description>Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
-Gist Simple Shortcode {{&amp;lt; gist spf13 7896402 &amp;quot;img.html&amp;quot; &amp;gt;}}
-Twitter Simple Shortcode {{&amp;lt; tweet 877500564405444608 &amp;gt;}}
-Hugo 0.24 Released: Big archetype update + @Netlify _redirects etc. file supporthttps://t.co/X94FmYDEZJ #gohugo #golang @spf13 @bepsays
-&amp;mdash; GoHugo.io (@GoHugoIO) June 21, 2017 Vimeo Simple Shortcode {{&amp;lt; vimeo 146022717 &amp;gt;}}</description></item></channel></rss>

js/auto_darkmode.js

@@ -1,63 +0,0 @@
-function setCookie(name,value,days) {
-    var expires = "";
-    if (days) {
-        var date = new Date();
-        date.setTime(date.getTime() + (days*24*60*60*1000));
-        expires = "; expires=" + date.toUTCString();
-    }
-    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
-}
-
-function getCookie(name) {
-    var nameEQ = name + "=";
-    var ca = document.cookie.split(';');
-    for(var i=0;i < ca.length;i++) {
-        var c = ca[i];
-        while (c.charAt(0)==' ') c = c.substring(1,c.length);
-        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
-    }
-    return null;
-}
-
-function getDarkmodeSetting() {
-    switch(getCookie("darkmode")) {
-        case "true":
-            return true;
-        case "false":
-            return false;
-        default:
-            return null;
-    }
-}
-
-function setDarkmodeSetting(value) {
-    if (value) {
-        setCookie("darkmode", "true", 100);
-    } else {
-        setCookie("darkmode", "false", 100);
-    }
-}
-
-function switchDarkmodeSetting() {
-    const darkmode = getDarkmodeSetting();
-    switch(darkmode) {
-        case true:
-            setDarkmodeSetting(false);
-            break;
-        case false:
-            setDarkmodeSetting(true);
-            break;
-        default:
-            setDarkmodeSetting(true);
-            break;
-    } 
-}
-
-const check_darkmode = getDarkmodeSetting();
-const darkmode_prefer = window.matchMedia('(prefers-color-scheme: dark)').matches;
-if (darkmode_prefer && check_darkmode === null) {
-    autoDarkMode();
-    setDarkmodeSetting(true);
-} else if (check_darkmode) {
-    autoDarkMode();
-}

layouts/404.html

@@ -0,0 +1,24 @@
+{{ define "main" }}
+<style>
+  html {
+    scroll-behavior: smooth;
+  }
+
+  body {
+    font-family: "Roboto", sans-serif;
+    background-color: #eaedf0;
+  }
+</style>
+<div class="container">
+  <div class="row justify-centent-center py-5">
+    <div class="display-4 font-weight-bold text-center col p-5">
+      {{ if eq .Site.Params.version 3 }}
+      <span class="text-dark">404 page not found</span>
+      {{ else }} 404 page not found {{ end }}
+      <div class="text-center p-5">
+        <a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to Home</a>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}

layouts/_default/baseof.html

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  {{ if eq .Site.Params.version 1 }}
+  {{- partial "sections/v1/head.html" . -}}
+  <link href="/css/bootstrap.min.css" rel="stylesheet">
+  <link href="/css/v1/head_foot.css" rel="stylesheet">
+  {{- block "head" . -}}{{- end }}
+
+  {{ else if eq .Site.Params.version 2 }}
+  {{- partial "sections/v2/head.html" . -}}
+  {{- block "head" . -}}{{- end }}
+  {{ else if eq .Site.Params.version 3 }}
+  {{- partial "sections/v3/head.html" . -}}
+  <link rel="stylesheet" href="/css/v3/navbar-footer.css">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300&display=swap"
+    rel="stylesheet">
+  <script src="/js/popper.min.js"></script>
+
+  {{- block "head" . -}}{{- end }}
+  {{ else }}
+  {{ end }}
+
+</head>
+
+{{ if eq .Site.Params.version 1 }}
+
+<body>
+  {{- partial "sections/v1/scripts.html" . -}}
+  {{- partial "sections/v1/header1.html" . -}}
+  {{- block "main" . -}}{{- end }}
+  {{- partial "sections/v1/footer.html" . -}}
+</body>
+{{ else if eq .Site.Params.version 2 }}
+
+<body>
+  {{- partial "sections/v2/scripts.html" . -}}
+  {{- partial "sections/v2/header.html" . -}}
+  {{- block "main" . -}}{{- end }}
+  {{- partial "sections/v2/footer.html" . -}}
+</body>
+{{ else if eq .Site.Params.version 3 }}
+
+<body class="text-dark">
+  {{- partial "sections/v3/scripts.html" . -}}
+  {{- partial "sections/v3/navbar.html" . -}}
+  {{- block "main" . -}}{{- end }}
+  {{- partial "sections/v3/footer.html" . -}}
+  <script>
+    $(function () {
+      $('[data-toggle="tooltip"]').tooltip()
+    })
+  </script>
+  <script>
+    $('.darkmode-label').click(function () {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").toggleClass("d-none");
+      $(".fa-sun").toggleClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+      if ($('input.custom-control-input').is(':checked')) {
+        $('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
+        $('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
+      };
+    });
+    if ($('input.custom-control-input').is(':checked')) {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").addClass("d-none");
+      $(".fa-sun").removeClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+    };
+  </script>
+</body>
+{{ else }}
+
+<body></body>
+{{ end }}
+
+</html>

layouts/_default/list.html

@@ -0,0 +1,130 @@
+{{ define "head"}}
+
+{{ if eq .Site.Params.version 3 }}
+<link rel="stylesheet" href="/css/v3/list.css" media="all">
+{{ else }}
+<!-- Fonts -->
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
+  media="all">
+{{ end }}
+
+<meta name="description" content="{{ .Title }}" />
+<title>{{ .Title }}</title>
+{{ end }}
+
+
+{{ define "main" }}
+{{ if eq .Site.Params.version 3 }}
+<section style="font-family: 'Roboto', sans-serif;5">
+  <div class="container pt-5">
+    <h3 class="text-center">{{.Title}}</h2>
+      <div class="row justify-content-center">
+        <div class="col-md-7 py-2">
+          <ol class="post-ol">
+            {{ range .Paginator.Pages }}
+            <li>
+
+              <h1 style="font-size: 25px;" class="font-weight-bold">
+                <a class="text-decoration-none" href="{{ .RelPermalink }}">
+                  {{ .Title }}
+                </a>
+              </h1>
+              <div class="post-sum">
+                {{- .Summary | truncate 150 | safeHTML -}}
+              </div>
+              {{ if .Params.tags }}
+              {{ range .Params.tags }}
+              <a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="text-info text-decoration-none m-1"
+                style="color: #8392a5">
+                <small># {{ . }}</small>
+              </a>
+              {{ end }}
+              {{ end }}
+            </li>
+            {{ end }}
+          </ol>
+          <div class="p-3">
+            {{ template "_internal/pagination.html" . }}
+          </div>
+        </div>
+      </div>
+  </div>
+</section>
+{{ else }}
+<section>
+  <div class="container-fluid">
+    <div class="row pt-3 justify-content-center">
+      <div class="col-lg-6 col-md-6">
+        {{ range .Paginator.Pages }}
+        <div class="mb-4">
+          <div class="card border-bottom-primary pb-2">
+            {{ if .Params.tags }}
+            <h5 class="card-header m-0">
+              {{ if .Params.tags }}
+              {{ range .Params.tags }}
+              <a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="btn btn-info btn-rounded mb-2">{{ . }}</a>
+              {{ end }}
+              {{ end }}
+            </h5>
+            {{ end }}
+            <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 }}
+                <div class="text-muted py-2">
+                  {{ .Params.description }}
+                </div>
+                {{ end }}
+                <div class="text-dark">
+                  <span class="px-1">
+                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path fill-rule="evenodd"
+                        d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z" />
+                      <path fill-rule="evenodd"
+                        d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" />
+                    </svg>
+                  </span>
+                  {{ dateFormat "Jan 2, 2006" .Date }}
+                  {{ if .Params.author }}
+                  <span class="px-1">
+                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path fill-rule="evenodd"
+                        d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
+                    </svg>
+                  </span>
+                  {{ .Params.author }}
+                  {{ end }}
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+        {{ end }}
+        {{ template "_internal/pagination.html" . }}
+        <div class="row justify-content-center pt-3">
+          <div class="col-lg-7 col-md-7">
+            <div class=" mb-4">
+              <div class="card p-0">
+                <h5 class="card-header m-0 btn-outline-danger">Tags</h5>
+                <div class=" card-body">
+                  {{range $name, $taxonomy := .Site.Taxonomies.tags}}
+                  {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
+                  <a href="{{ .RelPermalink }}" class="btn btn-outline-danger rounded-pill mb-2">{{$name}}</a>
+                  {{end}}
+                  {{end}}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+
+
+{{ end }}

layouts/_default/single.html

@@ -0,0 +1,236 @@
+{{ define "head"}}
+<meta name="description" content="{{ .Params.description }}" />
+<title>{{ .Title }}</title>
+{{ if eq .Site.Params.version 1 }}
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
+<link href="/css/v1/blog.css" rel="stylesheet">
+{{ else if eq .Site.Params.version 2 }}
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
+<link href="/css/v2/post.css" rel="stylesheet">
+{{ else if eq .Site.Params.version 3 }}
+<link href="/css/v3/post.css" rel="stylesheet">
+{{ else }}
+{{ end }}
+{{ end }}
+
+
+{{ define "main" }}
+
+{{ 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">
+        <div class="rounded shadow bg-light p-3 px-md-5 bg-light">
+          <h1 class="pb-2 text-center">{{ .Title }}</h1>
+          <article>
+            {{.Content}}
+          </article>
+        </div>
+      </div>
+      <div class="col-md-3 py-4">
+        <div class="bg-light shadow p-4 rounded mb-2 bg-light">
+          <h4>Table of content</h4>
+          {{.TableOfContents}}
+        </div>
+
+        <div class="bg-light shadow p-4 rounded mt-2 bg-light">
+          <h4>Share article with</h4>
+          <ul>
+            <li>
+              <a target="blank" class="text-info"
+                href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+                Twitter
+              </a>
+            </li>
+            <li>
+              <a target="blank" class="text-success"
+                href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
+                data-action="share/whatsapp/share">
+                Whatsapp
+              </a>
+            </li>
+            <li>
+              <a class="text-danger" target="blank"
+                href="mailto:?subject={{ .Title }}&amp;body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+                Email
+              </a>
+            </li>
+          </ul>
+
+
+
+        </div>
+      </div>
+      {{ template "_internal/disqus.html" . }}
+    </div>
+  </div>
+</section>
+{{ else }}
+
+
+<section class="mincho-font">
+  <div class="py-4 bg-info text-center">
+    <div class="container-fluid">
+      <!-- title and date -->
+      <h1 class="blog-title font-weight-bold">{{.Title}}</h1>
+      <div class="">
+        <!-- Date -->
+        <span class="px-1">
+          <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
+            xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd"
+              d="M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-3a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z" />
+            <path fill-rule="evenodd"
+              d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" />
+          </svg>
+        </span>
+        {{ dateFormat "Jan 2, 2006" .Date }}
+
+        <!-- Author -->
+        {{ if .Params.author }}
+        <span class="px-1">
+          <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor"
+            xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
+          </svg>
+        </span>
+        {{ .Params.author }}
+        {{ end }}
+
+        {{ if .Site.Params.tweet }}
+
+        <div class="pt-3">
+          <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" data-size=large class="twitter-share-button"
+            data-show-count="false">Tweet my work</a>
+          <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+        </div>
+        {{ end }}
+      </div>
+
+      {{ if .Site.Params.showdescription }}
+      <div class="text-dark py-2">
+        {{ .Params.description }}
+      </div>
+      {{ end }}
+    </div>
+  </div>
+  <div class="container">
+    <div class="row justify-content-center ">
+      <div class="col-md-9">
+        <div class="">
+          <!-- image -->
+          <div class="py-2">
+            {{ with .Params.bg_image }}
+            <img class="img-fluid" src="{{ . }}">
+            {{ end }}
+          </div>
+          {{ if .Params.toc }}
+          <div class="row justify-content-center">
+            <div class="col-md-8 py-3 px-4">
+              <div class="card">
+                <button class="TOC btn btn-outline-info py-2 text-center">
+                  Table Of Contents
+                </button>
+                <div class="TOC-content d-none card-body">
+                  {{.TableOfContents}}
+                </div>
+              </div>
+            </div>
+          </div>
+          {{ end }}
+          <!-- content -->
+          <article>
+            {{.Content}}
+          </article>
+        </div>
+        <!-- Tags -->
+        <div class="p-5">
+          <div class="card">
+            <h5 class="card-header text-center m-0">Tags</h5>
+            <div class="card-body">
+              {{ if .Params.tags }}
+              {{ range .Params.tags }}
+              <a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="btn btn-outline-danger btn-rounded mb-2">
+                {{ . }}
+              </a>
+              {{ end }}
+              {{ end }}
+            </div>
+            </a>
+          </div>
+        </div>
+
+        {{ template "_internal/disqus.html" . }}
+
+      </div>
+    </div>
+  </div>
+</section>
+
+<script>
+  $('.TOC').on('click', function () {
+    $('.TOC-content').removeClass('d-none');
+  });
+
+</script>
+{{ end }}
+
+{{ end }}

layouts/index.html

@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html lang="en">
+{{ if eq .Site.Params.version 1 }}
+
+<head>
+  <title>{{- .Site.Title -}}</title>
+  <!-- stylesheets -->
+  <link rel="stylesheet" href="/css/bootstrap.min.css">
+  <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/v1/v1.css">
+  <!-- Fonts -->
+  <link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
+  <meta name="description" content="{{ .Site.Params.description }}">
+  {{ template "_internal/google_analytics.html" . }}
+  {{- partial "sections/v1/head.html" . -}}
+</head>
+
+<body>
+  {{- partial "sections/v1/home.html" . -}}
+  {{- partial "sections/v1/blog.html" . -}}
+  {{- partial "sections/v1/about.html" . -}}
+  {{- partial "sections/v1/do_things.html" . -}}
+  {{- partial "sections/v1/projects.html" . -}}
+  {{- partial "sections/v1/contact.html" . -}}
+
+  {{- partial "sections/v1/footer.html" . -}}
+  {{- partial "sections/v1/scripts.html" . -}}
+</body>
+{{ else if eq .Site.Params.version 2 }}
+
+<head>
+  <title>{{- .Site.Title -}}</title>
+  <meta name="description" content="{{ .Site.Params.description }}">
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
+    media="all">
+  {{ template "_internal/google_analytics.html" . }}
+  {{- partial "sections/v2/head.html" . -}}
+</head>
+
+<body>
+  {{- partial "sections/v2/header.html" . -}}
+  {{- partial "sections/v2/about.html" . -}}
+  {{- partial "sections/v2/do_things.html" . -}}
+  {{- partial "sections/v2/footer.html" . -}}
+  {{- partial "sections/v2/scripts.html" . -}}
+</body>
+
+{{ else if eq .Site.Params.version 3 }}
+
+<head>
+  <title>{{- .Site.Title -}}</title>
+  <meta name="description" content="{{ .Site.Params.description }}">
+
+
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" 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">
+  <link rel="stylesheet" href="/css/v3/loader.css" />
+
+  <!-- aos -->
+  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+</head>
+
+<body class="text-dark">
+  <!--<div id="loader" class="center"></div>-->
+  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+  <script>
+    AOS.init();
+  </script>
+  <div>
+    {{- partial "sections/v3/navbar.html" . -}}
+
+    {{ if .Site.Params.disable_home }}
+    {{ else }}
+    {{- partial "sections/v3/home.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_about }}
+    {{ else }}
+    {{- partial "sections/v3/about.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_experience }}
+    {{ else }}
+    {{- partial "sections/v3/experience.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_education }}
+    {{ else }}
+    {{- partial "sections/v3/education.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_projects }}
+    {{ else }}
+    {{- partial "sections/v3/projects.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_achievements }}
+    {{ else }}
+    {{- partial "sections/v3/achievements.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_contact }}
+    {{ else }}
+    {{- partial "sections/v3/contact.html" . -}}
+    {{ end }}
+
+    {{- partial "sections/v3/footer.html" . -}}
+    {{- partial "sections/v3/scripts.html" . -}}
+  </div>
+  <script>
+    /*
+    document.onreadystatechange = function () {
+      if (document.readyState !== "complete") {
+        document.querySelector(
+          "body").style.visibility = "hidden";
+        document.querySelector(
+          "#loader").style.visibility = "visible";
+      } else {
+        document.querySelector(
+          "#loader").style.display = "none";
+        document.querySelector(
+          "body").style.visibility = "visible";
+      }
+    };
+    */
+    $(".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-muted")
+        .addClass("darkmode-text-muted")
+        .removeClass("text-muted");
+      if ($("input.custom-control-input").is(":checked")) {
+        $(".darkmode-text-dark")
+          .addClass("text-dark")
+          .removeClass("darkmode-text-dark");
+        $(".darkmode-text-muted")
+          .addClass("text-muted")
+          .removeClass("darkmode-text-muted");
+      }
+    });
+    if ($("input.custom-control-input").is(":checked")) {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").addClass("d-none");
+      $(".fa-sun").removeClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $(".text-dark").addClass("darkmode-text-dark").removeClass("text-dark");
+      $(".text-muted")
+        .addClass("darkmode-text-muted")
+        .removeClass("text-muted");
+      $(".about-backdark").toggleClass("about-back");
+      $(".education-backdark").toggleClass("education-back");
+      $(".achievements-backdark").toggleClass("achievements-back");
+    }
+  </script>
+</body>
+{{ else }}
+
+{{ end }}
+
+</html>

layouts/partials/sections/v1/about.html

@@ -0,0 +1,70 @@
+<section>
+    <div class="about p-3" id="about">
+        <div class="container">
+            <div class="about-me text-center font-weight-bold text-secondary">About Me</div>
+
+
+            <div class="row justify-content-center ">
+                <div class="col-lg-3 pt-4 text-center">
+                    <img src="{{ .Site.Params.profile_image }}" width="200px" alt="{{ .Site.Params.name }}"
+                        class="rounded">
+                    <div class="about-me jop font-weight-bold text-secondary">{{ .Site.Params.job }}</div>
+
+                    {{ if .Site.Params.linkedin }}
+                    <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+                        <svg class="text-primary" width="2em" height="2em" fill="currentColor"
+                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+                            <path
+                                d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
+                        </svg>
+                    </a>
+                    {{ end }}
+                </div>
+
+                <div class="col-lg-7 pt-3 ">
+                    <div class="about-content text-dark p-3">
+                        {{ .Site.Params.descripe_l1_person }}
+                        <br><br>
+                        {{ .Site.Params.descripe_l2_person }}
+                    </div>
+                    <div class="social p-4">
+                        <a href="{{ .Site.Params.resume | default "#" }}" class="btn btn-info" role="button"
+                            aria-pressed="true">
+                            Resume
+                        </a>
+
+                        {{ if .Site.Params.github }}
+                        <a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
+                            <svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                                viewBox="0 0 448 512">
+                                <path
+                                    d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
+                            </svg>
+                        </a>
+                        {{ end }}
+
+                        {{ if .Site.Params.twitter }}
+                        <a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+                            <svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                                viewBox="0 0 448 512">
+                                <path
+                                    d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
+                            </svg>
+                        </a>
+                        {{ end }}
+
+                        {{ if .Site.Params.instagram }}
+                        <a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+                            <svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                                viewBox="0 0 448 512">
+                                <path
+                                    d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
+                            </svg>
+                        </a>
+                        {{ end }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>

layouts/partials/sections/v1/blog.html

@@ -0,0 +1,23 @@
+<section>
+  <div class="p-3 blog-back">
+    <div class="container">
+      <div class="text-center pb-3">
+        <div class="recent-posts">Recent posts</div>
+      </div>
+      <div class="container">
+        <div class="row">
+          {{ range first 4 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
+          <div class="col-lg-3 col-md-5 pb-3 post-card text-center">
+            <a href="{{ .RelPermalink }}">
+              <span class="text-secondary">{{ .Date.Format "January 2, 2006" }}</span>
+              <div class="text-dark">
+                {{ .Title }}
+              </div>
+            </a>
+          </div>
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/sections/v1/contact.html

@@ -0,0 +1,31 @@
+{{ if .Site.Params.contact }}
+<section id="contact">
+  <div class="contact bg-danger text-white">
+    <div class="text-center p-3 font-weight-bold contact-head">Get In Tough</div>
+    <div class="p-3 container">
+      <div class="row justify-content-center">
+        <div class="col-lg-7">
+          <form action="{{ .Site.Params.action }}">
+            <div class="form-group">
+              <label for="name">Name</label>
+              <input type="text" class="form-control" id="name" placeholder="Your name" name="{{ .Site.Params.emailname }}">
+            </div>
+            <div class="form-group">
+              <label for="email">Email</label>
+              <input type="email" class="form-control" id="email" placeholder="example@gmail.com" name="{{ .Site.Params.emailname }}">
+            </div>
+
+            <div class="form-group">
+              <label for="message">Message</label>
+              <textarea class="form-control" id="message" rows="3" name="{{ .Site.Params.messagename }}" placeholder="Type something"></textarea>
+            </div>
+            <div class="text-center">
+              <button type="submit" class="btn btn-sm btn-primary">Submit</button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}

layouts/partials/sections/v1/do_things.html

@@ -0,0 +1,45 @@
+{{ if .Site.Params.usedothings }}
+<section>
+  <div class="pt-3 do-things text-center" id="do-things">
+    <div class="container">
+      <div class="things-i-do text-primary font-weight-bold">
+        Things I do
+      </div>
+
+      <div class="do-things-card">
+        <div class="row pb-2 justify-content-center">
+          {{ range .Site.Params.Things }}
+          {{ if .url }}
+          <div class="col-lg-3 col-md-4">
+            <a id="nothing" href={{ .url | default "#" }} class="">
+              <div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
+                <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
+                <div class="p-2 font-weight-bold">
+                  {{ .title }}
+                </div>
+                <div class="py-4 things-text">
+                  {{ .description }}
+                </div>
+              </div>
+            </a>
+          </div>
+          {{ else }}
+          <div class="col-lg-3 col-md-4">
+            <div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
+              <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
+              <div class="p-2 font-weight-bold">
+                {{ .title }}
+              </div>
+              <div class="py-4 things-text">
+                {{ .description }}
+              </div>
+            </div>
+          </div>
+          {{ end }}
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}

layouts/partials/sections/v1/footer.html

@@ -0,0 +1,12 @@
+<footer class="footer py-3 text-muted text-center">
+  <div class="footer-site text-uppercase pb-2 font-weight-bold">
+    <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+  </div>
+  &copy; {{ dateFormat "2006" now }} All Rights Reserved<br>
+  <div>
+    Made with &#10084; 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>
+  </div>
+</footer>

layouts/partials/sections/v1/head.html

@@ -0,0 +1,6 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="icon" href="{{ .Site.Params.favicon | default "/images/favicon.png"}}" type="image/gif">
+<!-- Fonts -->
+<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">

layouts/partials/sections/v1/header.html

@@ -0,0 +1,34 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+	<div class="container">
+		<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
+			aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+			<span class="navbar-toggler-icon"></span>
+		</button>
+
+		<div class="collapse navbar-collapse" id="navbarNavDropdown">
+			<ul class="navbar-nav ml-auto">
+				<li class="nav-item">
+					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
+				</li>
+				{{ if .Site.Params.contact }}
+				<li class="nav-item">
+					<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact">Contact</a>
+				</li>
+				{{ end }}
+
+				{{ range site.Params.customMenus }}
+				<li class="nav-item">
+					<a class="nav-link text-dark" href="{{.Url}}">{{ .name }}</a>
+				</li>
+				{{ end }}
+			</ul>
+		</div>
+	</div>
+</nav>

layouts/partials/sections/v1/header1.html

@@ -0,0 +1,39 @@
+<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
+  <div class="container">
+    <a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
+      {{ if .Site.Params.favicon }}
+      <img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
+      {{ .Site.Title }}
+      {{ else }}
+      {{ .Site.Title }}
+      {{ end }}
+    </a>
+    <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarNavDropdown">
+      <ul class="navbar-nav ml-auto text-center">
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL }}#home">Home</a>
+        </li>
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL }}#about">About</a>
+        </li>
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL }}#projects">Projects</a>
+        </li>
+        {{ if .Site.Params.contact }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL }}#contact">Contact</a>
+        </li>
+        {{ end }}
+        {{ range site.Params.customMenus }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+        </li>
+        {{ end }}
+      </ul>
+    </div>
+  </div>
+</nav>

layouts/partials/sections/v1/home.html

@@ -0,0 +1,123 @@
+{{ $backgroundImage:= "https://i.ibb.co/w4HYQcH/background.png" }}
+{{ $backimg:= "https://i.ibb.co/P5wwmWK/back.png" }}
+
+{{ if .Site.Params.custombackground }}
+{{ $backgroundImage = .Site.Params.background }}
+{{ $backimg = .Site.Params.backimg }}
+{{ end }}
+
+<section>
+  <div class="home" style="background-image: url('{{ $backgroundImage | absURL }}');">
+    <nav class="navbar navbar-expand-lg navbar-light bg-transperant">
+      <div class="container">
+        <a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
+          aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div class="collapse navbar-collapse" id="navbarNavDropdown">
+          <ul class="navbar-nav ml-auto">
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home" aria-label="home">Home</a>
+            </li>
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about" aria-label="about">About</a>
+            </li>
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects" aria-label="projects">Projects</a>
+            </li>
+            {{ if .Site.Params.contact }}
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact" aria-label="contact">Contact</a>
+            </li>
+            {{ end }}
+
+            {{ range site.Params.customMenus }}
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+            </li>
+            {{ end }}
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container">
+      <div class="row justify-content-center" id="home">
+        <div class="text-white col-lg-8">
+          <div class="name-intro">
+            Hi there, I'm
+            <h1 class="name">{{ .Site.Params.name }}</h1>
+
+            <!-- socialmedia -->
+            <div class="social">
+              {{ if .Site.Params.github }}
+              <a class="text-white" href="{{ .Site.Params.github }}" aria-label="github">
+                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 448 512">
+                  <path
+                    d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
+                </svg>
+              </a>
+              {{ end }}
+
+              {{ if .Site.Params.linkedin }}
+              <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 448 512">
+                  <path
+                    d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
+                </svg>
+              </a>
+              {{ end }}
+
+              {{ if .Site.Params.twitter }}
+              <a class="text-white" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 448 512">
+                  <path
+                    d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
+                </svg>
+              </a>
+              {{ end }}
+
+              {{ if .Site.Params.instagram }}
+              <a class="text-white" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 448 512">
+                  <path
+                    d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
+                </svg>
+              </a>
+              {{ end }}
+            </div>
+          </div>
+
+          <!-- image -->
+          <div class="row profile text-center">
+            <br>
+            <img src="{{ .Site.Params.profile | default " /images/v1/avatar.webp"}}" width="150px"
+              class="rounded-circle img-fluid" alt="{{ .Site.Params.name }}">
+          </div>
+        </div>
+
+        <div class="col-lg-3 home-content d-none d-md-block" style="background-image: url('{{ $backimg | absURL }}');">
+        </div>
+      </div>
+      <div class="row know-more ">
+        <div class="container p-3 rounded text-center">
+          <a href="#about" class="text-info">
+            know more
+            <br>
+            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor"
+              xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd"
+                d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
+            </svg>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/sections/v1/projects.html

@@ -0,0 +1,46 @@
+<section>
+    <div class="projects p-3" id="projects">
+        <div class="container">
+            <div class="project-heading text-center text-white container pb-3">Projects</div>
+            <div class="pt-5 pb-5">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="carousel-inner">
+                                <div class="carousel-item active">
+                                    <div class="row justify-content-center">
+                                        {{ range .Site.Params.projects }}
+                                        <div class="col-md-4 mb-3">
+                                            <div class="card">
+                                                <img class="img-fluid" src="{{ .image }}" alt="{{ .title }}">
+                                                <div class="card-body">
+                                                    <div class="card-title">{{ .title }}</div>
+                                                    <p class="card-text">{{ .description}}</p>
+                                                    
+                                                    {{ if .secoundarylink}}
+                                                    <a href="{{ .secoundaryurl }}" class="btn btn-info" aria-label="{{ .secoundaryurlname }}">{{ .secoundaryurlname }}</a>
+                                                    {{ end }}
+                                                    
+                                                    {{ if .sourceurl }}
+                                                    <a class="text-dark" href="{{ .sourceurl }}" aria-label="github">
+                                                        <svg width="2em" height="2em" fill="currentColor"
+                                                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+                                                            <path
+                                                                d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
+                                                        </svg>
+                                                    </a>
+                                                    {{ end }}
+                                                </div>
+                                            </div>
+                                        </div>
+                                        {{ end }}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>

layouts/partials/sections/v1/scripts.html

@@ -0,0 +1,3 @@
+<!-- javascripts -->
+<script src="/js/jquery.slim.min.js"></script>
+<script src="/js/bootstrap.min.js"></script>

layouts/partials/sections/v2/about.html

@@ -0,0 +1,133 @@
+<section>
+  <div class="about pt-4">
+    <div class="container">
+
+      <div class="row justify-content-center ">
+        <div class="col-lg-3 pt-3 text-center">
+          {{ if .Site.Params.profile_image }}
+          <img src="{{ .Site.Params.profile_image }}" width="200" height="200" alt="{{ .Site.Params.name }}" class="rounded">
+          {{ end }}
+          <div class="about-me jop font-weight-bold text-secondary">
+            {{ if .Site.Params.name }}
+            {{ .Site.Params.name }}
+            {{ end }}
+          </div>
+        </div>
+      </div>
+
+      {{ if .Site.Params.socialicontop }}
+      <div class="text-center">
+        {{ if .Site.Params.github }}
+        <span class="px-1">
+          <a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
+            <svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
+              <path
+                d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
+
+              <metadata>
+                <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+                  <rdf:Description about="https://iconscout.com/legal#licenses" dc:title="Github, Online, Project, Hosting, Square" dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
+                    dc:format="image/svg+xml" dc:language="en">
+                    <dc:creator>
+                      <rdf:Bag>
+                        <rdf:li>Font Awesome</rdf:li>
+                      </rdf:Bag>
+                    </dc:creator>
+                  </rdf:Description>
+                </rdf:RDF>
+              </metadata>
+            </svg>
+          </a>
+        </span>
+        {{ end }}
+
+        {{ if .Site.Params.linkedin }}
+        <span class="px-1">
+          <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+            <svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn" viewBox="0 0 512 512">
+              <rect width="512" height="512" fill="#0077b5" rx="15%" />
+              <circle cx="142" cy="138" r="37" />
+              <path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
+              <path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
+            </svg>
+          </a>
+        </span>
+        {{ end }}
+
+        {{ if .Site.Params.twitter }}
+        <a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+            <path fill="#03a9f4" d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
+            <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>
+        </a>
+        {{ end }}
+
+        {{ if .Site.Params.instagram }}
+        <a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+            <radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
+              <stop offset="0" stop-color="#fd5" />
+              <stop offset=".328" stop-color="#ff543f" />
+              <stop offset=".348" stop-color="#fc5245" />
+              <stop offset=".504" stop-color="#e64771" />
+              <stop offset=".643" stop-color="#d53e91" />
+              <stop offset=".761" stop-color="#cc39a4" />
+              <stop offset=".841" stop-color="#c837ab" />
+            </radialGradient>
+            <path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
+              d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+            <radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
+              <stop offset="0" stop-color="#4168c9" />
+              <stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
+            </radialGradient>
+            <path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
+              d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+            <path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5	s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
+            <circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
+            <path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12	C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
+          </svg>
+        </a>
+        {{ end }}
+
+        {{ if .Site.Params.facebook }}
+        <a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+            <path fill="#3F51B5" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
+            <path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
+          </svg>
+        </a>
+        {{ end }}
+      </div>
+      {{ end }}
+
+      <div class="row justify-content-center ">
+        <div class="col-md-8 text-center">
+          <div class="about-content text-dark p-3">
+            {{ if .Site.Params.descripe_l1_person }}
+            {{ .Site.Params.descripe_l1_person | markdownify }}
+            {{ end }}
+
+            {{ if .Site.Params.descripe_l2_person }}
+            <br><br>
+            {{ .Site.Params.descripe_l2_person | markdownify }}
+            {{ end }}
+          </div>
+          <div class="social px-3 text-center pb-4">
+            {{ if .Site.Params.useresume }}
+            <a href={{ .Site.Params.resumelink | default "#" }} class="btn btn-outline-danger" role="button" aria-pressed="true">
+              {{ if .Site.Params.customname }}
+              {{ .Site.Params.customname }}
+              {{ else }}
+              Resume
+              {{ end }}
+
+            </a>
+            {{ end }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/sections/v2/do_things.html

@@ -0,0 +1,45 @@
+{{ if .Site.Params.usedothings }}
+<section>
+  <div class="do-things text-center" id="do-things">
+    <div class="container">
+      <div class="things-i-do text-primary py-3 font-weight-bold">
+        Things I do
+      </div>
+
+      <div class="do-things-card">
+        <div class="row pb-2 justify-content-center">
+          {{ range .Site.Params.Things }}
+          {{ if .url }}
+          <div class="col-lg-3 col-md-4">
+            <a id="nothing" href={{ .url | default "#" }} class="">
+              <div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
+                <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
+                <div class="p-2 font-weight-bold">
+                  {{ .title }}
+                </div>
+                <div class="py-4 things-text">
+                  {{ .description }}
+                </div>
+              </div>
+            </a>
+          </div>
+          {{ else }}
+          <div class="col-lg-3 col-md-4">
+            <div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
+              <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
+              <div class="p-2 font-weight-bold">
+                {{ .title }}
+              </div>
+              <div class="py-4 things-text">
+                {{ .description }}
+              </div>
+            </div>
+          </div>
+          {{ end }}
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}

layouts/partials/sections/v2/footer.html

@@ -0,0 +1,144 @@
+<footer>
+  <!-- recent posts -->
+  <div class="news container py-3">
+    {{ if .Site.Params.recentposts }}
+    <div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div>
+    <div class="row justify-content-center">
+      {{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
+      <div class="col-lg-4 col-md-6 pt-2">
+        <a href="{{ .RelPermalink }}" class="post-card-link">
+          <div class="card px-2 h-100">
+            <div class="card-head py-3">
+              <h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
+              <p class="card-text px-2"> {{ .Summary | truncate 300}}</p>
+            </div>
+            <div class="mt-auto card-footer">
+              <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+              <a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
+            </div>
+          </div>
+        </a>
+      </div>
+      {{ end }}
+    </div>
+    {{ end }}
+  </div>
+  {{ if .Site.Params.socialiconfooter }}
+
+  <div class="text-center">
+    {{ if .Site.Params.github }}
+    <span class="px-1">
+      <a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
+        <svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
+          <path
+            d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
+
+          <metadata>
+            <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+              xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+              <rdf:Description about="https://iconscout.com/legal#licenses"
+                dc:title="Github, Online, Project, Hosting, Square"
+                dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
+                dc:format="image/svg+xml" dc:language="en">
+                <dc:creator>
+                  <rdf:Bag>
+                    <rdf:li>Font Awesome</rdf:li>
+                  </rdf:Bag>
+                </dc:creator>
+              </rdf:Description>
+            </rdf:RDF>
+          </metadata>
+        </svg>
+      </a>
+    </span>
+    {{ end }}
+
+    {{ if .Site.Params.linkedin }}
+    <span class="px-1">
+      <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+        <svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
+          viewBox="0 0 512 512">
+          <rect width="512" height="512" fill="#0077b5" rx="15%" />
+          <circle cx="142" cy="138" r="37" />
+          <path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
+          <path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
+        </svg>
+      </a>
+    </span>
+    {{ end }}
+
+    {{ if .Site.Params.twitter }}
+    <a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <path fill="#03a9f4"
+          d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
+        <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>
+    </a>
+    {{ end }}
+
+    {{ if .Site.Params.instagram }}
+    <a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
+          <stop offset="0" stop-color="#fd5" />
+          <stop offset=".328" stop-color="#ff543f" />
+          <stop offset=".348" stop-color="#fc5245" />
+          <stop offset=".504" stop-color="#e64771" />
+          <stop offset=".643" stop-color="#d53e91" />
+          <stop offset=".761" stop-color="#cc39a4" />
+          <stop offset=".841" stop-color="#c837ab" />
+        </radialGradient>
+        <path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
+          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+        <radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
+          gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
+          <stop offset="0" stop-color="#4168c9" />
+          <stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
+        </radialGradient>
+        <path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
+          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+        <path fill="#fff"
+          d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5	s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
+        <circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
+        <path fill="#fff"
+          d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12	C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
+      </svg>
+    </a>
+    {{ end }}
+
+    {{ if .Site.Params.facebook }}
+    <a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <path fill="#3F51B5"
+          d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
+        <path fill="#FFF"
+          d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
+      </svg>
+    </a>
+    {{ end }}
+  </div>
+  {{ end }}
+  <div class="container bg-transparent py-4">
+    <div class="row justify-content-center">
+      <div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
+        <div class="pb-2">
+          <a href="{{ .Site.BaseURL }}">
+            <img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
+              width="40px">
+          </a>
+        </div>
+        &copy; {{ .Site.Params.copyright }} All Rights Reserved
+        <div class="text-secondary">
+          <div>
+            Made with &#10084; 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>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>

layouts/partials/sections/v2/head.html

@@ -0,0 +1,10 @@
+<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">
+
+<!-- stylesheets -->
+<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
+<link rel="stylesheet" href="/css/all.min.css" media="all">
+<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
+<link rel="stylesheet" href="/css/v2/v2.css" media="all">

layouts/partials/sections/v2/header.html

@@ -0,0 +1,26 @@
+<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
+	<div class="container">
+		<a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
+			{{ if .Site.Params.favicon }}
+			<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
+			{{ .Site.Title }}
+			{{ else }}
+			{{ .Site.Title }}
+			{{ end }}
+		</a>
+		<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
+			aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+			<span class="navbar-toggler-icon"></span>
+		</button>
+
+		<div class="collapse navbar-collapse" id="navbarNavDropdown">
+			<ul class="navbar-nav ml-auto text-center">
+				{{ range site.Params.customMenus }}
+				<li class="nav-item  navbar-text">
+					<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+				</li>
+				{{ end }}
+			</ul>
+		</div>
+	</div>
+</nav>

layouts/partials/sections/v2/scripts.html

@@ -0,0 +1,3 @@
+<!-- javascripts -->
+<script src="/js/jquery.slim.min.js"></script>
+<script src="/js/bootstrap.min.js"></script>

layouts/partials/sections/v3/about.html

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

layouts/partials/sections/v3/achievements.html

@@ -0,0 +1,23 @@
+{{ $img:= "./images/v1/background.png" }}
+
+<section id="achievements" class="py-5 achievements-backdark achievements-back">
+  <div class="container-fluid">
+    <div class="text-dark text-center h3">Achievements</div>
+    <div class="row justify-content-center py-3 mx-2">
+      {{ range .Site.Params.achievements }}
+      {{ if .img }}
+      {{ $img = .img }}
+      {{ end }}
+      <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 }}
+    </div>
+  </div>
+</section>

layouts/partials/sections/v3/contact.html

@@ -0,0 +1,17 @@
+<section id="contact">
+  <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">{{ .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
+          </a>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/sections/v3/experience.html

@@ -0,0 +1,83 @@
+<section id="experience">
+  <div class="container-fluid pt-5">
+    <div class="text-dark text-center h3">Experience</div>
+
+    <div class="row justify-content-center py-md-5">
+      <div class="d-md-none d-lg-none d-sm-block">
+        <ol class="ex-ol pl-5 pr-3">
+          {{ range .Site.Params.experience }}
+          <li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+            <h4 class="text-muted">
+              <span class="text-primary">{{ .company }}</span> - {{ .role }}
+            </h4>
+            <div>
+              <small>{{ .startdate}}</small>
+              -
+              <small>{{ .enddate }}</small>
+            </div>
+            <ul class="py-2 ex-ol-ul">
+              {{ range .featuredpoints }}
+              <li class="ex-ol-item">{{ .point }}</li>
+              {{ end }}
+            </ul>
+          </li>
+          {{ end }}
+        </ol>
+      </div>
+
+      <div id="nav-pills-out" class="d-none d-md-block nav flex-column nav-pills col-md-2" id="v-pills-tab"
+        role="tablist" aria-orientation="vertical">
+        {{ range $index, $element := .Site.Params.experience }}
+        {{ if (eq $index 0) }}
+        <a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
+          aria-controls="{{ .company }}" aria-selected="true">
+          {{ .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 }}
+      </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) }}
+        <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 }}
+          </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">
+            <span class="text-primary">{{ .company }}</span> - {{ .role }}
+          </div>
+          <div>
+            <small>{{ .startdate }}</small>
+            -
+            <small>{{ .enddate }}</small>
+          </div>
+          <ul class="py-2 ex">
+            {{ range .featuredpoints }}
+            <li class="ex-item">{{ .point }}</li>
+            {{ end }}
+          </ul>
+        </div>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/sections/v3/footer.html

@@ -0,0 +1,142 @@
+<footer>
+  <!-- recent posts -->
+  <div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
+    {{ if .Site.Params.recentposts }}
+    <div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
+    <div class="row justify-content-center">
+      {{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
+      <div class="col-lg-4 col-md-6 pt-2">
+        <a href="{{ .RelPermalink }}" class="post-card-link">
+          <div class="card h-100">
+            <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>
+            <div class="mt-auto card-footer">
+              <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+              <a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
+            </div>
+          </div>
+        </a>
+      </div>
+      {{ end }}
+    </div>
+    {{ end }}
+  </div>
+  {{ if .Site.Params.socialiconfooter }}
+
+  <div class="text-center">
+    {{ if .Site.Params.github }}
+    <span class="px-1">
+      <a class="text-dark text-decoration-none" href="{{ .Site.Params.github }}" aria-label="github">
+        <svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
+          <path
+            d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
+
+          <metadata>
+            <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+              xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+              <rdf:Description about="https://iconscout.com/legal#licenses"
+                dc:title="Github, Online, Project, Hosting, Square"
+                dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
+                dc:format="image/svg+xml" dc:language="en">
+                <dc:creator>
+                  <rdf:Bag>
+                    <rdf:li>Font Awesome</rdf:li>
+                  </rdf:Bag>
+                </dc:creator>
+              </rdf:Description>
+            </rdf:RDF>
+          </metadata>
+        </svg>
+      </a>
+    </span>
+    {{ end }}
+
+    {{ if .Site.Params.linkedin }}
+    <span class="px-1">
+      <a class="text-white text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+        <svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
+          viewBox="0 0 512 512">
+          <rect width="512" height="512" fill="#0077b5" rx="15%" />
+          <circle cx="142" cy="138" r="37" />
+          <path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
+          <path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
+        </svg>
+      </a>
+    </span>
+    {{ end }}
+
+    {{ if .Site.Params.twitter }}
+    <a class="text-info text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <path fill="#03a9f4"
+          d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
+        <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>
+    </a>
+    {{ end }}
+
+    {{ if .Site.Params.instagram }}
+    <a class="text-danger text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
+          <stop offset="0" stop-color="#fd5" />
+          <stop offset=".328" stop-color="#ff543f" />
+          <stop offset=".348" stop-color="#fc5245" />
+          <stop offset=".504" stop-color="#e64771" />
+          <stop offset=".643" stop-color="#d53e91" />
+          <stop offset=".761" stop-color="#cc39a4" />
+          <stop offset=".841" stop-color="#c837ab" />
+        </radialGradient>
+        <path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
+          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+        <radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
+          gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
+          <stop offset="0" stop-color="#4168c9" />
+          <stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
+        </radialGradient>
+        <path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
+          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+        <path fill="#fff"
+          d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5	s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
+        <circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
+        <path fill="#fff"
+          d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12	C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
+      </svg>
+    </a>
+    {{ end }}
+
+    {{ if .Site.Params.facebook }}
+    <a class="text-info text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <path fill="#3F51B5"
+          d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
+        <path fill="#FFF"
+          d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
+      </svg>
+    </a>
+    {{ end }}
+  </div>
+  {{ end }}
+  <div class="container bg-transparent py-4">
+    <div class="row justify-content-center">
+      <div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
+        <div class="pb-2">
+          <a href="{{ .Site.BaseURL }}">
+            <img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
+              width="40px">
+          </a>
+        </div>
+        &copy; {{ dateFormat "2006" now }} All Rights Reserved
+        <div>
+          Made with &#10084; 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>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>

layouts/partials/sections/v3/head.html

@@ -0,0 +1,29 @@
+<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">
+
+<!-- stylesheets -->
+<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
+<link rel="stylesheet" href="/css/all.min.css" media="all">
+<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
+<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
+
+<style>
+    html {
+        scrollbar-width: thin;
+        scrollbar-color: #6c757d transparent;
+    }
+
+    ::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: #6c757d;
+    }
+</style>

layouts/partials/sections/v3/home.html

@@ -0,0 +1,67 @@
+<div class="container-fluid home">
+  <div class="pt-5 pb-3 pt-md-0">
+    <div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
+      data-aos-duration="1000">
+      <div class="col-md-7 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"
+            data-aos-once="true" data-aos-duration="900">
+            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">
+            {{ .Site.Params.name }}
+          </h1>
+          <h5 class="text-muted pro-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
+            data-aos-duration="900" data-aos-once="true">
+            {{ .Site.Params.profession }}
+          </h5>
+        </div>
+        <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 }}
+          <a href="{{ .Site.Params.github }}" class="social-icon">
+            <i class="fab fa-lg fa-github"></i>
+          </a>
+          <span class="px-1"></span>
+          {{ end }}
+
+          {{ if .Site.Params.twitter }}
+          <a href="{{ .Site.Params.twitter }}" class="social-icon">
+            <i class="fab fa-lg fa-twitter"></i>
+          </a>
+          <span class="px-1"></span>
+          {{ end }}
+
+          {{ if .Site.Params.linkedin }}
+          <a href="{{ .Site.Params.linkedin }}" class="social-icon">
+            <i class="fab fa-lg fa-linkedin"></i>
+          </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>
+          </a>
+          {{ end }}
+        </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">
+            About me
+          </a>
+        </div>
+
+      </div>
+      <div class="col-md-5 text-center pt-2 pt-md-0 position-relative">
+        {{ if .Site.Params.profile_image }}
+        <img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true" data-aos-duration="1000"
+          src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
+        {{ end }}
+      </div>
+
+    </div>
+  </div>
+</div>

layouts/partials/sections/v3/navbar.html

@@ -0,0 +1,84 @@
+<div class="container">
+  <nav class="pt-3 navbar navbar-expand-lg navbar-light" data-aos="fade-down" data-aos-easing="linear"
+    data-aos-duration="500">
+    <a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
+      {{ if .Site.Params.favicon }}
+      <img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
+      {{ .Site.Title }}
+      {{ else }}
+      {{ .Site.Title }}
+      {{ end }}
+    </a>
+
+
+    <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
+      aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarNavDropdown">
+      <ul class="navbar-nav ml-auto text-center">
+
+        {{ if .Site.Params.disable_about }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_experience }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#experience"
+            aria-label="experience">Experience</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_education }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#education"
+            aria-label="education">Education</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_projects }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_achievements }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
+            aria-label="achievements">Achievements</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_contact }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
+        </li>
+        {{ end }}
+
+        {{ range site.Params.customMenus }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+        </li>
+        {{ end }}
+        <li class="nav-item navbar-text">
+          <div class="custom-control custom-switch">
+            <input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
+            <label class="pt-2 darkmode-label" for="customSwitch1" style="cursor: pointer;">
+              <i class="fas fa-lg fa-moon"></i>
+              <i class="fas fa-lg fa-sun d-none text-warning"></i>
+            </label>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</div>

layouts/partials/sections/v3/projects.html

@@ -0,0 +1,106 @@
+<section id="projects">
+  <div class="container-fluid py-5">
+    <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 }}" />
+          </div>
+          <div class="col-md-6 content-pro p-3 bg-light">
+            <div class="content-pro-top">
+              <h2>{{ .Title }}</h2>
+              <p class="card-text pt-2">{{ .Params.description }}</p>
+            </div>
+            <span class="float-right">
+              {{ if .Params.featured }}
+              <a href="{{ .Params.featured }}" class="px-1">
+                <i class="fas text-info fa-link"></i>
+              </a>
+              {{ end }} {{ if .Params.github }}
+              <a href="{{ .Params.github }}" class="px-1 pr-2">
+                <i class="fab text-dark fa-lg fa-github pro-github"></i>
+              </a>
+              {{ end }}
+              <a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
+                Know more...
+              </a>
+            </span>
+          </div>
+        </div>
+      </div>
+      {{ end }} {{ 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 }}" />
+          </div>
+          <div class="col-md-6 content-pro p-3 bg-light">
+            <div class="content-pro-top">
+              <h2>{{ .name }}</h2>
+              <p class="card-text pt-2">{{ .description }}</p>
+            </div>
+            <span class="float-right">
+              {{ if .featuredlink }}
+              <a href="{{ .featuredlink }}" class="px-1">
+                <i class="fas text-info fa-link"></i>
+              </a>
+              {{ end }} {{ if .githublink }}
+              <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>
+      </div>
+      {{ end }}
+    </div>
+  </div>
+</section>
+
+<!--
+  {{ range ( where .Site.RegularPages "Type" "project" ) }}
+  <div class="col-md-5 py-2">
+    <div class="pb-2">
+      <div class="card border-r border-0 shadow h-100 m-2">
+        <a class="text-decoration-none" target="_blank" href="{{ .Permalink }}">
+          <img src='{{ .Params.img }}' class="card-img-top" height="250" alt="{{ .Title }}">
+        </a>
+        <div class="card-body pt-2 ">
+          <h2>{{ .Title }}</h2>
+          <p class="card-text pt-2">
+            <span class="">
+              Build your website with “Hugo” comment Go to the terminal and type “hugo” …
+            </span>
+
+          </p>
+          <span class="float-right">
+            {{ if .Params.featured }}
+            <a href="{{ .Params.featured }}" class="px-1">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+                <path
+                  d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm10 12c0 .685-.07 1.354-.202 2h-3.853c.121-1.283.129-2.621 0-4h3.853c.132.646.202 1.315.202 2zm-.841-4h-3.5c-.383-1.96-1.052-3.751-1.948-5.278 2.435.977 4.397 2.882 5.448 5.278zm-5.554 0h-2.605v-5.658c1.215 1.46 2.117 3.41 2.605 5.658zm-4.605-5.658v5.658h-2.605c.488-2.248 1.39-4.198 2.605-5.658zm0 7.658v4h-2.93c-.146-1.421-.146-2.577 0-4h2.93zm0 6v5.658c-1.215-1.46-2.117-3.41-2.605-5.658h2.605zm2 5.658v-5.658h2.605c-.488 2.248-1.39 4.198-2.605 5.658zm0-7.658v-4h2.93c.146 1.421.146 2.577 0 4h-2.93zm-4.711-11.278c-.896 1.527-1.565 3.318-1.948 5.278h-3.5c1.051-2.396 3.013-4.301 5.448-5.278zm-6.087 7.278h3.853c-.121 1.283-.129 2.621 0 4h-3.853c-.132-.646-.202-1.315-.202-2s.07-1.354.202-2zm.639 6h3.5c.383 1.96 1.052 3.751 1.948 5.278-2.435-.977-4.397-2.882-5.448-5.278zm12.87 5.278c.896-1.527 1.565-3.318 1.948-5.278h3.5c-1.051 2.396-3.013 4.301-5.448 5.278z" />
+              </svg>
+            </a>
+            {{ end }}
+            {{ if .Params.github }}
+            <a href="{{ .Params.github }}" class="px-1 pr-2">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+                <path
+                  d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+              </svg>
+            </a>
+            {{ end }}
+            <a class="btn btn-sm btn-outline-info" target="_blank" href="{{ .Permalink }}">Read
+              more...</a>
+          </span>
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+  {{ end }}
+-->

layouts/partials/sections/v3/scripts.html

@@ -0,0 +1,3 @@
+<!-- javascripts -->
+<script src="/js/jquery.slim.min.js"></script>
+<script src="/js/bootstrap.min.js"></script>

netlify.toml

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

project/index.xml

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Projects on Hugo-profile</title><link>https://hugo-profile.netlify.app/project/</link><description>Recent content in Projects on Hugo-profile</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Tue, 04 May 2021 11:30:13 +0530</lastBuildDate><atom:link href="https://hugo-profile.netlify.app/project/index.xml" rel="self" type="application/rss+xml"/><item><title>Example project with details</title><link>https://hugo-profile.netlify.app/project/example/</link><pubDate>Tue, 04 May 2021 11:30:13 +0530</pubDate><guid>https://hugo-profile.netlify.app/project/example/</guid><description/></item></channel></rss>

project/page/1/index.html

@@ -1 +0,0 @@
-<!doctype html><html><head><title>https://hugo-profile.netlify.app/project/</title><link rel=canonical href=https://hugo-profile.netlify.app/project/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://hugo-profile.netlify.app/project/"></head></html>

sitemap.xml

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://hugo-profile.netlify.app/project/example/</loc><lastmod>2021-05-04T11:30:13+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/</loc><lastmod>2021-05-04T11:30:13+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/project/</loc><lastmod>2021-05-04T11:30:13+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/blog/</loc><lastmod>2021-04-03T23:29:21+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/blog/markdown-syntax/</loc><lastmod>2021-04-03T23:29:21+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/tags/markdown-syntax/</loc><lastmod>2021-04-03T23:29:21+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/tags/</loc><lastmod>2021-04-03T23:29:21+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/blog/emoji-support/</loc><lastmod>2021-04-03T22:53:58+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/tags/emoji-support/</loc><lastmod>2021-04-03T22:53:58+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/blog/placeholder-text/</loc><lastmod>2021-04-03T22:41:10+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/tags/placeholder-text/</loc><lastmod>2021-04-03T22:41:10+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/blog/rich-content/</loc><lastmod>2021-04-03T19:53:33+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/tags/rich-content/</loc><lastmod>2021-04-03T19:53:33+05:30</lastmod></url><url><loc>https://hugo-profile.netlify.app/categories/</loc></url></urlset>

static/css/v3/darkmode.css

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

static/css/v3/navbar-footer.css

@@ -9,9 +9,6 @@
 .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: 300px;
+  height: 250px;
   width: 100%;
   border-radius: 0.5rem !important;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
 .content-pro {
-  height: 300px;
+  height: 250px;
   background-color: #e5e4e2 !important;
   border-top-right-radius: 0.5rem !important;
   border-bottom-right-radius: 0.5rem !important;
@@ -176,11 +176,9 @@ 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;
@@ -205,9 +203,13 @@ 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;
@@ -220,6 +222,8 @@ a:hover {
   left: 0px;
   color: #007bff;
 }
+.tab-pane {
+}
 .ex {
   list-style-type: none;
 }