option to customize search placeholder

clean up code

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: gurusabarish # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: gurusabarish # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: ['https://www.buymeacoffee.com/gurusabarish'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.github/workflows/deploy.yml

@@ -1,36 +0,0 @@
-name: Deployment
-
-on:
-  push:
-    branches:
-    - master
-  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

.gitignore

@@ -16,4 +16,4 @@ hugo.darwin
 hugo.linux
 
 # Temporary lock file while building
-/.hugo_build.lock
+.hugo_build.lock

README.md

@@ -1,99 +1,84 @@
-<div align="center">
+# Hugo Profile | [Wiki Page](https://github.com/gurusabarish/hugo-profile/wiki)
-  
-# 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
 
-### Credit
+- Example Site: [hugo-profile.netlify.app](https://hugo-profile.netlify.app)
 
-I spent an amount of effort building this template. It's always disheartening whenever I find that someone use this template without giving me credit. Please, give me proper credit in footer.
+# Features
+- Fully Responsive
+- Minimalist Design
+- SEO Friendly.
+- Light/Dark/auto
+- Taxonomies
+- [Color customization](https://github.com/gurusabarish/hugo-profile/wiki/Color-Customization)
+- Analytics Support 
+  - [Google Analytics](https://gohugo.io/templates/internal/#google-analytics)
+- Comment Support
+  - [Disqus](https://gohugo.io/content-management/comments/)
+- Integration with [FormSpree](https://formspree.io/) for submitting "Contact me" form
 
-### Demo
+Technology used: Bootstrap, fontawesome 
 
-- [Live demo V1](https://hugo-profile-1.netlify.app)
+# Requirements
-- [Live demo V2](https://hugo-profile-2.netlify.app)
+- Hugo Version 0.87.0 or higher
-- [Live demo V3 (latest)](https://hugo-profile.netlify.app)
-- [Github pages demo](https://gurusabarish.github.io/hugo-profile)
 
-## Requirements
 
-- Hugo Version 0.68.0 or higher
+# How to use this template
 
-## How to use this template
+- [Hugo theme](#Hugo-theme)
-
-- [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
+[For more details](https://github.com/gurusabarish/hugo-profile/wiki)
+## Hugo theme
 
 - Install Hugo and create a site using `hugo new site my-site -f=yaml`
-- Clone this repo inside your themes folder and create config.yaml (_I am not much aware about toml. So, I am using yaml format._) inside root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
+- Clone this repo inside your themes folder
-
 ```
 cd themes
 git clone https://github.com/gurusabarish/hugo-profile.git
 ```
-
+- Create config.yaml (you can use `config.toml` too) inside root folder 
+- Setup the configurations in `config.yaml`. [reference](https://github.com/gurusabarish/hugo-profile/blob/master/exampleSite/config.yaml)
 - You should have the mentioned (_inside the config file_) images in static folder to use them.
 
-### Local Development
+For more details: [Hugo's official docs](https://gohugo.io/getting-started/quick-start/), [content management](https://www.mikedane.com/static-site-generators/hugo/content-organization/)
 
-- Install hugo and just clone this repo
+## Direct deployment using netlify
-
-```
-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.
+- whenever you customize the files exampleSite folder, netlify will automatically deploy your changes.
 
-**[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
+For more details: [host on netlify](https://gohugo.io/hosting-and-deployment/hosting-on-netlify/), [content management](https://www.mikedane.com/static-site-generators/hugo/content-organization/)
 
-### Direct deployment using Github Pages and action
+# Deployment
-
-- 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.
-- When using your own domain create a file in the static dir called `CNAME' and put your domain in it.
-- If you clone the repo locally, you can veiw the local change with `hugo  --gc --minify --themesDir . serve` from within the website dir.
-
-## Deployment
 
 Run `hugo`. It will generate a folder called public. You can use the files inside public folder for deployment. You should delete the public folder for each time when you are using `hugo` commend.
 
-## Issues
+# 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
+# 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
+# License
 
 Licensed under [MIT](LICENSE)
 
-## 🤝 Support
+# 🤝 Support
 
-Give a ⭐️ if you like this project!
+Give a ⭐️ or buy me a ~`coffee`~ tea if you like this project!
+
+[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/Q5Q7BFFGU)
 
 <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

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

archetypes/v1.md

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

archetypes/v2.md

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

archetypes/v3.md

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

exampleSite/config.yaml

@@ -0,0 +1,391 @@
+baseURL: "https://hugo-profile.netlify.app"
+languageCode: "en-us"
+title: "Hugo Profile"
+theme: hugo-profile
+
+outputs:
+  home:
+    - "HTML"
+    - "RSS"
+    - "JSON"
+  page:
+    - "HTML"
+    - "RSS"
+
+Paginate: 3
+enableRobotsTXT: true
+# disqusShortname: your-disqus-shortname
+# googleAnalytics: G-MEASUREMENT_ID
+
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
+
+Menus:
+  main:
+    - identifier: blog
+      name: Blog
+      title: Blog posts
+      url: /blogs
+      weight: 1
+    - identifier: gallery
+      name: Gallery
+      title: Blog posts
+      url: /gallery
+      weight: 2
+    #Dropdown menu
+    # - identifier: dropdown
+    #   title: Example dropdown menu
+    #   name: Dropdown
+    #   weight: 3
+    # - identifier: dropdown1
+    #   title: example dropdown 1
+    #   name: example 1
+    #   url: /#
+    #   parent: dropdown
+    #   weight: 1
+    # - identifier: dropdown2
+    #   title: example dropdown 2
+    #   name: example 2
+    #   url: /#
+    #   parent: dropdown
+    #   weight: 2
+
+params:
+  title: "Hugo Profile"
+  description: Text about my cool site
+  # staticPath: ""  # The path to serve the static files from
+  favicon: "/fav.png"
+
+  # Whether to serve bootstrap css and js files from CDN or not. Can be set to true, "css" or "js" to choose between
+  # serving both, only the css, or only the js files through the CDN. Any other value will make so that CDN is not used.
+  # Note the lack of "" in true, it should be of boolean type.
+  useBootstrapCDN: false
+
+  # If you want to load dynamically responsive images from Cloudinary
+  # This requires your images to be uploaded + hosted on Cloudinary
+  # Uncomment and change YOUR_CLOUD_NAME to the Cloud Name in your Cloudinary console
+  # cloudinary_cloud_name: "YOUR_CLOUD_NAME"
+
+  # Whether the fade animations on the home page will be enabled
+  animate: true
+
+  theme:
+    # disableThemeToggle: true
+    # defaultTheme: "light" # dark
+
+  font:
+    fontSize: 1rem # default: 1rem
+    fontWeight: 400 # default: 400
+    lineHeight: 1.5 # default: 1.5
+    textAlign: left # default: left
+
+  # color preference
+  # color:
+  #   textColor:
+  #   secondaryTextColor:
+  #   backgroundColor:
+  #   secondaryBackgroundColor:
+  #   primaryColor:
+  #   secondaryColor:
+
+  #   darkmode:
+  #     textColor:
+  #     secondaryTextColor:
+  #     backgroundColor:
+  #     secondaryBackgroundColor:
+  #     primaryColor:
+  #     secondaryColor:
+
+  # If you want to customize the menu, you can change it here
+  navbar:
+    align: ms-auto # Left: ms-auto | center: mx-auto | right: me-auto | Default: ms-auto
+    # brandLogo: "/logo.png" # Logo for the brand | default is the favicon variable
+    # showBrandLogo: false # Show brand logo in nav bar | default is true
+    brandName: "Hugo Profile" # Brand name for the brand | default is the title variable
+    disableSearch: false
+    # searchPlaceholder: "Search"
+    menus:
+      disableAbout: false
+      disableExperience: false
+      disableEducation: false
+      disableProjects: false
+      disableAchievements: false
+      disableContact: false
+
+  # Hero
+  hero:
+    enable: true
+    intro: "Hi, my name is"
+    title: "Isabella."
+    subtitle: "I build things for the web"
+    content: "A passionate web app developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
+    image: /images/hero.svg
+    bottomImage:
+      enable: true
+    # roundImage: true # Make hero image circular | default false
+    button:
+      enable: true
+      name: "Resume"
+      url: "#"
+      download: true
+      newPage: false
+    socialLinks:
+      fontAwesomeIcons:
+        - icon: fab fa-github
+          url: https://example.com
+        - icon: fab fa-twitter
+          url: https://example.com
+      customIcons:
+        - icon: /fav.png
+          url: "https://example.com"
+
+  # About
+  about:
+    enable: true
+    title: "About Me"
+    image: "/images/me.png"
+    content: |-
+      I am a software developer with a passion for web development. I have a background in computer science and mathematics, and I have a strong interest in the intersection of technology and art. I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. 
+
+      I am currently working on a project that will be used to help people find the best way to get around the city.
+    skills:
+      enable: true
+      title: "Here are a few technologies I've been working with recently:"
+      items:
+        - "HTML"
+        - "CSS"
+        - "JavaScript"
+        - "React"
+        - "Node"
+        - "Express"
+
+  # Experience
+  experience:
+    enable: true
+    # title: "Custom Name"
+    items:
+      - job: "Senior Software Developer"
+        company: "Facebook"
+        companyUrl: "https://example.com"
+        date: "Jan 2022 - present"
+        featuredLink:
+          enable: true
+          name: "View the project"
+          url: "https://example.com"
+        content: "I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city."
+
+      - job: "Software Developer"
+        company: "Amazon"
+        companyUrl: "https://example.com"
+        date: "Sep 2020 - Dec 2021"
+        featuredLink:
+          enable: true
+          url: "https://example.com"
+        info:
+          enable: true
+          content: I worked as a software developer for more than one year in Amazon.
+        content: |
+          I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
+
+          - Lead backend developer for a product.
+          - Created a frontend design for a product.
+
+      - job: "Junior Software Developer"
+        company: "Apple"
+        companyUrl: "https://example.com"
+        date: "Jan 2020 - Aug 2020"
+        info:
+          enable: false
+        featuredLink:
+          enable: true
+          url: "https://example.com"
+        content: |
+          I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
+
+          - Lead backend developer for a product.
+          - Created a frontend design for a product.
+
+      - job: "UI/UX Designer"
+        company: "Netflix"
+        companyUrl: "https://example.com"
+        date: "June 2017 - Nov 2019"
+        featuredLink:
+          enable: true
+          url: "https://example.com"
+        content: |
+          I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
+
+          - Lead backend developer for a product.
+          - Created a frontend design for a product.
+
+      - job: "Product Designer"
+        company: "Google"
+        companyUrl: "https://example.com"
+        date: "Feb 2016 - Mar 2017"
+        content: "I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city."
+
+  # Education
+  education:
+    enable: true
+    # title: "Custom Name"
+    index: false
+    items:
+      - title: "Master of Business Administration"
+        school:
+          name: "University of California, Berkeley"
+          url: "https://example.org"
+        date: "2013 - 2015"
+        GPA: "3.8 out of 5.0"
+        content: |-
+          Extracurricular Activities
+            - Lorem ipsum dolor sit amet consectetur adipisicing elit. 
+            - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.
+      - title: "Bachelor of Science in Computer Science"
+        school:
+          name: "Massachusetts Institute of Technology"
+          url: "https://example.org"
+        date: "2009 - 2013"
+        GPA: "3.9 out of 5.0"
+        content: |-
+          I Publiced two papers in the ACM SIGCHI Conference on Artificial Intelligence.
+          - [Fast and Accurate Object Detection with a Single Convolutional Neural Network](https://example.com)
+          - Face mask detection using a single convolutional neural network.
+
+          Extracurricular Activities
+            - Lorem ipsum dolor sit amet consectetur adipisicing elit. 
+            - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.
+        featuredLink:
+          enable: true
+          name: "My academic record"
+          url: "https://example.com"
+      - title: "High School"
+        school:
+          name: "Thomas Jefferson High School for Science and Technology."
+          url: "https://example.org"
+        GPA: "4.2 out of 5.0"
+        featuredLink:
+          enable: true
+          url: "https://example.com"
+
+  # Achievements
+  achievements:
+    enable: true
+    # title: "Custom Name"
+    items:
+      - title: Google kickstart runner
+        content: I solved all problems with optimal solution.
+        url: https://example.com
+      - title: Facebook Hackathon Winner
+        content: Developed a product using Artificial Intelligence.
+      - title: Hugo Profile
+        content: Developed a theme and getting 1K+ downloads per month.
+        url: "https://github.com/gurusabarish/hugo-profile"
+      - title: Microsoft Imagine Runner
+        content: We are developed a product which can help others.
+      - title: Google Summer of Code
+        content: Contributed to a open source project.
+        url: https://example.com
+
+  # projects
+  projects:
+    enable: true
+    # title: "Custom Name"
+    items:
+      - title: Hugo Profile
+        content: A highly customizable and mobile first Hugo template for personal portfolio and blog.
+        image: /images/projects/profile.png
+        featured:
+          name: Demo
+          link: https://hugo-profile.netlify.app
+        badges:
+          - "Hugo"
+          - "Bootstrap"
+          - "Javascript"
+        links:
+          - icon: fa fa-envelope
+            url: mailto:?subject=Hugo%20Profile%20Template&body=Check%20it%20out:%20https%3a%2f%2fhugo-profile.netlify.app%2fblog%2fmarkdown-syntax%2f
+          - icon: fab fa-github
+            url: https://github.com/gurusabarish/hugo-profile
+          - icon: fab fa-twitter
+            url: https://twitter.com/intent/tweet?text=Check+it+out:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile
+
+      - title: Image Converter
+        content: A web app to convert image to pdf, png to jpg, png to jpg and png to webp without database using django.
+        image: /images/projects/converter.jpg
+        featured:
+          name: Demo
+          link: https://django-converter.herokuapp.com
+        badges:
+          - "Django"
+          - "Bootstrap"
+        links:
+          - icon: fab fa-github
+            url: https://github.com/gurusabarish/converter
+
+      - title: Hugo Profile V2
+        content: A clean and simple Hugo template for personal portfolio and blog.
+        image: /images/projects/profile2.jpg
+        featured:
+          name: Demo V2
+          link: https://hugo-profile-2.netlify.app
+        badges:
+          - "Hugo"
+          - "Bootstrap"
+          - "Javascript"
+        links:
+          - icon: fab fa-github
+            url: https://github.com/gurusabarish/HugoProfileV2
+
+  #Contact
+  contact:
+    enable: true
+    # title: "Custom Name"
+    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: gurusabarisha@gmail.com
+    btnName: Mail me
+    # formspree:
+    #   enable: true # `contact.email` value will be ignored
+    #   formId: abcdefgh # Take it from your form's endpoint, like 'https://formspree.io/f/abcdefgh'
+    #   emailCaption: "Enter your email address"
+    #   messageCaption: "Enter your message here"
+
+  footer:
+    recentPosts:
+      path: "blogs"
+      count: 3
+      title: Recent Posts
+      enable: true
+      disableFeaturedImage: false
+    socialNetworks:
+      github: https://github.com
+      linkedin: https://linkedin.com
+      twitter: https://twitter.com
+      instagram: https://instagram.com
+      facebook: https://facebook.com
+
+  # List pages like blogs and posts
+  listPages:
+    disableFeaturedImage: false
+
+  # Single pages like blog and post
+  singlePages:
+    readTime:
+      enable: true
+      content: "min read"
+    scrollprogress:
+      enable: true
+
+  # For translations
+  terms:
+    read: "Read"
+    toc: "Table Of Contents"
+    copyright: "All rights reserved"
+    pageNotFound: "Page not found"
+    emailText: "Check out this site"
+
+  datesFormat:
+    article: "Jan 2, 2006"
+    articleList: "Jan 2, 2006"
+    articleRecent: "Jan 2, 2006"

exampleSite/content/blogs/emoji-support.md

@@ -6,12 +6,16 @@ github_link: "https://github.com/gurusabarish/hugo-profile"
 author: "Gurusabarish"
 tags:
   - Emoji support
-bg_image: ""
+  - Sample
+  - example
+image: /images/post.jpg
 description: ""
 toc: 
 ---
 
-Emoji can be enabled in a Hugo project in a number of ways.
+Emoji can be enabled in a Hugo project in a number of ways. :zap:
+
+## Emoji Support
 
 The [emojify](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
 
@@ -28,7 +32,3 @@ The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference
   font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
 }
 ```
-
-<br>
-
-[Markdown format for emoji](https://gist.github.com/rxaviers/7360908)

exampleSite/content/blogs/markdown-syntax.md

@@ -6,84 +6,68 @@ github_link: "https://github.com/gurusabarish/hugo-profile"
 author: "Gurusabarish"
 tags:
   - Markdown syntax
-bg_image: ""
+  - Sample
+  - example
+image: /images/post.jpg
 description: ""
 toc:
 ---
 
-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.
-<!--more-->
-
-## Headings
-
-The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
-
-# H1
-## H2
-### H3
-#### H4
-##### H5
-###### H6
-
 ## Paragraph
 
 Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
 
 Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
 
-
 ## Blockquotes
 
 The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
 
-#### Blockquote without attribution
+### Blockquote without attribution
-
 
 > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use *Markdown syntax* within a blockquote.
+> **Note** that you can use _Markdown syntax_ within a blockquote.
-
-
-#### Blockquote with attribution
 
+### Blockquote with attribution
 
 > Don't communicate by sharing memory, share memory by communicating.</p>
 > — <cite>Rob Pike[^1]</cite>
 
-
 [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
 
 ## Tables
 
 Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
 
-   | Name  | Age |
+| Name  | Age |
-   | ----- | --- |
+| ----- | --- |
-   | Bob   | 27  |
+| Bob   | 27  |
-   | Alice | 23  |
+| Alice | 23  |
 
-#### Inline Markdown within tables
+### Inline Markdown within tables
 
 | Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
 | ------------------------ | -------------------------- | ----------------------------------- | ------ |
-| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
+| _italics_                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
 
 ## Code Blocks
 
-#### Code block with backticks
+### Code block with backticks
 
-``` html
+```html
 <!DOCTYPE html>
 <html lang="en">
-<head>
+  <head>
-  <meta charset="UTF-8">
+    <meta charset="UTF-8" />
     <title>Example HTML5 Document</title>
-</head>
+  </head>
-<body>
+  <body>
     <p>Test</p>
-</body>
+  </body>
 </html>
 ```
-#### Code block indented with four spaces
+
+### Code block indented with four spaces
 
     <!DOCTYPE html>
     <html lang="en">
@@ -96,8 +80,10 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
     </body>
     </html>
 
-#### Code block with Hugo's internal highlight shortcode
+### Code block with Hugo's internal highlight shortcode
+
 {{< highlight html >}}
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -112,23 +98,39 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
 
 ## List Types
 
-#### Ordered List
+### Ordered List
 
 1. First item
 2. Second item
 3. Third item
 
-#### Unordered List
+### Unordered List
 
-* List item
+- List item
-* Another item
+- Another item
-* And another item
+- And another item
 
-#### Nested list
+### Nested list
 
-* Item
+- Item
-1. First Sub-item
+  1. First Sub-item
-2. Second Sub-item
+  2. Second Sub-item
+
+## Headings
+
+The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
+
+# H1
+
+## H2
+
+### H3
+
+#### H4
+
+##### H5
+
+###### H6
 
 ## Other Elements — abbr, sub, sup, kbd, mark
 

exampleSite/content/blogs/math.md

@@ -0,0 +1,38 @@
+---
+title: "Render Math With Mathjax"
+date: 2022-12-09T19:53:33+05:30
+draft: false
+author: "Gurusabarish"
+tags:
+  - Markdown syntax
+  - Mathjax
+  - example
+image: /images/mathjax.png
+description: ""
+toc: true
+mathjax: true
+---
+
+## Mathjax
+
+Math equations can be rendered using [Mathjax](https://www.mathjax.org) syntax with AMS symbol support.
+
+Optionally enable this on a per-page basis by adding `mathjax: true` to your frontmatter.
+
+Then, use `$$ ... $$` on a line by itself to render a block equation:
+
+$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
+
+The raw version is:
+
+```
+$$ | Pr_{x \leftarrow P_{1}} [A(x) = 1] - Pr_{x \leftarrow P_{2}} [A(x) = 1] | < \text{negligible} $$
+```
+
+
+Write in-line equations with `\\( ... \\)` , like \\( x^n / y \\) . It's easy!
+
+```
+Write in-line equations with `\\( ... \\)` , like \\( x^n / y \\) . It's easy!
+```
+

exampleSite/content/blogs/placeholder-text.md

@@ -6,7 +6,9 @@ github_link: "https://github.com/gurusabarish/hugo-profile"
 author: "Gurusabarish"
 tags:
   - Placeholder text
-bg_image: ""
+  - Sample
+  - example
+image: /images/post.jpg
 description: ""
 toc: 
 ---

exampleSite/content/blogs/rich-content.md

@@ -0,0 +1,75 @@
+---
+title: "Rich Content"
+date: 2021-04-03T19:53:33+05:30
+draft: false
+author: "Gurusabarish"
+tags:
+  - Rich content
+  - Sample
+  - example
+image: /images/post.jpg
+description: ""
+toc: 
+---
+
+Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
+
+## Gist Simple Shortcode
+```
+{{</* gist spf13 7896402 "img.html" */>}}
+```
+<br>
+{{< gist spf13 7896402 "img.html" >}}
+<br>
+
+
+
+## Twitter Simple Shortcode
+```
+{{</* tweet GoHugoIO 1315233626070503424 */>}}
+```
+<br>
+{{< tweet GoHugoIO 1315233626070503424 >}}
+<br>
+
+
+
+## Vimeo Simple Shortcode
+```
+{{</* vimeo 146022717 */>}}
+```
+<br>
+{{< vimeo 146022717 >}}
+<br>
+
+
+
+## Youtube Simple Shortcode
+```
+{{</* youtube w7Ft2ymGmfc */>}}
+```
+<br>
+{{< youtube w7Ft2ymGmfc >}}
+<br>
+
+## Theme Custom Shortcodes
+
+These shortcodes are not Hugo built-ins, but are provided by the theme.
+
+### Responsive Images with Cloudinary
+
+You can learn more about this [here](https://cloudinary.com/documentation/responsive_images).
+
+Set the `cloudinary_cloud_name` parameter in your site config to use this shortcode.
+
+```
+{{</* dynamic-img src="/my/image/on/cloudinary" title="A title for the image" */>}}
+```
+
+Note that you do not include the file extension (e.g. `.png`) in the `src` parameter, as the shortcode will automatically determine the best quality and format for the user's device.
+
+Optionally, you can customize the general CSS styles for the image:
+
+```
+{{</* dynamic-img src="/my/image/on/cloudinary" title="A title for the image" style="max-width:60%" */>}}
+```

exampleSite/content/gallery.md

@@ -0,0 +1,14 @@
+---
+title: "Image Gallery"
+date: 2022-06-25T18:35:46+05:30
+draft: false
+description: "My gallery :earth_asia:"
+layout: "gallery"
+images:
+ - src: https://iso.500px.com/wp-content/uploads/2016/03/stock-photo-142984111-1500x1000.jpg
+ - src: https://img.etimg.com/thumb/msid-68721417,width-650,imgsize-1016106,,resizemode-4,quality-100/nature1_gettyimages.jpg
+ - src: https://thumbs.dreamstime.com/b/team-ants-council-collective-decision-work-17037482.jpg
+ - src: https://thumbs.dreamstime.com/b/summer-day-smiling-women-relax-wearing-red-dress-fashion-standing-wooden-bridge-over-sea-blue-sky-background-summer-107411998.jpg
+ - src: https://thumbs.dreamstime.com/b/young-woman-playing-dog-pet-beach-sunrise-sunset-girl-dog-having-fun-seasid-seaside-cute-neglected-stay-66480218.jpg
+ - src: https://thumbs.dreamstime.com/b/funny-picture-taken-sunrise-frozen-lake-perspective-rider-retro-bicycle-sunrise-personal-211066044.jpg 
+---

exampleSite/static/images/hero.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 145 145" style="enable-background:new 0 0 145 145;" xml:space="preserve">
+<g id="women_1">
+	<rect style="fill:#60B0C9;" width="145" height="145"/>
+	<g>
+		<ellipse style="fill:#5A3017;" cx="86.95" cy="81.002" rx="16.518" ry="18.002"/>
+		<path style="fill:#F1C9A5;" d="M109.374,115.396c-4.964-9.397-36.874-15.293-36.874-15.293s-31.911,5.896-36.875,15.293
+			C31.958,128.434,28.888,145,28.888,145H72.5h43.611C116.112,145,114.04,127.237,109.374,115.396z"/>
+		<path style="fill:#E4B692;" d="M72.501,100.103c0,0,31.91,5.896,36.874,15.293c4.665,11.842,6.737,29.604,6.737,29.604H72.501
+			V100.103z"/>
+		<rect x="63.813" y="81.002" style="fill:#F1C9A5;" width="17.374" height="29.077"/>
+		<rect x="72.501" y="81.002" style="fill:#E4B692;" width="8.686" height="29.077"/>
+		<path style="opacity:0.1;fill:#DDAC8C;enable-background:new    ;" d="M63.813,94.475c1.563,4.485,7.868,7.057,12.499,7.057
+			c1.676,0,3.306-0.28,4.875-0.795V81.002H63.813V94.475z"/>
+		<path style="fill:#F1C9A5;" d="M94.837,62.652c0-18.161-10.001-28.489-22.337-28.489c-12.337,0-22.338,10.328-22.338,28.489
+			c0,18.162,10.001,32.888,22.338,32.888S94.837,80.814,94.837,62.652z"/>
+		<path style="fill:#E4B692;" d="M91.438,75.245c-4.049-0.451-6.783-5.088-6.098-10.353c0.678-5.269,4.513-9.179,8.563-8.733
+			c4.047,0.449,6.777,5.084,6.094,10.353C99.318,71.781,95.487,75.689,91.438,75.245z"/>
+		<path style="fill:#F1C9A5;" d="M45.161,66.513c-0.684-5.269,2.047-9.903,6.092-10.353c4.053-0.446,7.888,3.464,8.567,8.733
+			c0.683,5.265-2.053,9.901-6.1,10.353C49.671,75.689,45.84,71.781,45.161,66.513z"/>
+		<path style="fill:#E4B692;" d="M94.837,62.652c0-18.161-10.001-28.489-22.337-28.489V95.54
+			C84.837,95.54,94.837,80.814,94.837,62.652z"/>
+		<path style="fill:#9E1F63;" d="M109.374,115.396c-1.665-3.154-6.369-5.909-11.878-8.184c-2.77,11.233-12.908,19.566-24.996,19.566
+			c-12.089,0-22.227-8.333-24.997-19.566c-5.509,2.274-10.212,5.029-11.878,8.184C31.958,128.434,28.888,145,28.888,145H72.5h43.611
+			C116.112,145,114.04,127.237,109.374,115.396z"/>
+		<path style="fill:#5A3017;" d="M102.039,65.792c0,0-12.06,6.029-20.501-10.855c-5.628,0.805-22.513-2.411-25.729-10.451
+			c-2.813,12.06-10.753,14.435-4.824,26.531c4.37,8.916,3.618,24.523,3.618,24.523S36.334,78.865,38.994,56.126
+			c2.994-25.604,9.178-32.544,17.619-30.133c6.835-8.844,27.738-7.638,36.181,3.217c8.441,10.854,6.064,15.653,9.245,20.1
+			C108.134,57.831,102.039,65.792,102.039,65.792z"/>
+		<polyline style="fill:none;stroke:#9E1F63;stroke-width:1.0637;stroke-miterlimit:10;" points="47.503,107.212 90.388,119.538 
+			101.22,112.105 97.497,107.212 48.921,119.538 56.013,125.224 97.852,116.218 79.946,127.707 48.212,112.991 		"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

layouts/404.html

@@ -1,24 +1,14 @@
-{{ define "main" }}
+{{ define "head" }}
-<style>
+<meta name="description" content={{ .Site.Params.description }}>
-  html {
+{{ end }}
-    scroll-behavior: smooth;
-  }
 
-  body {
+{{ define "title" }}
-    font-family: "Roboto", sans-serif;
+{{ .Site.Title }} | {{ .Site.Params.terms.pageNotFound | default "404 page not found" }}
-    background-color: #eaedf0;
+{{ end }}
-  }
+
-</style>
+{{ define "main" }}
-<div class="container">
+<div class="container py-5 text-center">
-  <div class="row justify-centent-center py-5">
+    <img src="{{ .Site.Params.staticPath }}/404.png" alt='{{ .Site.Params.terms.pageNotFound | default "404 page not found" }}' class="img-fluid" width="40%">
-    <div class="display-4 font-weight-bold text-center col p-5">
+    <h1>{{ .Site.Params.terms.pageNotFound | default "404 page not found" }}</h1>
-      {{ 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/about.html

@@ -0,0 +1,86 @@
+{{ define "head" }}
+<meta name="description" content="{{ .Params.description }}">
+<link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/about.css">
+
+<!-- fontawesome -->
+<script defer src="{{.Site.Params.staticPath}}/fontawesome-5/all-5.15.4.js"></script>
+{{ end }}
+
+{{ define "title" }}
+{{.Title }} | {{ .Site.Title }}
+{{ end }}
+
+{{ define "main" }}
+<section id="single">
+    <div class="container">
+        <div class="title mb-3">
+            <h1 class="text-center mb-4">{{ .Title }}</h1>
+        </div>
+        <div class="row justify-content-center">
+            {{ if .Params.image }}
+            <div class="col-sm-12 col-md-12 col-lg-3 px-3">
+                <div class="sticky-sidebar">
+                    <aside class="aboutImg">
+                        <div class="text-center">
+                            <img src="{{ .Params.image }}" class="mx-auto rounded" alt="">
+                        </div>
+                        <h2 class="text-center pt-3">
+                            {{ .Params.name }}
+                        </h2>
+                        <div class="aboutImg-content">
+                            <ul class="list-inline pt-3 text-center">
+                                {{ range .Params.socialLinks.fontAwesomeIcons }}
+                                <li class="list-inline-item text-center">
+                                    <a href="{{ .url }}" target="_blank">
+                                        <i class="{{ .icon }}"></i>
+                                    </a>
+                                </li>
+                                {{ end }}
+
+                                {{ range .Params.socialLinks.customIcons }}
+                                <li class="list-inline-item text-center">
+                                    <a href="{{ .url }}" target="_blank" class="img-icon">
+                                        <img src="{{ .icon }}">
+                                    </a>
+                                </li>
+                                {{ end }}
+                            </ul>
+                        </div>
+                    </aside>
+                </div>
+            </div>
+            {{ end }}
+
+            <div class="col-sm-12 col-md-12 col-lg-6 pt-4 p-2">
+                <div class="pr-lg-4">
+                    <article class="page-content p-2">
+                        {{ .Content | emojify }}
+                    </article>
+                </div>
+            </div>
+        </div>
+    </div>
+    <button class="p-2 px-3" onclick="topFunction()" id="topScroll">
+        <i class="fas fa-angle-up"></i>
+    </button>
+</section>
+
+<script>
+    var topScroll = document.getElementById("topScroll");
+    window.onscroll = function () { scrollFunction() };
+
+    function scrollFunction() {
+        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+            topScroll.style.display = "block";
+        } else {
+            topScroll.style.display = "none";
+        }
+    }
+
+    function topFunction() {
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
+    }
+</script>
+
+{{ end }}

layouts/_default/baseof.html

@@ -1,95 +1,36 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
 
 <head>
-
+  {{- partial "head.html" . -}}
-  {{ if eq .Site.Params.version 1 }}
+  {{- block "head" . }} {{- end }}
-  {{- partial "sections/v1/head.html" . -}}
+  <title>
-  <link href="/css/bootstrap.min.css" rel="stylesheet">
+    {{- block "title" . }} {{- end }}
-  <link href="/css/v1/head_foot.css" rel="stylesheet">
+  </title>
-  {{- 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 class="light">
+  <!-- javascripts -->
+  <!-- <script src="/js/jquery-3.6.0.min.js"></script> -->
 
-<body>
+  {{- partial "sections/header.html" . -}}
-  {{- partial "sections/v1/scripts.html" . -}}
+  <div id="content">
-  {{- partial "sections/v1/header1.html" . -}}
+    {{- block "main" . }}{{- end }}
-  {{- block "main" . -}}{{- end }}
+  </div>
-  {{- partial "sections/v1/footer.html" . -}}
+  {{- partial "sections/footer/index.html" . -}}
+
+  {{- if (or (eq .Site.Params.UseBootstrapCDN true) (eq .Site.Params.UseBootstrapCDN "js")) -}}
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
+  {{- else -}}
+  <script src="{{ .Site.Params.staticPath }}/bootstrap-5/js/bootstrap.bundle.min.js"></script>
+  {{- end -}}
+
+  {{- partial "scripts.html" . -}}
+
+  <!-- for search -->
+  <section id="search-content" class="py-2">
+    <div class="container" id="search-results"></div>
+  </section>
 </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>
-
-  <!-- Darkmode -->
-  <script>
-    function autoDarkMode() {
-      $("body").toggleClass("darkmode");
-      $(".fa-moon").addClass("d-none");
-      $(".fa-sun").removeClass("d-none");
-      $("nav").toggleClass("navbar-dark");
-      $("nav").toggleClass("navbar-light");
-      $('.text-dark').toggleClass('darkmode-text-dark');
-      $('.text-muted').toggleClass('darkmode-text-muted');
-      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
-    };
-  </script>
-  <script src="/js/auto_darkmode.js"></script>
-  <script>
-    $('.darkmode-label').click(function () {
-      $("body").toggleClass("darkmode");
-      $(".fa-moon").toggleClass("d-none");
-      $(".fa-sun").toggleClass("d-none");
-      $("nav").toggleClass("navbar-dark");
-      $("nav").toggleClass("navbar-light");
-      $('.text-dark').toggleClass('darkmode-text-dark');
-      $('.text-muted').toggleClass('darkmode-text-muted');
-      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
-
-      switchDarkmodeSetting();
-    });
-  </script>
-
-</body>
-{{ else }}
-
-<body></body>
-{{ end }}
 
 </html>

layouts/_default/gallery.html

@@ -0,0 +1,29 @@
+{{ define "head" }}
+<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
+<!-- <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all"> -->
+{{ end }}
+
+{{ define "title" }}
+{{.Title }} | {{ .Site.Title }}
+{{ end }}
+
+{{ define "main" }}
+<div class="container pt-5" id="list-page">
+    <h2 class="text-center pb-2">{{.Title}}</h2>
+    <h6 class="text-center">{{ .Params.description | emojify }}</h6>
+    <div class="row p-4">
+        {{ .Content | emojify }}
+    </div>
+    <div class="card-group p-4">
+        <div class="row justify-content-center">
+            {{ range .Params.images }}
+            <div class="col-md-4 p-0 m-0">
+                <div class="card p-0 m-0 border-0">
+                    <img class="w-100" height="280px" src="{{ .src }}">
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</div>
+{{ end }}

layouts/_default/index.json

@@ -0,0 +1,5 @@
+{{- $.Scratch.Add "index" slice -}}
+{{- range .Site.RegularPages -}}
+    {{- $.Scratch.Add "index" (dict "title" .Title "description" .Params.description "content" .Content "image" .Params.image "permalink" .Permalink) -}}
+{{- end -}}
+{{- $.Scratch.Get "index" | jsonify -}}

layouts/_default/list.html

@@ -1,130 +1,48 @@
-{{ define "head"}}
+{{ define "head" }}
-
+<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
-{{ if eq .Site.Params.version 3 }}
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all">
-<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 }}" />
+{{ define "title" }}
-<title>{{ .Title }}</title>
+{{.Title }} | {{ .Site.Title }}
 {{ end }}
 
-
 {{ define "main" }}
-{{ if eq .Site.Params.version 3 }}
+<div class="container pt-5" id="list-page">
-<section style="font-family: 'Roboto', sans-serif;5">
+    <h2 class="text-center pb-2">{{.Title}}</h2>
-  <div class="container pt-5">
+    <div class="row">
-    <h3 class="text-center">{{.Title}}</h2>
+        {{ range .Paginator.Pages }}
+        <div class="col-lg-4 col-md-6 my-3">
+            <div class="card-columns">
+                <div class="card h-100">
+                    {{ if and (not (.Site.Params.listPages.disableFeaturedImage | default false)) (.Params.image) }}
+                    <div class="card-header">
+                        <a href="{{ .RelPermalink }}">
+                            <img src="{{ .Params.image }}" class="card-img-top" alt="{{ .Title }}">
+                        </a>
+                    </div>
+                    {{ end }}
+                    <div class="card-body bg-transparent p-4 shadow-sm">
+                        <a href="{{ .RelPermalink }}" class="primary-font card-title">
+                            <h5 class="card-title bg-transparent" title="{{ .Title }}">{{ .Title | truncate 25 }}</h5>
+                        </a>
+                        <div class="card-text secondary-font">
+                            <p>{{ .Summary | truncate 300}}</p>
+                        </div>
+                    </div>
+                    <div class="mt-auto post-footer bg-transparent py-3">
+                        <span class="float-start bg-transparent">{{ .Date.Format (.Site.Params.datesFormat.articleList | default "January 2, 2006") }}</span>
+                        <a href="{{ .RelPermalink }}" class="float-end btn btn-outline-info btn-sm">{{ .Site.Params.terms.read | default "Read" }}</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {{ end }}
         <div class="row justify-content-center">
-        <div class="col-md-7 py-2">
+            <div class="col-auto m-3">
-          <ol class="post-ol">
+                {{template "_internal/pagination.html" . }}
-            {{ 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>
+</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

@@ -1,236 +1,134 @@
-{{ define "head"}}
+{{ define "head" }}
-<meta name="description" content="{{ .Params.description }}" />
+<meta name="description" content="{{ .Params.description }}">
-<title>{{ .Title }}</title>
+<link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/single.css">
-{{ if eq .Site.Params.version 1 }}
+
-<link rel="preconnect" href="https://fonts.gstatic.com">
+<!-- fontawesome -->
-<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
+<script defer src="{{.Site.Params.staticPath}}/fontawesome-5/all-5.15.4.js"></script>
-<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 "title" }}
+{{.Title }} | {{ .Site.Title }}
+{{ end }}
 
 {{ define "main" }}
-
+<section id="single">
-{{ 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="row justify-content-center">
-      <div class="col-md-9 py-4 px-0">
+      <div class="col-sm-12 col-md-12 col-lg-9">
-        <div class="rounded shadow bg-light p-3 px-md-5 bg-light">
+        <div class="pr-lg-4">
-          <h1 class="pb-2 text-center">{{ .Title }}</h1>
+          <div class="title mb-5">
-          <article>
+            <h1 class="text-center mb-4">{{ .Title }}</h1>
-            {{.Content}}
+            <div class="text-center">
+              {{ .Params.author }} 
+              <small>|</small>
+              {{ .Date.Format (.Site.Params.datesFormat.article | default "Jan 2, 2006") }}
+
+              {{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
+              <span id="readingTime">
+                {{ .Site.Params.singlePages.readTime.content | default "min read" }}
+              </span>
+              {{ end }}
+            </div>
+          </div>
+          {{ if .Params.image }}
+          <div class="featured-image">
+            <img class="img-fluid" src="{{ .Params.image }}" alt="{{ .Title }}">
+          </div>
+          {{ end }}
+          <article class="page-content  p-2">
+          {{ .Content | emojify }}
           </article>
         </div>
       </div>
-      <div class="col-md-3 py-4">
+      <div class="col-sm-12 col-md-12 col-lg-3">
-        <div class="bg-light shadow p-4 rounded mb-2 bg-light">
+        <div class="sticky-sidebar">
-          <h4>Table of content</h4>
+          {{ if .Params.toc | default true}}
+          <aside class="toc">
+              <h5>
+                {{ .Site.Params.terms.toc | default "Table Of Contents" }}
+              </h5>
+              <div class="toc-content">
                 {{.TableOfContents}}
               </div>
+          </aside>
+          {{ end }}
 
-        <div class="bg-light shadow p-4 rounded mt-2 bg-light">
+          {{ if .Params.tags }}
-          <h4>Share article with</h4>
+          <aside class="tags">
-          <ul>
+            <h5>{{ .Site.Params.terms.tags | default "Tags" }}</h5>
-            <li>
+            <ul class="tags-ul list-unstyled list-inline">
-              <a target="blank" class="text-info"
+              {{range .Params.tags}}
-                href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+              <li class="list-inline-item"><a href="{{`tags` | absURL}}/{{.| urlize}}" target="_blank">{{.}}</a></li>
-                Twitter
+              {{end}}
+            </ul>
+          </aside>
+          {{end}}
+
+          {{ if .Params.socialShare | default true }}
+          <aside class="social">
+            <h5>{{ .Site.Params.terms.social | default "Social" }}</h5>
+            <div class="social-content">
+              <ul class="list-inline">
+                <li class="list-inline-item text-center">
+                  <a target="_blank" href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+                    <i class="fab fa-twitter"></i>
                   </a>
                 </li>
-            <li>
+                <li class="list-inline-item text-center">
-              <a target="blank" class="text-success"
+                  <a target="_blank" href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
-                href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
+                    <i class="fab fa-whatsapp"></i>
-                data-action="share/whatsapp/share">
-                Whatsapp
                   </a>
                 </li>
-            <li>
+                <li class="list-inline-item text-center">
-              <a class="text-danger" target="blank"
+                  <a target="_blank" href='mailto:?subject={{ .Title }}&amp;body={{ .Site.Params.terms.emailText | default "Check out this site" }} {{ .Site.Params.hostName }}{{ .Permalink | absURL }}'>
-                href="mailto:?subject={{ .Title }}&amp;body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+                    <i class="fa fa-envelope"></i>
-                Email
                   </a>
                 </li>
               </ul>
-
+            </div>
-
+          </aside>
-
+          {{ end }}
         </div>
       </div>
+    </div>
+    <div class="row">
+      <div class="col-sm-12 col-md-12 col-lg-9 p-4">
         {{ 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 }}
+  <button class="p-2 px-3" onclick="topFunction()" id="topScroll">
-      </div>
+    <i class="fas fa-angle-up"></i>
-
-      {{ 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>
 
+{{ if or (.Site.Params.singlePages.scrollprogress.enable | default true) (.Params.enableScrollProgress) }}
+<div class="progress">
+  <div id="scroll-progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
+<Script src="{{.Site.Params.staticPath}}/js/scrollProgressBar.js"></script>
+{{ end }}
+
 <script>
-  $('.TOC').on('click', function () {
+  var topScroll = document.getElementById("topScroll");
-    $('.TOC-content').removeClass('d-none');
+  window.onscroll = function() {scrollFunction()};
-  });
 
+  function scrollFunction() {
+    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+      topScroll.style.display = "block";
+    } else {
+      topScroll.style.display = "none";
+    }
+  }
+
+  function topFunction() {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+  }
 </script>
-{{ end }}
+
+{{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
+<script src="{{.Site.Params.staticPath}}/js/readingTime.js"></script>
+{{end}}
 
 {{ end }}

layouts/index.html

@@ -1,176 +1,22 @@
-<!DOCTYPE html>
+{{ define "head" }}
-<html lang="en">
+<meta name="description" content={{ .Site.Params.description }}>
-{{ if eq .Site.Params.version 1 }}
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/index.css" media="all">
-
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
-<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">
-  {{- 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>
-
-  <!-- Darkmode -->
-  <script>
-    function autoDarkMode() {
-      $("body").toggleClass("darkmode");
-      $(".fa-moon").addClass("d-none");
-      $(".fa-sun").removeClass("d-none");
-      $("nav").toggleClass("navbar-dark");
-      $("nav").toggleClass("navbar-light");
-      $(".text-dark").toggleClass("darkmode-text-dark");
-      $(".text-muted").toggleClass("darkmode-text-muted")
-      $(".about-backdark").toggleClass("about-back");
-      $(".education-backdark").toggleClass("education-back");
-      $(".achievements-backdark").toggleClass("achievements-back");
-      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
-    }
-  </script>
-  <script src="/js/auto_darkmode.js"></script>
-  <script>
-    /*
-    document.onreadystatechange = function () {
-      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").toggleClass("darkmode-text-dark");
-      $(".text-muted").toggleClass("darkmode-text-muted")
-      $(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
-
-      switchDarkmodeSetting();
-    });
-
-
-  </script>
-</body>
-{{ else }}
 
+<!-- fontawesome -->
+<script defer src="{{ .Site.Params.staticPath }}/fontawesome-5/all-5.15.4.js"></script>
 {{ end }}
 
-</html>
+{{ define "title" }}
+{{ .Site.Title }}
+{{ end }}
+
+{{ define "main" }}
+{{- partial "sections/hero/index.html" . -}}
+{{- partial "sections/about.html" . -}}
+{{- partial "sections/experience.html" . -}}
+{{- partial "sections/education.html" . -}}
+{{- partial "sections/projects.html" . -}}
+{{- partial "sections/achievements.html" . -}}
+{{- partial "sections/contact.html" . -}}
+{{ end }}

layouts/partials/head.html

@@ -0,0 +1,98 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
+<link rel="icon" href={{ .Site.Params.favicon | default "/fav.png" }} type="image/gif">
+
+<!-- Fonts -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="preload"
+      as="style"
+      href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+>
+<link rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      media="print" onload="this.media='all'" />
+<noscript>
+  <link
+          href="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+          rel="stylesheet">
+</noscript>
+
+<!-- font configuration -->
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/font.css" media="all">
+
+<!-- Internal templates -->
+{{ template "_internal/google_analytics.html" . }}
+{{ template "_internal/opengraph.html" . }}
+{{ template "_internal/twitter_cards.html" . }}
+
+<!-- stylesheets -->
+{{- if (or (eq .Site.Params.UseBootstrapCDN true) (eq .Site.Params.UseBootstrapCDN "css")) -}}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+{{- else -}}
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/bootstrap-5/css/bootstrap.min.css" media="all">
+{{- end -}}
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/header.css" media="all">
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/footer.css" media="all">
+
+<!-- theme -->
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/theme.css" media="all">
+
+<!-- Custom Styles -->
+{{ if .Site.Params.customCSS }}
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/style.css">
+{{ end }}
+
+<style>
+    :root {
+        --text-color: {{ .Site.Params.color.textColor | default "#343a40" }};
+        --text-secondary-color: {{ .Site.Params.color.secondaryTextColor | default "#6c757d" }};
+        --background-color: {{ .Site.Params.color.backgroundColor | default "#eaedf0" }};
+        --secondary-background-color: {{ .Site.Params.color.secondaryBackgroundColor | default "#64ffda1a" }};
+        --primary-color: {{ .Site.Params.color.primaryColor | default "#007bff" }};
+        --secondary-color: {{ .Site.Params.color.secondaryColor | default "#f8f9fa" }};
+
+        /* dark mode colors */
+        --text-color-dark: {{ .Site.Params.color.darkmode.textColor | default "#e4e6eb" }};
+        --text-secondary-color-dark: {{ .Site.Params.color.darkmode.secondaryTextColor | default "#b0b3b8" }};
+        --background-color-dark: {{ .Site.Params.color.darkmode.backgroundColor | default "#18191a" }};
+        --secondary-background-color-dark: {{ .Site.Params.color.darkmode.secondaryBackgroundColor | default "#212529" }};
+        --primary-color-dark: {{ .Site.Params.color.darkmode.primaryColor | default "#ffffff" }};
+        --secondary-color-dark: {{ .Site.Params.color.darkmode.secondaryColor | default "#212529" }};
+    }
+    body {
+        font-size: {{ .Site.Params.font.fontSize | default "1rem" }};
+        font-weight: {{ .Site.Params.font.fontWeight | default "400" }};
+        line-height: {{ .Site.Params.font.lineHeight | default "1.5" }};
+        text-align: {{ .Site.Params.font.textAlign | default "left" }};
+    }
+
+    html {
+        background-color: var(--background-color) !important;
+    }
+
+    body::-webkit-scrollbar {
+        width: .5em;
+        height: .5em;
+        background-color: var(--background-color);
+    }
+    
+    ::-webkit-scrollbar-track {
+        box-shadow: inset 0 0 6px var(--background-color);
+        border-radius: 1rem;
+    }
+    
+    ::-webkit-scrollbar-thumb {
+        border-radius: 1rem;
+        background-color: var(--secondary-color);
+        outline: 1px solid var(--background-color);
+    }
+
+    #search-content::-webkit-scrollbar {
+        width: .5em;
+        height: .1em;
+        background-color: var(--background-color);
+    }
+</style>

layouts/partials/scripts.html

@@ -0,0 +1,90 @@
+{{- if (eq .Site.Params.theme.defaultTheme "light") }}
+<script>
+    if (document.body.className.includes("dark")) {
+        document.body.classList.remove('dark');
+        localStorage.setItem("pref-theme", 'light');
+    }
+</script>
+
+{{ else if (eq .Site.Params.theme.defaultTheme "dark") }}
+{{- /* theme is dark */}}
+<script>
+    if (document.body.className.includes("light")) {
+        document.body.classList.add('dark');
+        localStorage.setItem("pref-theme", 'dark');
+    }
+</script>
+
+{{- else }}
+{{- /* theme is auto */}}
+<script>
+    if (localStorage.getItem("pref-theme") === "dark") {
+        document.body.classList.add('dark');
+    } else if (localStorage.getItem("pref-theme") === "light") {
+        document.body.classList.remove('dark')
+    } else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        document.body.classList.add('dark');
+    }
+
+</script>
+{{- end }}
+
+{{- if (not .Site.Params.theme.disableThemeToggle) }}
+<script>
+    document.getElementById("theme-toggle").addEventListener("click", () => {
+        if (document.body.className.includes("dark")) {
+            document.body.classList.remove('dark');
+            localStorage.setItem("pref-theme", 'light');
+        } else {
+            document.body.classList.add('dark');
+            localStorage.setItem("pref-theme", 'dark');
+        }
+    })
+
+    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+        return new bootstrap.Tooltip(tooltipTriggerEl)
+    })
+
+</script>
+{{- end }}
+
+{{ if not (.Site.Params.navbar.disableSearch | default false) }}
+    <script src="{{ .Site.Params.staticPath }}/js/search.js"></script>
+{{ end }}
+
+
+{{ if (.Params.mathjax | default false) }}
+
+{{ "<!-- MathJax -->" | safeHTML }}
+<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.min.js" integrity="sha384-M5jmNxKC9EVnuqeMwRHvFuYUE8Hhp0TgBruj/GZRkYtiMrCRgH7yvv5KY+Owi7TW" crossorigin="anonymous"></script>
+
+<script type="text/x-mathjax-config">
+    MathJax.Hub.Config({
+      tex2jax: {
+        inlineMath: [['\\(','\\)']],
+        displayMath: [['$$','$$'], ['\[','\]']],
+        processEscapes: true,
+        processEnvironments: true,
+        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
+        TeX: { equationNumbers: { autoNumber: "AMS" },
+             extensions: ["AMSmath.js", "AMSsymbols.js"] }
+      }
+    });
+</script>
+{{ end }}
+
+{{ if (.Site.Params.cloudinary_cloud_name | default false) }}
+
+{{ "<!-- cloudinary -->" | safeHTML }}
+<script src="https://unpkg.com/cloudinary-core@2.13.0/cloudinary-core-shrinkwrap.js" integrity="sha384-0bQduxVhZMs6xfvcPH9osdUIw44hjF8EahHuQBdyN6Rryk8tgyFO80Yz5d14F+5d" crossorigin="anonymous"></script>
+<script type="text/javascript">
+    var cl = cloudinary.Cloudinary.new({cloud_name: "{{- .Site.Params.cloudinary_cloud_name }}"}); 
+    cl.responsive();
+</script>
+
+{{ end }}
+
+{{ if (.Site.Params.contact.formspree.enable | default false) }}
+<script src="{{ .Site.Params.staticPath }}/js/contact.js"></script>
+{{ end }}

layouts/partials/sections/about.html

@@ -0,0 +1,28 @@
+{{ if .Site.Params.about.enable | default false }}
+<section id="about" class="py-0 py-sm-5">
+    <div class="container bg-transparent">
+        <h3 class="text-center bg-transparent">{{ .Site.Params.about.title }}</h3>
+        <div class="bg-transparent row justify-content-center px-3 py-5">
+            {{ if .Site.Params.about.image }}
+            <div class="col-sm-12 col-md-8 col-lg-4 mb-5 mb-sm-0 mb-md-5 mb-lg-0 d-none d-sm-none d-md-block">
+                <div class="image d-flex px-5">
+                    <img src="{{ .Site.Params.about.image }}" class="img-thumbnail mx-auto rounded-circle" alt="">
+                </div>
+            </div>
+            {{ end }}
+            <div class="col-sm-12 col-md-12 col-lg-8 content">
+                {{ .Site.Params.about.content | markdownify }}
+
+                {{ if .Site.Params.about.skills.enable }}
+                {{ .Site.Params.about.skills.title }}
+                <ul>
+                    {{ range .Site.Params.about.skills.items }}
+                    <li>{{ . | markdownify }}</li>
+                    {{ end }}
+                </ul>
+                {{ end }}
+            </div>
+        </div>
+    </div>
+</section>
+{{ end }}

layouts/partials/sections/achievements.html

@@ -0,0 +1,36 @@
+{{ if .Site.Params.achievements.enable | default false }}
+<section id="achievements" class="py-5">
+    <div class="container">
+        <h3 class="text-center">{{ .Site.Params.achievements.title | default "Achievements" }}</h3>
+        <div class="px-0 px-md-5 px-lg-5">
+            <div class="row justify-content-center px-3 px-md-5 px-lg-5">
+                {{ range .Site.Params.achievements.items }}
+                {{ if .url }}
+                <div class="col-lg-4 col-md-6 my-3">
+                    <a class="card my-3 h-100 p-3" href="{{ .url }}" title="{{ .title }}" target="_blank">
+                        <div class="card-body bg-transparent">
+                            <h5 class="card-title bg-transparent">{{ .title }}</h5>
+                            <div class="card-text secondary-font">
+                                {{ .content }}
+                            </div>
+                        </div>
+                    </a>
+                </div>
+                {{ else }}
+                <div class="col-lg-4 col-md-6 my-3">
+                    <div class="card my-3 h-100 p-3" title="{{ .title }}">
+                        <div class="card-body bg-transparent">
+                            <h5 class="card-title bg-transparent">{{ .title }}</h5>
+                            <div class="card-text secondary-font">
+                                {{ .content }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {{ end }}
+                {{ end }}
+            </div>
+        </div>
+    </div>
+</section>
+{{ end }}

layouts/partials/sections/contact.html

@@ -0,0 +1,50 @@
+{{ if .Site.Params.contact.enable | default false }}
+<section id="contact" class="py-5">
+    <div class="container">
+        <h3 class="text-center">{{ .Site.Params.contact.title | default "Get in Touch" }}</h3>
+        <div class="px-0 px-md-5 px-lg-5">
+            <div class="row justify-content-center px-md-5">
+                <div class="col-md-8 py-3">
+                    <div class="text-center">
+                        {{ .Site.Params.contact.content | emojify | markdownify }}
+                    </div>
+                    {{ if .Site.Params.contact.formspree.enable | default false }}
+                    <div class="row justify-content-center">
+                        <form id="contact-form" action="https://formspree.io/f/{{ .Site.Params.contact.formspree.formId }}" onsubmit="handleFormspreeSubmit(event)" method="POST" class="col-md-7">
+                            <div class="form-group pt-3">
+                                <input type="email" class="form-control"  name="email" required="true" placeholder='{{ .Site.Params.contact.formspree.emailCaption | emojify | default "Enter your email" }}'>
+                            </div>
+                            <div class="form-group pt-3">
+                                <textarea class="form-control" name="message" required="true" placeholder='{{ .Site.Params.contact.formspree.messageCaption | emojify | default "Enter your message" }}' rows="3"></textarea>
+                            </div>
+                            <div class="form-group text-center pt-3">
+                                <button type="submit" class="btn">{{ .Site.Params.contact.btnName | default "Get in Touch" }}</button>
+                            </div>
+                        </form>
+                    </div>
+                    {{ else if .Site.Params.contact.email }}
+                    <div class="text-center pt-3">
+                        <a href="mailto:{{ .Site.Params.contact.email }}" class="btn">
+                            {{ .Site.Params.contact.btnName | default "Get in Touch" }}
+                        </a>
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="contact-form-status"></div>
+</section>
+{{ end }}
+
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <symbol id="check-circle-fill" viewBox="0 0 16 16">
+    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
+  </symbol>
+  <symbol id="info-fill" viewBox="0 0 16 16">
+    <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+  </symbol>
+  <symbol id="exclamation-triangle-fill" viewBox="0 0 16 16">
+    <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+  </symbol>
+</svg>

layouts/partials/sections/education.html

@@ -0,0 +1,66 @@
+{{ if .Site.Params.education.enable | default false }}
+<section id="education" class="py-5">
+    <div class="container">
+        <h3 class="text-center">{{ .Site.Params.education.title | default "Education" }}</h3>
+        <div class="row justify-content-center py-5">
+            {{ $indexMenu := .Site.Params.education.index }}
+            {{ range $index, $element := .Site.Params.education.items }}
+            <div class="col-12 p-0">
+                <div class="row row align-items-center justify-content-center m-1 mb-4">
+                    {{ if $indexMenu }}
+                    <div class="col-md-1 text-center me-2 p-0 d-none d-md-block">
+                        <div class="py-2">
+                            <span class="index shadow-lg">
+                                {{ add $index 1 }}
+                            </span>
+                        </div>
+                    </div>
+                    {{ end }}
+
+                    <div class="col-md-9">
+                        <div class="card">
+                            <div class="card-body">
+                                <div class="float-end">
+                                    <small>{{ .date }}</small>
+                                </div>
+                                <h5 class="card-title">{{ .title }}</h5>
+                                
+                                {{ if .school.url }}
+                                <a href="{{ .school.url }}" target="_blank">
+                                    <h6>
+                                    {{ .school.name }}
+                                    </h6>
+                                </a>
+                                {{ else }}
+                                {{ .school.name }}
+                                {{ end }}
+
+                                {{ if .GPA }}
+                                <div class="py-1">
+                                    GPA:
+                                    <i>
+                                        <small>{{ .GPA }}</small>
+                                    </i> 
+                                </div>
+                                {{ end }}
+                                <div class="py-1 education-content">
+                                    {{ .content | markdownify}}
+                                </div>
+
+                                {{ if .featuredLink.enable }}
+                                <div class="py-1">
+                                    <a href="{{ .featuredLink.url }}" class="btn">
+                                        {{ .featuredLink.name | default "Featured" }}
+                                    </a>
+                                </div>
+                                {{ end }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}

layouts/partials/sections/experience.html

@@ -0,0 +1,130 @@
+{{ if .Site.Params.experience.enable | default false }}
+<section id="experience" class="py-5">
+    <div class="container">
+        <h3 class="text-center">{{ .Site.Params.experience.title | default "Experience" }}</h3>
+        <div class="row justify-content-center">
+            <div class="col-sm-12 col-md-8 col-lg-8 py-5">
+                <div class="experience-container px-3 pt-2">
+                    <ul class="nav nav-pills mb-3 bg-transparent primary-font" id="pills-tab" role="tablist">
+                        {{ range $index, $element := .Site.Params.experience.items }}
+                        {{ if (eq $index 0) }}
+                        <li class="nav-item px-1 bg-transparent" role="presentation">
+                            <div 
+                                class="nav-link active bg-transparent" 
+                                aria-selected="true" 
+                                role="tab" 
+                                data-bs-toggle="pill"
+                                id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
+                                data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+                                aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}' 
+                            >
+                                {{ .company }}
+                            </div>
+                        </li>
+                        {{ else }}
+                        <li class="nav-item px-1 bg-transparent" role="presentation">
+                            <div 
+                                class="nav-link bg-transparent" 
+                                aria-selected="true" 
+                                role="tab" 
+                                data-bs-toggle="pill"
+                                id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
+                                data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}' 
+                                aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+                            >
+                                {{ .company }}
+                            </div>
+                        </li>
+                        {{ end }}
+                        {{ end }}
+                    </ul>
+                    <div class="tab-content pb-5 pt-2 bg-transparent primary-font" id="pills-tabContent">
+                        {{ range $index, $element := .Site.Params.experience.items }}
+                        {{ if (eq $index 0) }}
+                        <div 
+                            class="tab-pane fade show active bg-transparent" 
+                            role="tabpanel"
+                            id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+                            aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
+                        >
+                            <div>
+                                <span class="h4">{{ .job }}</span>
+                                <small>-</small>
+                                <a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
+                                <div class="pb-1">
+                                    <small>{{ .date }}</small>
+                                    {{ if .info.enable | default true }}
+                                    <span class="p-2">
+                                        <span 
+                                            style="cursor: pointer;" 
+                                            data-bs-toggle="tooltip" 
+                                            data-bs-placement="top" 
+                                            data-bs-original-title={{ .info.content | default (print "Working as a " .job " at " .company ) }}
+                                        >
+                                            <i class="fas fa-info-circle fa-xs"></i>
+                                        </span>
+                                    </span>
+                                    {{ end }}
+                                </div>
+
+                                {{ if .featuredLink.enable | default false }}
+                                <div class="py-2 featuredLink">
+                                    <a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
+                                        {{ .featuredLink.name | default "Featured Link" }} 
+                                    </a>
+                                </div>
+                                {{ end }}
+                            </div>
+
+                            {{ .content | markdownify}}
+                        </div>
+                        {{ else }}
+                        <div 
+                            class="tab-pane fade bg-transparent" 
+                            role="tabpanel"
+                            id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+                            aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
+                        >
+                            <div>
+                                <span class="h4">{{ .job }}</span>
+                                <small>-</small>
+                                <a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
+                                
+                                <div class="pb-1">
+                                    <small>{{ .date }}</small>
+                                    {{ if .info.enable | default true }}
+                                    <span class="p-2">
+                                        <span 
+                                            style="cursor: pointer;" 
+                                            data-bs-toggle="tooltip" 
+                                            data-bs-placement="top" 
+                                            data-bs-original-title={{ .info.content | default (print "Worked as a " .job " at " .company ) }}
+                                        > 
+                                            <i class="fas fa-info-circle fa-xs"></i>
+                                        </span>
+                                    </span>
+                                    {{ end }}
+                                </div>
+                                
+                                {{ if .featuredLink.enable | default false }}
+                                <div class="py-2 featuredLink">
+                                    <a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
+                                        {{ .featuredLink.name | default "Featured Link" }} 
+                                    </a>
+                                </div>
+                                {{ end }}
+                            </div>
+
+                            <div class="pt-2">
+                                {{ .content | markdownify}}
+                            </div>
+                        </div>
+                        {{ end }}
+                        {{ end }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{{ end }}

layouts/partials/sections/footer/copyright.html

@@ -0,0 +1,24 @@
+<div class="container py-4">
+    <div class="row justify-content-center">
+        <div class="col-md-4 text-center">
+            <div class="pb-2">
+                <a href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">
+                    <img alt="Footer logo" src="{{ .Site.Params.navbar.brandLogo | default .Site.Params.favicon }}"
+                        height="40px" width="40px">
+                </a>
+            </div>
+            &copy; {{ now.Format "2006"}} {{ .Site.Params.copyright }} {{ .Site.Params.terms.copyright | default "All Rights Reserved" }}
+            <div class="text-secondary">
+                Made with
+                <span class="text-danger">
+                    &#10084;
+                </span>
+                and
+                <a href="https://github.com/gurusabarish/hugo-profile" target="_blank"
+                    title="Designed and developed by gurusabarish">
+                    Hugo Profile
+                </a>
+            </div>
+        </div>
+    </div>
+</div>

layouts/partials/sections/footer/index.html

@@ -0,0 +1,10 @@
+<footer>
+    <!-- Recent blog posts -->
+    {{- partial "sections/footer/recentBlogPosts.html" . -}}
+
+    <!-- Social Icons -->
+    {{- partial "sections/footer/socialNetwork.html" . -}}
+
+    <!-- Copyright -->
+    {{- partial "sections/footer/copyright.html" . -}}
+</footer>

layouts/partials/sections/footer/recentBlogPosts.html

@@ -0,0 +1,37 @@
+<div class="container py-3" id="recent-posts">
+    {{ if .Site.Params.footer.recentPosts.enable | default false }}
+    {{ $recentPostsPath := .Site.Params.footer.recentPosts.path | default "blogs" }}
+    {{ $recentPostsCount := .Site.Params.footer.recentPosts.count | default 3 }}
+    {{ $recentPosts := where .Site.RegularPages "Section" $recentPostsPath | first $recentPostsCount }}
+    <div class="h3 text-center text-secondary py-3">
+        {{ .Site.Params.footer.recentPosts.title | default "Recent Posts" }}
+    </div>
+    <div class="row justify-content-center">
+        {{ range $recentPosts }}
+        <div class="col-lg-4 col-md-6 pt-2">
+            <div class="card h-100">
+                {{ if and (not (.Site.Params.footer.recentPosts.disableFeaturedImage | default false)) (.Params.image) }}
+                <div class="card-header">
+                    <a href="{{ .RelPermalink }}">
+                        <img src="{{ .Params.image }}" class="card-img-top" alt="{{ .Title }}">
+                    </a>
+                </div>
+                {{ end }}
+                <div class="card-body bg-transparent p-3 shadow-sm">
+                    <a href="{{ .RelPermalink }}" class="primary-font card-title">
+                        <h5 class="card-title bg-transparent" title="{{ .Title }}">{{ .Title | truncate 25 }}</h5>
+                    </a>
+                    <div class="card-text secondary-font">
+                        <p>{{ .Summary | truncate 300}}</p>
+                    </div>
+                </div>
+                <div class="mt-auto card-footer">
+                    <span class="float-start">{{ .Date.Format (.Site.Params.datesFormat.articleRecent | default "January 2, 2006") }}</span>
+                    <a href="{{ .RelPermalink }}" class="float-end btn btn-outline-info btn-sm">{{ .Site.Params.terms.read | default "Read" }}</a>
+                </div>
+            </div>
+        </div>
+        {{ end }}
+    </div>
+    {{ end }}
+</div>

layouts/partials/sections/footer/socialNetwork.html

@@ -0,0 +1,95 @@
+<div class="text-center pt-2">
+    {{ if .Site.Params.footer.socialNetworks.github }}
+    <span class="px-1">
+        <a href="{{ .Site.Params.footer.socialNetworks.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.footer.socialNetworks.linkedin }}
+    <span class="px-1">
+        <a href="{{ .Site.Params.footer.socialNetworks.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.footer.socialNetworks.twitter }}
+    <a href="{{ .Site.Params.footer.socialNetworks.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.footer.socialNetworks.instagram }}
+    <a href="{{ .Site.Params.footer.socialNetworks.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.footer.socialNetworks.facebook }}
+    <a href="{{ .Site.Params.footer.socialNetworks.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>

layouts/partials/sections/header.html

@@ -0,0 +1,174 @@
+{{- /* theme is auto */}}
+<script>
+    let localStorageValue = localStorage.getItem("pref-theme");
+    let mediaQuery = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+    switch (localStorageValue) {
+        case "dark":
+            document.body.classList.add('dark');
+            break;
+        case "light":
+            document.body.classList.remove('dark');
+            break;
+        default:
+            if (mediaQuery) {
+                document.body.classList.add('dark');
+            }
+            break;
+    }
+</script>
+
+
+<!-- Navbar -->
+<header>
+    <nav class="pt-3 navbar navbar-expand-lg {{ if .Site.Params.animate }}animate{{ end }}">
+        <div class="container-fluid mx-xs-2 mx-sm-5 mx-md-5 mx-lg-5">
+            <!-- navbar brand -->
+            <a class="navbar-brand primary-font text-wrap" href="{{ .Site.BaseURL | relURL }}">
+                {{ if and (or (.Site.Params.favicon) (.Site.Params.navbar.brandLogo)) .Site.Params.navbar.showBrandLogo | default true }}
+                <img src="{{ .Site.Params.navbar.brandLogo | default .Site.Params.favicon }}" width="30" height="30"
+                    class="d-inline-block align-top">
+                {{ .Site.Params.navbar.brandName | default .Site.Params.title }}
+                {{ else }}
+                {{ .Site.Params.navbar.brandName | default .Site.Params.title }}
+                {{ end }}
+            </a>
+
+            {{ if not (.Site.Params.navbar.disableSearch | default false) }}
+                <div>
+                    <input id="search" autocomplete="off" class="form-control mr-sm-2 d-none d-md-block" placeholder='{{ .Site.Params.navbar.searchPlaceholder | default "Ctrl + k to Search..."}}'
+                        aria-label="Search" oninput="searchOnChange(event)">
+                </div>
+            {{ end }}
+
+            <!-- navbar toggler -->
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"
+                aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
+                <svg aria-hidden="true" height="24" viewBox="0 0 16 16" version="1.1" width="24" data-view-component="true">
+                    <path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path>
+                </svg>
+            </button>
+
+            <!-- navbar content -->
+            <div class="collapse navbar-collapse text-wrap primary-font" id="navbarContent">
+                <ul class="navbar-nav {{ .Site.Params.navbar.align | default "ms-auto"}} text-center">
+                    {{ if not (.Site.Params.navbar.disableSearch | default false) }}
+                        <li class="nav-item navbar-text d-block d-md-none">
+                            <div class="nav-link">
+                                <input id="search" autocomplete="off" class="form-control mr-sm-2" placeholder='{{ .Site.Params.navbar.searchPlaceholder | default "Ctrl + k to Search..."}}' aria-label="Search" oninput="searchOnChange(event)">
+                            </div>
+                        </li>
+                    {{ end }}
+
+                    {{ if and (.Site.Params.about.enable | default false) (not (.Site.Params.navbar.menus.disableAbout | default false)) }}
+                    <li class="nav-item navbar-text">
+                        <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">
+                            {{ .Site.Params.about.title | default "About" }}
+                        </a>
+                    </li>
+                    {{ end }}
+
+                    {{ if and (.Site.Params.experience.enable | default false) (not (.Site.Params.navbar.menus.disableExperience | default false)) }}
+                    <li class="nav-item navbar-text">
+                        <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience"
+                            aria-label="experience">
+                            {{ .Site.Params.experience.title | default "Experience" }}
+                        </a>
+                    </li>
+                    {{ end }}
+
+                    {{ if and (.Site.Params.education.enable | default false) (not (.Site.Params.navbar.menus.disableEducation | default false)) }}
+                    <li class="nav-item navbar-text">
+                        <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education"
+                            aria-label="education">
+                            {{ .Site.Params.education.title | default "Education" }}
+                        </a>
+                    </li>
+                    {{ end }}
+
+                    {{ if and (.Site.Params.projects.enable | default false) (not (.Site.Params.navbar.menus.disableProjects | default false)) }}
+                    <li class="nav-item navbar-text">
+                        <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects"
+                            aria-label="projects">
+                            {{ .Site.Params.projects.title | default "Projects" }}
+                        </a>
+                    </li>
+                    {{ end }}
+
+                    {{ if and (.Site.Params.achievements.enable | default false) (not (.Site.Params.navbar.menus.disableAchievements | default false)) }}
+                    <li class="nav-item navbar-text">
+                        <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
+                            aria-label="achievements">
+                            {{ .Site.Params.achievements.title | default "Achievements" }}
+                        </a>
+                    </li>
+                    {{ end }}
+
+                    {{ if and (.Site.Params.contact.enable | default false) (not (.Site.Params.navbar.menus.disableContact | default false)) }}
+                    <li class="nav-item navbar-text">
+                        <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact"
+                            aria-label="contact">
+                            {{ .Site.Params.contact.title | default "Contact" }}
+                        </a>
+                    </li>
+                    {{ end }}
+
+                    <!-- custom menus from the user -->
+                    {{ range .Site.Menus.main }}
+                    {{ if .HasChildren }}
+                    <!-- Dropdown menu -->
+                    <li class="nav-item navbar-text dropdown">
+                        <a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
+                            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
+                            {{ .Name }}
+                        </a>
+                        <div class="dropdown-menu shadow-lg rounded" aria-labelledby="navbarDropdown">
+                            {{ range .Children }}
+                            <a class="dropdown-item text-center nav-link" href="{{ .URL }}"
+                                title="{{ .Title }}">
+                                {{ .Name }}
+                            </a>
+                            {{ end }}
+                        </div>
+                    </li>
+                    {{else}}
+                    <!-- Single menu item -->
+                    <li class="nav-item navbar-text">
+                        <a class="nav-link" href="{{.URL}}" title="{{ .Title }}">
+                            {{ .Pre }}
+                            {{ .Name }}
+                        </a>
+                    </li>
+                    {{end}}
+                    {{end}}
+
+                    {{ if (not .Site.Params.theme.disableThemeToggle | default false) }}
+                    <li class="nav-item navbar-text">
+                        <!-- darkmode mode toggle -->
+                        <div class="text-center">
+                            <button id="theme-toggle">
+                                <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+                                </svg>
+                                <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                    <circle cx="12" cy="12" r="5"></circle>
+                                    <line x1="12" y1="1" x2="12" y2="3"></line>
+                                    <line x1="12" y1="21" x2="12" y2="23"></line>
+                                    <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+                                    <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+                                    <line x1="1" y1="12" x2="3" y2="12"></line>
+                                    <line x1="21" y1="12" x2="23" y2="12"></line>
+                                    <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+                                    <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </li>
+                    {{ end }}
+
+                </ul>
+
+            </div>
+        </div>
+    </nav>
+</header>

layouts/partials/sections/hero/index.html

@@ -0,0 +1,311 @@
+{{ if .Site.Params.hero.enable | default false }}
+<section id="hero" class="py-5 align-middle">
+    <div class="container px-3 px-sm-5 px-md-5 px-lg-5 pt-lg-3">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-8 content {{ if .Site.Params.animate }}animate{{ end }}" id="primary-font">
+                <span class="subtitle">
+                    {{ .Site.Params.hero.intro }}
+                </span>
+                <h2>
+                    {{ .Site.Params.hero.title }}
+                </h2>
+                <h3>
+                    {{ .Site.Params.hero.subtitle }}
+                </h3>
+                <p class="hero-content">
+                    {{ .Site.Params.hero.content | markdownify }}
+                </p>
+                <div class="row">
+                    <div class="col-auto h-100">
+                        {{ if .Site.Params.hero.button.enable }}
+                        <a href="{{ .Site.Params.hero.button.url }}" class="btn" {{ cond .Site.Params.hero.button.download "download" "" }}
+			  {{ if .Site.Params.hero.button.newPage | default true }}
+                          target="_blank"
+                          {{ end }}>
+                            {{ .Site.Params.hero.button.name }}
+                        </a>
+                        {{ end }}
+                    </div>
+                    <div class="col-auto px-0 h-100">
+                        {{- partial "sections/hero/social.html" . -}}
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-12 col-md-12 col-lg-4">
+                <div class="row justify-content-center">
+                    <div class="col-sm-12 col-md-9 pt-5 image {{ if .Site.Params.animate }}animate{{ end }} px-5 px-md-5 px-lg-0 text-center">
+                        <img src="{{ .Site.Params.hero.image }}"
+                            class="img-thumbnail mx-auto{{ if .Site.Params.hero.roundImage }} rounded-circle{{ end }}"
+                            alt=""
+                        >
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    {{ if .Site.Params.hero.bottomImage.enable | default true }}
+    <div class="hero-bottom-svg d-md-block d-lg-block d-none">
+        <svg xmlns="http://www.w3.org/2000/svg" width="201" height="201" viewBox="0 0 201 201">
+            <g id="Group_1168" data-name="Group 1168" transform="translate(-384 -1392)">
+                <rect id="Rectangle_2206" data-name="Rectangle 2206" width="12" height="2" rx="1"
+                    transform="translate(391 1392) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2271" data-name="Rectangle 2271" width="12" height="2" rx="1"
+                    transform="translate(391 1500) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2238" data-name="Rectangle 2238" width="12" height="2" rx="1"
+                    transform="translate(391 1446) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2278" data-name="Rectangle 2278" width="12" height="2" rx="1"
+                    transform="translate(391 1554) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2222" data-name="Rectangle 2222" width="12" height="2" rx="1"
+                    transform="translate(391 1419) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2272" data-name="Rectangle 2272" width="12" height="2" rx="1"
+                    transform="translate(391 1527) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2241" data-name="Rectangle 2241" width="12" height="2" rx="1"
+                    transform="translate(391 1473) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2288" data-name="Rectangle 2288" width="12" height="2" rx="1"
+                    transform="translate(391 1581) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2214" data-name="Rectangle 2214" width="12" height="2" rx="1"
+                    transform="translate(499 1392) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2289" data-name="Rectangle 2289" width="12" height="2" rx="1"
+                    transform="translate(499 1500) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2256" data-name="Rectangle 2256" width="12" height="2" rx="1"
+                    transform="translate(499 1446) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2290" data-name="Rectangle 2290" width="12" height="2" rx="1"
+                    transform="translate(499 1554) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2231" data-name="Rectangle 2231" width="12" height="2" rx="1"
+                    transform="translate(499 1419) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2291" data-name="Rectangle 2291" width="12" height="2" rx="1"
+                    transform="translate(499 1527) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2257" data-name="Rectangle 2257" width="12" height="2" rx="1"
+                    transform="translate(499 1473) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2292" data-name="Rectangle 2292" width="12" height="2" rx="1"
+                    transform="translate(499 1581) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2210" data-name="Rectangle 2210" width="12" height="2" rx="1"
+                    transform="translate(445 1392) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2279" data-name="Rectangle 2279" width="12" height="2" rx="1"
+                    transform="translate(445 1500) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2248" data-name="Rectangle 2248" width="12" height="2" rx="1"
+                    transform="translate(445 1446) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2280" data-name="Rectangle 2280" width="12" height="2" rx="1"
+                    transform="translate(445 1554) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2226" data-name="Rectangle 2226" width="12" height="2" rx="1"
+                    transform="translate(445 1419) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2281" data-name="Rectangle 2281" width="12" height="2" rx="1"
+                    transform="translate(445 1527) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2249" data-name="Rectangle 2249" width="12" height="2" rx="1"
+                    transform="translate(445 1473) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2293" data-name="Rectangle 2293" width="12" height="2" rx="1"
+                    transform="translate(445 1581) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2219" data-name="Rectangle 2219" width="12" height="2" rx="1"
+                    transform="translate(553 1392) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2310" data-name="Rectangle 2310" width="12" height="2" rx="1"
+                    transform="translate(553 1500) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2262" data-name="Rectangle 2262" width="12" height="2" rx="1"
+                    transform="translate(553 1446) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2311" data-name="Rectangle 2311" width="12" height="2" rx="1"
+                    transform="translate(553 1554) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2232" data-name="Rectangle 2232" width="12" height="2" rx="1"
+                    transform="translate(553 1419) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2312" data-name="Rectangle 2312" width="12" height="2" rx="1"
+                    transform="translate(553 1527) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2263" data-name="Rectangle 2263" width="12" height="2" rx="1"
+                    transform="translate(553 1473) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2313" data-name="Rectangle 2313" width="12" height="2" rx="1"
+                    transform="translate(553 1581) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2209" data-name="Rectangle 2209" width="12" height="2" rx="1"
+                    transform="translate(418 1392) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2273" data-name="Rectangle 2273" width="12" height="2" rx="1"
+                    transform="translate(418 1500) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2242" data-name="Rectangle 2242" width="12" height="2" rx="1"
+                    transform="translate(418 1446) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2282" data-name="Rectangle 2282" width="12" height="2" rx="1"
+                    transform="translate(418 1554) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2223" data-name="Rectangle 2223" width="12" height="2" rx="1"
+                    transform="translate(418 1419) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2274" data-name="Rectangle 2274" width="12" height="2" rx="1"
+                    transform="translate(418 1527) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2243" data-name="Rectangle 2243" width="12" height="2" rx="1"
+                    transform="translate(418 1473) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2294" data-name="Rectangle 2294" width="12" height="2" rx="1"
+                    transform="translate(418 1581) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2217" data-name="Rectangle 2217" width="12" height="2" rx="1"
+                    transform="translate(526 1392) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2314" data-name="Rectangle 2314" width="12" height="2" rx="1"
+                    transform="translate(526 1500) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2258" data-name="Rectangle 2258" width="12" height="2" rx="1"
+                    transform="translate(526 1446) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2315" data-name="Rectangle 2315" width="12" height="2" rx="1"
+                    transform="translate(526 1554) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2233" data-name="Rectangle 2233" width="12" height="2" rx="1"
+                    transform="translate(526 1419) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2316" data-name="Rectangle 2316" width="12" height="2" rx="1"
+                    transform="translate(526 1527) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2259" data-name="Rectangle 2259" width="12" height="2" rx="1"
+                    transform="translate(526 1473) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2317" data-name="Rectangle 2317" width="12" height="2" rx="1"
+                    transform="translate(526 1581) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2211" data-name="Rectangle 2211" width="12" height="2" rx="1"
+                    transform="translate(472 1392) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2295" data-name="Rectangle 2295" width="12" height="2" rx="1"
+                    transform="translate(472 1500) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2250" data-name="Rectangle 2250" width="12" height="2" rx="1"
+                    transform="translate(472 1446) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2296" data-name="Rectangle 2296" width="12" height="2" rx="1"
+                    transform="translate(472 1554) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2227" data-name="Rectangle 2227" width="12" height="2" rx="1"
+                    transform="translate(472 1419) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2297" data-name="Rectangle 2297" width="12" height="2" rx="1"
+                    transform="translate(472 1527) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2251" data-name="Rectangle 2251" width="12" height="2" rx="1"
+                    transform="translate(472 1473) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2298" data-name="Rectangle 2298" width="12" height="2" rx="1"
+                    transform="translate(472 1581) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2221" data-name="Rectangle 2221" width="12" height="2" rx="1"
+                    transform="translate(580 1392) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2318" data-name="Rectangle 2318" width="12" height="2" rx="1"
+                    transform="translate(580 1500) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2264" data-name="Rectangle 2264" width="12" height="2" rx="1"
+                    transform="translate(580 1446) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2319" data-name="Rectangle 2319" width="12" height="2" rx="1"
+                    transform="translate(580 1554) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2236" data-name="Rectangle 2236" width="12" height="2" rx="1"
+                    transform="translate(580 1419) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2320" data-name="Rectangle 2320" width="12" height="2" rx="1"
+                    transform="translate(580 1527) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2265" data-name="Rectangle 2265" width="12" height="2" rx="1"
+                    transform="translate(580 1473) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2321" data-name="Rectangle 2321" width="12" height="2" rx="1"
+                    transform="translate(580 1581) rotate(90)" fill="#282f49" />
+                <rect id="Rectangle_2207" data-name="Rectangle 2207" width="12" height="2" rx="1"
+                    transform="translate(396 1399) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2270" data-name="Rectangle 2270" width="12" height="2" rx="1"
+                    transform="translate(396 1507) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2239" data-name="Rectangle 2239" width="12" height="2" rx="1"
+                    transform="translate(396 1453) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2283" data-name="Rectangle 2283" width="12" height="2" rx="1"
+                    transform="translate(396 1561) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2224" data-name="Rectangle 2224" width="12" height="2" rx="1"
+                    transform="translate(396 1426) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2275" data-name="Rectangle 2275" width="12" height="2" rx="1"
+                    transform="translate(396 1534) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2244" data-name="Rectangle 2244" width="12" height="2" rx="1"
+                    transform="translate(396 1480) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2299" data-name="Rectangle 2299" width="12" height="2" rx="1"
+                    transform="translate(396 1588) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2215" data-name="Rectangle 2215" width="12" height="2" rx="1"
+                    transform="translate(504 1399) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2300" data-name="Rectangle 2300" width="12" height="2" rx="1"
+                    transform="translate(504 1507) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2252" data-name="Rectangle 2252" width="12" height="2" rx="1"
+                    transform="translate(504 1453) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2301" data-name="Rectangle 2301" width="12" height="2" rx="1"
+                    transform="translate(504 1561) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2228" data-name="Rectangle 2228" width="12" height="2" rx="1"
+                    transform="translate(504 1426) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2302" data-name="Rectangle 2302" width="12" height="2" rx="1"
+                    transform="translate(504 1534) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2253" data-name="Rectangle 2253" width="12" height="2" rx="1"
+                    transform="translate(504 1480) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2303" data-name="Rectangle 2303" width="12" height="2" rx="1"
+                    transform="translate(504 1588) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2212" data-name="Rectangle 2212" width="12" height="2" rx="1"
+                    transform="translate(450 1399) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2284" data-name="Rectangle 2284" width="12" height="2" rx="1"
+                    transform="translate(450 1507) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2245" data-name="Rectangle 2245" width="12" height="2" rx="1"
+                    transform="translate(450 1453) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2285" data-name="Rectangle 2285" width="12" height="2" rx="1"
+                    transform="translate(450 1561) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2229" data-name="Rectangle 2229" width="12" height="2" rx="1"
+                    transform="translate(450 1426) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2286" data-name="Rectangle 2286" width="12" height="2" rx="1"
+                    transform="translate(450 1534) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2246" data-name="Rectangle 2246" width="12" height="2" rx="1"
+                    transform="translate(450 1480) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2304" data-name="Rectangle 2304" width="12" height="2" rx="1"
+                    transform="translate(450 1588) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2218" data-name="Rectangle 2218" width="12" height="2" rx="1"
+                    transform="translate(558 1399) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2322" data-name="Rectangle 2322" width="12" height="2" rx="1"
+                    transform="translate(558 1507) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2266" data-name="Rectangle 2266" width="12" height="2" rx="1"
+                    transform="translate(558 1453) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2323" data-name="Rectangle 2323" width="12" height="2" rx="1"
+                    transform="translate(558 1561) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2234" data-name="Rectangle 2234" width="12" height="2" rx="1"
+                    transform="translate(558 1426) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2324" data-name="Rectangle 2324" width="12" height="2" rx="1"
+                    transform="translate(558 1534) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2267" data-name="Rectangle 2267" width="12" height="2" rx="1"
+                    transform="translate(558 1480) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2325" data-name="Rectangle 2325" width="12" height="2" rx="1"
+                    transform="translate(558 1588) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2208" data-name="Rectangle 2208" width="12" height="2" rx="1"
+                    transform="translate(423 1399) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2276" data-name="Rectangle 2276" width="12" height="2" rx="1"
+                    transform="translate(423 1507) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2240" data-name="Rectangle 2240" width="12" height="2" rx="1"
+                    transform="translate(423 1453) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2287" data-name="Rectangle 2287" width="12" height="2" rx="1"
+                    transform="translate(423 1561) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2225" data-name="Rectangle 2225" width="12" height="2" rx="1"
+                    transform="translate(423 1426) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2277" data-name="Rectangle 2277" width="12" height="2" rx="1"
+                    transform="translate(423 1534) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2247" data-name="Rectangle 2247" width="12" height="2" rx="1"
+                    transform="translate(423 1480) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2305" data-name="Rectangle 2305" width="12" height="2" rx="1"
+                    transform="translate(423 1588) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2216" data-name="Rectangle 2216" width="12" height="2" rx="1"
+                    transform="translate(531 1399) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2326" data-name="Rectangle 2326" width="12" height="2" rx="1"
+                    transform="translate(531 1507) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2260" data-name="Rectangle 2260" width="12" height="2" rx="1"
+                    transform="translate(531 1453) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2327" data-name="Rectangle 2327" width="12" height="2" rx="1"
+                    transform="translate(531 1561) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2235" data-name="Rectangle 2235" width="12" height="2" rx="1"
+                    transform="translate(531 1426) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2328" data-name="Rectangle 2328" width="12" height="2" rx="1"
+                    transform="translate(531 1534) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2261" data-name="Rectangle 2261" width="12" height="2" rx="1"
+                    transform="translate(531 1480) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2329" data-name="Rectangle 2329" width="12" height="2" rx="1"
+                    transform="translate(531 1588) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2213" data-name="Rectangle 2213" width="12" height="2" rx="1"
+                    transform="translate(477 1399) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2306" data-name="Rectangle 2306" width="12" height="2" rx="1"
+                    transform="translate(477 1507) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2254" data-name="Rectangle 2254" width="12" height="2" rx="1"
+                    transform="translate(477 1453) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2307" data-name="Rectangle 2307" width="12" height="2" rx="1"
+                    transform="translate(477 1561) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2230" data-name="Rectangle 2230" width="12" height="2" rx="1"
+                    transform="translate(477 1426) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2308" data-name="Rectangle 2308" width="12" height="2" rx="1"
+                    transform="translate(477 1534) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2255" data-name="Rectangle 2255" width="12" height="2" rx="1"
+                    transform="translate(477 1480) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2309" data-name="Rectangle 2309" width="12" height="2" rx="1"
+                    transform="translate(477 1588) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2220" data-name="Rectangle 2220" width="12" height="2" rx="1"
+                    transform="translate(585 1399) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2330" data-name="Rectangle 2330" width="12" height="2" rx="1"
+                    transform="translate(585 1507) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2268" data-name="Rectangle 2268" width="12" height="2" rx="1"
+                    transform="translate(585 1453) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2331" data-name="Rectangle 2331" width="12" height="2" rx="1"
+                    transform="translate(585 1561) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2237" data-name="Rectangle 2237" width="12" height="2" rx="1"
+                    transform="translate(585 1426) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2332" data-name="Rectangle 2332" width="12" height="2" rx="1"
+                    transform="translate(585 1534) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2269" data-name="Rectangle 2269" width="12" height="2" rx="1"
+                    transform="translate(585 1480) rotate(-180)" fill="#282f49" />
+                <rect id="Rectangle_2333" data-name="Rectangle 2333" width="12" height="2" rx="1"
+                    transform="translate(585 1588) rotate(-180)" fill="#282f49" />
+            </g>
+        </svg>
+    </div>
+    {{ end }}
+</section>
+{{ end }}

layouts/partials/sections/hero/social.html

@@ -0,0 +1,17 @@
+<span>
+    {{ range .Site.Params.hero.socialLinks.fontAwesomeIcons }}
+    <span class="px-1">
+        <a href="{{ .url }}" target="_blank" class="btn social-icon">
+            <i class="{{ .icon }}"></i>
+        </a>
+    </span>
+    {{ end }}
+
+    {{ range .Site.Params.hero.socialLinks.customIcons }}
+    <span class="px-1">
+        <a href="{{ .url }}" target="_blank" class="btn social-icon">
+            <img src="{{ .icon }}">
+        </a>
+    </span>
+    {{ end }}
+</span>

layouts/partials/sections/projects.html

@@ -0,0 +1,83 @@
+{{ if .Site.Params.projects.enable | default false }}
+<section id="projects" class="py-5">
+    <div class="container">
+        <h3 class="text-center">{{ .Site.Params.projects.title | default "Projects" }}</h3>
+        <div class="row justify-content-center px-3 px-md-5">
+            {{ range .Site.Params.projects.items }}
+            <div class="col-lg-4 col-md-6 my-3">
+                <div class="card my-3 h-100" title="{{ .title }}">
+                    <div class="card-head">
+                        <img class="card-img-top" src="{{ .image }}" alt="{{ .title }}">
+                    </div>
+                    <div class="card-body bg-transparent p-3">
+                        <div class="pb-2 bg-transparent">
+                            {{ range .badges }}
+                            <span class="badge badge-secondary">{{ . }}</span>
+                            {{ end }}
+                        </div>
+                        <h5 class="card-title bg-transparent mt-1">{{ .title }}</h5>
+                        <div class="card-text bg-transparent secondary-font">
+                            {{ .content }}
+                        </div>
+                    </div>
+                    {{ if or (.links) (.featured) }}
+                    <div class="card-footer py-3">
+                        {{ range .links }}
+                        <span class="m-1 mx-2">
+                            <a href="{{ .url }}" target="_blank">
+                                <i class="{{ .icon }}"></i>
+                            </a>
+                        </span>
+                        {{ end }}
+                        {{ if .featured }}
+                        <span class="float-end">
+                            <a class="btn btn-sm" href="{{ .featured.link }}" target="_blank">
+                                {{ .featured.name }}
+                            </a>
+                        </span>
+                        {{ end }}
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+            {{ end }}
+            {{ range ( where .Site.RegularPages "Type" "projects" ) }}
+            {{ if .Params.showInHome | default true }}
+            <div class="col-lg-4 col-md-6 my-3">
+                <div class="card my-3 h-100" title="{{ .Title }}">
+                    <div class="card-head">
+                        <img class="card-img-top" src="{{ .Params.image }}" alt="{{ .Title }}">
+                    </div>
+                    <div class="card-body bg-transparent p-3">
+                        <div class="pb-2 bg-transparent">
+                            {{ range .Params.badges }}
+                            <span class="badge badge-secondary">{{ . }}</span>
+                            {{ end }}
+                        </div>
+                        <h5 class="card-title bg-transparent">{{ .Title | truncate 50 }}</h5>
+                        <div class="card-text bg-transparent secondary-font">
+                            {{ .Summary | truncate 100 | safeHTML }}
+                        </div>
+                    </div>
+                    <div class="card-footer py-3">
+                        {{ range .Params.links }}
+                        <span class="m-1 mx-2">
+                            <a href="{{ .url }}">
+                                <i class="{{ .icon }}"></i>
+                            </a>
+                        </span>
+                        {{ end }}
+                        <span class="float-end">
+                            <a class="btn btn-sm" href="{{ .RelPermalink }}">
+                                Know more
+                            </a>
+                        </span>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}

layouts/partials/sections/v1/about.html

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

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

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

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

@@ -1,12 +0,0 @@
-<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://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
-  </div>
-</footer>

layouts/partials/sections/v1/head.html

@@ -1,11 +0,0 @@
-<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">
-
-<!-- Custom Styles -->
-{{ if .Site.Params.customCSS }}
-<link rel="stylesheet" href="/style.css">
-{{ end }}

layouts/partials/sections/v1/header.html

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

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

@@ -1,123 +0,0 @@
-{{ $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

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

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

layouts/partials/sections/v2/about.html

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

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

@@ -1,144 +0,0 @@
-<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://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</footer>

layouts/partials/sections/v2/head.html

@@ -1,16 +0,0 @@
-<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">
-
-
-<!-- Custom Styles -->
-{{ if .Site.Params.customCSS }}
-<link rel="stylesheet" href="/style.css">
-{{ end }}

layouts/partials/sections/v2/header.html

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

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

layouts/partials/sections/v3/about.html

@@ -1,43 +0,0 @@
-<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">
-                {{ .Site.Params.getintouch | default "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

@@ -1,37 +0,0 @@
-{{ $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 }}
-      {{ if .url }}
-      <div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
-        data-aos-duration="600" data-aos-once="true">
-        <a target="_blank" href={{ .url | default "#" }}>
-          <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
-            <div class="p-3 w-100 achiv overflow-hidden">
-              <h4 class="text-center achiv-head">{{ .title }}</h4>
-              <div class="text-secondary">{{ .description }}</div>
-            </div>
-          </div>
-        </a>
-      </div>
-      {{ else }}
-      <div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
-        data-aos-duration="600" data-aos-once="true">
-        <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
-          <div class="p-3 w-100 achiv overflow-hidden">
-            <h4 class="text-center achiv-head">{{ .title }}</h4>
-            <div class="text-secondary">{{ .description }}</div>
-          </div>
-        </div>
-      </div>
-      {{ end }}
-      {{ end }}
-    </div>
-  </div>
-</section>

layouts/partials/sections/v3/contact.html

@@ -1,17 +0,0 @@
-<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 | emojify | markdownify }}</div>
-        {{ if .Site.Params.email }}
-        <div class="text-center pt-3">
-          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
-            {{ .Site.Params.getintouch | default "Get in Touch" }}
-          </a>
-        </div>
-        {{ end }}
-      </div>
-    </div>
-  </div>
-</section>

layouts/partials/sections/v3/experience.html

@@ -1,138 +0,0 @@
-<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) }}
-        {{ if .id }}
-        <a class="nav-link active" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab"
-          aria-controls="{{ .id }}" aria-selected="true">
-          {{ .company }}
-        </a>
-        {{ else }}
-        <a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
-          aria-controls="{{ .company }}" aria-selected="true">
-          {{ .company }}
-        </a>
-        {{ end }}
-
-
-        {{ else }}
-        {{ if .id }}
-        <a class="nav-link" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab" aria-controls="{{ .id }}"
-          aria-selected="false">
-          {{ .company }}
-        </a>
-        {{ else }}
-        <a class="nav-link" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
-          aria-controls="{{ .company }}" aria-selected="false">
-          {{ .company }}
-        </a>
-        {{ end }}
-
-        {{ end }} {{ end }}
-      </div>
-
-      <div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
-        {{ range $index, $element := .Site.Params.experience }}
-        {{ if (eq $index 0) }}
-        {{ if .id }}
-        <div class="tab-pane fade show active" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
-          <div class="h4 text-muted">
-            <span class="text-primary">{{ .company }}</span> - {{ .role }}
-          </div>
-          <div>
-            <small>{{ .startdate }}</small>
-            -
-            <small>{{ .enddate }}</small>
-          </div>
-          <ul class="py-2 ex">
-            {{ range .featuredpoints }}
-            <li class="ex-item">{{ .point }}</li>
-            {{ end }}
-          </ul>
-        </div>
-        {{ else }}
-        <div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
-          <div class="h4 text-muted">
-            <span class="text-primary">{{ .company }}</span> - {{ .role }}
-          </div>
-          <div>
-            <small>{{ .startdate }}</small>
-            -
-            <small>{{ .enddate }}</small>
-          </div>
-          <ul class="py-2 ex">
-            {{ range .featuredpoints }}
-            <li class="ex-item">{{ .point }}</li>
-            {{ end }}
-          </ul>
-        </div>
-        {{ end }}
-
-        {{ else }}
-        {{ if .id }}
-        <div class="tab-pane fade" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
-          <div class="h4 text-muted">
-            <span class="text-primary">{{ .company }}</span> - {{ .role }}
-          </div>
-          <div>
-            <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 }}
-        {{ end }}
-      </div>
-    </div>
-  </div>
-</section>

layouts/partials/sections/v3/footer.html

@@ -1,142 +0,0 @@
-<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://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
-        </div>
-      </div>
-    </div>
-  </div>
-</footer>

layouts/partials/sections/v3/head.html

@@ -1,36 +0,0 @@
-<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">
-<!-- Google analytics -->
-{{ template "_internal/google_analytics.html" . }}
-<!-- stylesheets -->
-<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
-<link rel="stylesheet" href="/css/all.min.css" media="all">
-<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
-<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
-
-<style>
-    html {
-        scrollbar-width: thin;
-        scrollbar-color: #6c757d transparent;
-    }
-
-    ::-webkit-scrollbar {
-        width: 5px;
-    }
-
-    ::-webkit-scrollbar-track {
-        background: transparent;
-    }
-
-    ::-webkit-scrollbar-thumb {
-        background: #6c757d;
-    }
-</style>
-
-
-<!-- Custom Styles -->
-{{ if .Site.Params.customCSS }}
-<link rel="stylesheet" href="/style.css">
-{{ end }}

layouts/partials/sections/v3/home.html

@@ -1,99 +0,0 @@
-<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 style="color: #{{ .Site.Params.namecolor }};" class="hi-text" data-aos="fade-up" data-aos-offset="50"
-            data-aos-delay="50" data-aos-once="true" data-aos-duration="900">
-            {{ .Site.Params.hitext | default "Hi there, I'm" }}
-          </div>
-          <h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
-            data-aos-duration="900" data-aos-once="true">
-            {{ .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">
-          <div class="col-md-12">
-            {{ if .Site.Params.github }}
-            <a href="{{ .Site.Params.github }}" class="social-icon">
-              <i class="fab fa-lg fa-github"></i>
-              &#8203;
-            </a>
-            <span class="px-1"></span>
-            {{ end }}
-
-            {{ if .Site.Params.gitlab }}
-            <a href="{{ .Site.Params.gitlab }}" class="social-icon">
-              <i class="fab fa-lg fa-gitlab"></i>
-              &#8203;
-            </a>
-            <span class="px-1"></span>
-            {{ end }}
-
-            {{ if .Site.Params.twitter }}
-            <a href="{{ .Site.Params.twitter }}" class="social-icon">
-              <i class="fab fa-lg fa-twitter"></i>
-              &#8203;
-            </a>
-            <span class="px-1"></span>
-            {{ end }}
-
-            {{ if .Site.Params.linkedin }}
-            <a href="{{ .Site.Params.linkedin }}" class="social-icon">
-              <i class="fab fa-lg fa-linkedin"></i>
-              &#8203;
-            </a>
-            <span class="px-1"></span>
-            {{ end }}
-
-            {{ if .Site.Params.facebook }}
-            <a href="{{ .Site.Params.facebook }}" class="social-icon">
-              <i class="fab fa-lg fa-facebook"></i>
-              &#8203;
-            </a>
-            <span class="px-1"></span>
-            {{ end }}
-
-            <!-- customSocialLinks -->
-            {{ range .Site.Params.customSocialLinks }}
-            {{ if .fontAwesomeIconName }}
-            <a href="{{ .url }}" class="social-icon">
-              <i class="fa-lg {{ .fontAwesomeIconName }}"></i>
-              &#8203;
-            </a>
-            {{ else }}
-            <a href="{{ .url }}" class="social-icon">
-              <img class="fab fa-lg" src="{{ .imageURL }}" alt="{{ .name }}" width="4%" />
-              &#8203;
-            </a>
-            {{ end }}
-            <span class="px-1"></span>
-            {{ end }}
-          </div>
-        </div>
-
-        <div class="pt-4 btn-intro">
-          <a href="#about" class="btn-know btn btn-outline-info" data-aos="zoom-in" data-aos-offset="50"
-            data-aos-delay="50" data-aos-duration="900" data-aos-once="true">
-            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

@@ -1,120 +0,0 @@
-<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.Menus.main }}
-        {{ if .HasChildren }}
-        <!-- Dropdown menu -->
-        <li class="nav-item dropdown navbar-text">
-          <a class="nav-link text-dark dropdown-toggle" href="#" title="{{ .Title }}" id="navbarDropdownMenuLink"
-            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            {{ .Name }}
-          </a>
-          <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
-            {{ range .Children }}
-            <a class="dropdown-item text-dark" href="{{ .URL }}" title="{{ .Title }}">
-              {{ .Name }}
-            </a>
-            {{ end }}
-          </div>
-        </li>
-
-        {{/*
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
-            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
-            {{ .Name }}
-          </a>
-          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-            {{ range .Children }}
-            <a class="dropdown-item" href="{{ .URL }}" title="{{ .Title }}">
-              {{ .Name }}</a>
-            {{ end }}
-          </div>
-        </li> */}}
-        {{else}}
-        <!-- Single menu item -->
-        <li class="nav-item navbar-text">
-          <a class="nav-link text-dark" href="{{.URL}}" title="{{ .Title }}">
-            {{ .Pre }}
-            <span>{{ .Name }}</span>
-          </a>
-        </li>
-        {{end}}
-        {{end}}
-
-        <li class="nav-item navbar-text">
-          <div class="custom-control custom-switch">
-            <input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
-            <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

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

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

layouts/projects/list.html

@@ -0,0 +1,58 @@
+{{ define "head" }}
+<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
+
+<!-- fontawesome -->
+<script defer src="{{ .Site.Params.staticPath }}/fontawesome-5/all-5.15.4.js"></script>
+{{ end }}
+
+{{ define "title" }}
+{{.Title }} | {{ .Site.Title }}
+{{ end }}
+
+{{ define "main" }}
+<div class="container pt-5" id="projects">
+    <h2 class="text-center pb-2">{{.Title}}</h2>
+    <div class="row">
+        {{ range .Paginator.Pages }}
+        <div class="col-lg-4 col-md-6 my-3">
+            <div class="card my-3 h-100" title="{{ .Title }}">
+                <div class="card-head">
+                    <img class="card-img-top" src="{{ .Params.image }}" alt="{{ .Title }}">
+                </div>
+                <div class="card-body bg-transparent p-3">
+                    <div class="pb-2 bg-transparent">
+                        {{ range .Params.badges }}
+                        <span class="badge badge-secondary">{{ . }}</span>
+                        {{ end }}
+                    </div>
+                    <h5 class="card-title bg-transparent">{{ .Title | truncate 50 }}</h5>
+                    <div class="card-text bg-transparent secondary-font">
+                        {{ .Summary | truncate 100 | safeHTML }}
+                    </div>
+                </div>
+                <div class="card-footer py-3">
+                    {{ range .Params.links }}
+                    <span class="m-1 mx-2">
+                        <a href="{{ .url }}" target="_blank">
+                            <i class="{{ .icon }}"></i>
+                        </a>
+                    </span>
+                    {{ end }}
+                    <span class="float-end">
+                        <a class="btn btn-sm" href="{{ .RelPermalink }}">
+                            Know more
+                        </a>
+                    </span>
+                </div>
+            </div>
+        </div>
+        {{ end }}
+        <div class="row justify-content-center">
+            <div class="col-auto m-3">
+                {{template "_internal/pagination.html" . }}
+            </div>
+        </div>
+    </div>
+</div>
+{{ end }}

layouts/shortcodes/dynamic-img.html

@@ -0,0 +1,5 @@
+{{ $image := .Get "src" }}
+{{ $alt := .Get "title" }}
+{{ $width := .Get "width" | default "w_auto" }}
+{{ $style := .Get "style" | default "max-width:80%" }}
+<img alt="{{ $alt }}" title="{{ $alt }}" data-src="https://res.cloudinary.com/{{ $.Site.Params.cloudinary_cloud_name }}/{{ $width }},c_scale,f_auto,q_auto,dpr_auto{{ $image}}" class="cld-responsive" style="padding-bottom: 16px; display: block; margin: auto; {{ $style }}">

netlify.toml

@@ -1,33 +1,33 @@
 [build]
-publish = "website/public"
+publish = "exampleSite/public"
-command = "cd website && hugo --gc --minify --themesDir ../.."
+command = 'cd exampleSite && echo -e "\ngoogleAnalytics: $GOOGLE_ANALYTICS \ndisqusShortname: $DISQUS_SHORTNAME \n" >> config.yaml && hugo --gc --minify --themesDir ../..'
 
 [context.production.environment]
-HUGO_VERSION = "0.76.5"
+HUGO_VERSION = "0.92.0"
 HUGO_ENV = "production"
 HUGO_ENABLEGITINFO = "true"
 HUGO_THEME = "repo"
 
 [context.split1]
-command = "cd website && hugo --gc --minify --enableGitInfo --themesDir ../.."
+command = "cd exampleSite && hugo --gc --minify --enableGitInfo --themesDir ../.."
 
 [context.split1.environment]
-HUGO_VERSION = "0.76.5"
+HUGO_VERSION = "0.92.0"
 HUGO_ENV = "production"
 HUGO_THEME = "repo"
 
 [context.deploy-preview]
-command = "cd website && hugo --gc --minify --buildFuture --themesDir ../.. -b $DEPLOY_PRIME_URL"
+command = "cd exampleSite && hugo --gc --minify --buildFuture --themesDir ../.. -b $DEPLOY_PRIME_URL"
 
 [context.deploy-preview.environment]
-HUGO_VERSION = "0.76.5"
+HUGO_VERSION = "0.92.0"
 HUGO_THEME = "repo"
 
 [context.branch-deploy]
-command = "cd website && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"
+command = "cd exampleSite && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"
 
 [context.branch-deploy.environment]
-HUGO_VERSION = "0.76.5"
+HUGO_VERSION = "0.92.0"
 
 [context.next.environment]
 HUGO_ENABLEGITINFO = "true"

static/css/about.css

@@ -0,0 +1,252 @@
+#single {
+    padding: 60px 0;
+    line-height: 1.7em;
+    font-size: 17px;
+}
+
+#single .title>h1 {
+    opacity: 0.8;
+    color: var(--text-color) !important;
+}
+
+#single .title small {
+    opacity: 0.7;
+}
+
+#single .featured-image {
+    padding: 1rem;
+    padding-top: 0;
+}
+
+#single .featured-image img {
+    border-radius: 1rem;
+    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+    margin-bottom: 1rem;
+}
+
+#single .page-content a {
+    display: inline-block;
+    text-decoration: none;
+    color: var(--primary-color) !important;
+}
+
+#single .page-content a::after {
+    content: "";
+    display: block;
+    width: 0px;
+    height: 2px;
+    bottom: 0.37em;
+    background-color: var(--primary-color);
+    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
+    opacity: 0.5;
+}
+
+#single .page-content a:hover::after,
+#single .page-content a:focus::after,
+#single .page-content a:active::after {
+    width: 100%;
+}
+
+#single .page-content h1,
+#single .page-content h2,
+#single .page-content h3,
+#single .page-content h4,
+#single .page-content h5,
+#single .page-content h6 {
+    color: var(--primary-color) !important;
+    margin-bottom: 0.7em;
+    opacity: 0.9;
+}
+
+#single .page-content blockquote {
+    padding: 20px 30px;
+    border-left: 6px solid var(--primary-color) !important;
+    color: var(--text-secondary-color) !important;
+    font-weight: 600;
+    font-size: 20px;
+    margin: 30px 0;
+    border-radius: 5px;
+}
+
+#single .page-content blockquote,
+#single .page-content blockquote * {
+    background-color: var(--secondary-color) !important;
+}
+
+/* table */
+#single .page-content table {
+    width: auto;
+    border-radius: 5px;
+    padding: 0.1rem;
+    margin-bottom: 1.2em;
+    max-width: 100%;
+    display: block;
+    overflow-x: auto;
+    opacity: 0.8;
+}
+
+#single .page-content table>tr {
+    height: 40px !important;
+}
+
+#single .page-content table>thead>tr>th {
+    padding: 0.5rem !important;
+    background-color: var(--primary-color) !important;
+    color: var(--secondary-color) !important;
+    border: 1px solid var(--secondary-color);
+    opacity: 0.9;
+}
+
+#single .page-content table>tbody>tr>td {
+    padding: 0.5rem !important;
+    border: 1px solid var(--secondary-color);
+    background-color: var(--secondary-color) !important;
+    opacity: 0.9;
+}
+
+#single .page-content table>thead>tr {
+    background-color: var(--secondary-color) !important;
+    color: var(--secondary-color) !important;
+}
+
+/* code */
+
+#single .page-content pre {
+    border-radius: 0.7em !important;
+    margin: 5px;
+    margin-bottom: 2em;
+    padding: 2em;
+    background-color: var(--secondary-color) !important;
+    color: var(--text-secondary-color) !important;
+    max-height: 450px;
+}
+
+#single .page-content pre>code {
+    color: var(--text-secondary-color) !important;
+}
+
+#single .page-content code {
+    color: var(--primary-color) !important;
+}
+
+/* kbd and mark */
+
+#single .page-content kbd {
+    color: var(--primary-color) !important;
+    background-color: var(--secondary-color) !important;
+}
+
+#single .page-content mark {
+    color: var(--primary-color) !important;
+    background-color: var(--secondary-color) !important;
+}
+
+/* list */
+
+#single .page-content ol,
+#single .page-content ul {
+    margin-bottom: 1.2em;
+    padding-left: 1.5em;
+    list-style-position: inside;
+    opacity: 0.9;
+}
+
+#single .page-content ol li li,
+#single .page-content ul li li {
+    margin-bottom: 0.5em;
+    padding-left: 1.5em;
+}
+
+/* sidebar */
+
+#single aside {
+    /* background-color: var(--secondary-color); */
+    border-radius: .7rem;
+    padding: .7rem 1rem;
+    margin-bottom: 1em;
+}
+
+#single .sticky-sidebar {
+    position: sticky;
+    top: 150px;
+}
+
+/* aboutImg */
+
+#single aside.aboutImg {
+    padding: .7rem 1rem;
+}
+
+#single aside.aboutImg img {
+    border-radius: 1.5rem !important;
+    position: relative;
+    /* box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2); */
+    max-width: 100%;
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+    #single aside.aboutImg img {
+        width: 60%;
+    }
+ }
+
+
+#single aside.aboutImg h5 {
+    margin: .7em 0;
+    margin-bottom: 1em;
+    color: var(--text-color);
+}
+
+#single aside.aboutImg .img-icon img {
+    width: 1em;
+}
+
+#single aside.aboutImg .aboutImg-content {
+    margin-bottom: 1em;
+    opacity: 0.9;
+}
+
+#single aside.aboutImg .aboutImg-content ul {
+    margin-bottom: 1em;
+    opacity: 0.9;
+}
+
+#single aside.aboutImg .aboutImg-content ul li a {
+    border: 1px solid var(--primary-color);
+    padding: .7rem;
+    color: var(--text-color);
+    border-radius: 10px;
+    overflow: hidden;
+}
+
+#single aside.aboutImg .aboutImg-content ul li {
+    margin: .7rem .5rem;
+    margin-left: 0;
+}
+
+#single aside.aboutImg .aboutImg-content ul li:hover a {
+    opacity: .8;
+    color: var(--primary-color);
+}
+
+/* Top scroll */
+
+#single #topScroll {
+    display: none;
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    z-index: 99;
+    border: none;
+    outline: none;
+    background-color: var(--secondary-color);
+    color: var(--primary-color);
+    cursor: pointer;
+    border-radius: 10px;
+}
+
+#single #topScroll:hover {
+    background-color: var(--primary-color);
+    color: var(--secondary-color);
+    transition: .5s;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+}

static/css/font.css

@@ -0,0 +1,20 @@
+
+/* Default font for body */
+body {
+    font-family: "Lora", serif !important;
+}
+
+/* secondary font */
+.secondary-font, #secondary-font {
+    font-family: "Lora", serif;
+}
+
+/* primary font */
+.primary-font, #primary-font {
+    font-family: "Alata", sans-serif;
+}
+
+/* Default font */
+.default-font, #default-font {
+    font-family: "Roboto", sans-serif;
+}

static/css/footer.css

@@ -0,0 +1,64 @@
+footer a h5 {
+    color: var(--text-color) !important;
+}
+
+footer a {
+  text-decoration: none;
+  color: var(--text-secondary-color) !important;
+}
+
+footer a:hover {
+  color: var(--primary-color) !important;
+}
+
+footer .card {
+    background-color: var(--secondary-color) !important;
+    border-radius: .75rem;
+    cursor: context-menu;
+    overflow: hidden;
+    border: none;
+}
+
+footer .card:hover {
+    transition: all 0.3s ease-out;
+    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+}
+
+footer .card-text * {
+    background-color: var(--secondary-color) !important;
+}
+
+footer .card-footer {
+    background-color: var(--background-color) !important;
+    padding: .8em .7em;
+    border: 1px solid var(--secondary-color);
+}
+
+footer .card-footer a {
+    color: var(--text-secondary-color) !important;
+    border-color: var(--primary-color) !important;
+    transition: none;
+    background-color: var(--background-color) !important;
+}
+
+footer .card-footer a:hover {
+    color: var(--primary-color) !important;
+    opacity: 0.8;
+}
+
+footer .card-footer a:focus {
+    box-shadow: none !important;
+}
+
+footer .card > .card-header {
+    padding: 0 !important;
+    border: none !important;
+    background-color: var(--secondary-color) !important;
+}
+
+footer .card > .card-header .card-img-top {
+    width: 100%;
+    height: 250px !important;
+    object-fit: cover;
+    background-color: transparent !important;
+}

static/css/header.css

@@ -0,0 +1,111 @@
+header {
+    z-index: 10;
+    position: relative;
+}
+
+header .navbar .navbar-nav a {
+    color: var(--text-color) !important;
+}
+
+#theme-toggle {
+    background-color: var(--background-color) !important;
+    color: var(--text-color) !important;
+}
+
+.navbar-toggler {
+    border: none;
+    outline: none;
+    color: var(--text-color);
+}
+.navbar-toggler svg {
+    fill: currentColor;
+    color: var(--text-color);
+}
+.navbar-toggler:focus {
+    box-shadow: 0 0 0 .05em;
+}
+.navbar-text {
+    font-size: 16px !important;
+    opacity: 0.95;
+}
+header .nav-link{
+    transition: none !important;
+}
+.navbar-brand {
+    color: var(--primary-color) !important;
+    opacity: 0.95;
+} 
+.navbar .nav-link:hover {
+    color: var(--primary-color) !important;
+}
+
+li > .dropdown-toggle:focus{
+    color: var(--primary-color) !important;
+}
+
+.dropdown-menu {
+    overflow: auto;
+    /* z-index: 100; */
+    background-color: var(--background-color) !important;
+    border-color: var(--text-secondary-color) !important;
+}
+
+.dropdown-item:hover {
+    background-color: var(--secondary-color) !important;
+}
+
+.dropdown-item:focus, .dropdown-item:active {
+    background-color: var(--secondary-color) !important;
+}
+
+#search {
+    border-radius: 1rem !important;
+    background-color: var(--secondary-color);
+    color: var(--text-color);
+    border-color: var(--background-color) !important;
+    transition: none;
+}
+
+#search:focus {
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+}
+#search-content {
+    -ms-scroll-chaining: none;
+    scrollbar-width: none;
+    display: none;
+    border-radius: 1rem;
+    box-shadow: 0 0 10px rgba(0,0,0,0.2);
+    z-index: 9999;
+    width: 10%;
+    max-height: 350px;
+    background-color: var(--secondary-color) !important;
+    position: absolute;
+    overflow: scroll;
+}
+
+#search-content::-webkit-scrollbar {
+    display: none;
+}
+
+#search-results > .card {
+    background-color: transparent !important;
+    border: none;
+    margin-bottom: 10px;
+}
+
+#search-results > .card :hover {
+    border-radius: 1rem !important;
+    background-color: var(--background-color) !important;
+    transition: .2s;
+}
+
+#search-results .card a {
+    opacity: 0.9;
+    display: inline-block;
+    text-decoration: none;
+    color: var(--text-color) !important;
+}
+
+#search-results .card a:hover {
+    color: var(--primary-color) !important;
+}

static/css/index.css

@@ -0,0 +1,576 @@
+/* Animation */
+@keyframes fade-in {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+@keyframes fade-bottom {
+  0% {
+    transform: translateY(50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes fade-left {
+  0% {
+    transform: translateX(-10px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes fade-right {
+  0% {
+    transform: translateX(20px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+/* Header animation */
+@keyframes fade-up {
+  0% {
+    transform: translateY(-10px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+header .navbar.animate {
+    animation: fade-up 0.5s ease-in;
+}
+
+
+/* ToolTip */
+
+.tooltip {
+    line-height: 1rem;
+    border-radius: .5rem !important;
+}
+.tooltip-inner {
+    line-height: 1rem;
+}
+.tooltip .tooltip-arrow { 
+    visibility: hidden !important;
+}
+
+/* hero */
+
+#hero {
+    min-height: 100vh;
+    line-height: 2rem;
+    max-width: 100%;
+}
+#hero .content.animate {
+    animation: fade-left 1s ease-out;
+}
+
+#hero .hero-bottom-svg {
+    opacity: 0.5;
+    position: absolute;
+    bottom: -50px;
+    left: -150px;
+}
+
+#hero .subtitle {
+    font-size: clamp(14px,5vw,16px);
+    opacity: 0.6;
+}
+
+#hero h2 {
+    font-size: clamp(40px, 8vw, 80px);
+    color: var(--primary-color) !important;
+}
+
+#hero h3 {
+    font-size: clamp(40px, 8vw, 60px);
+    /* color: var(--primary-color) !important; */
+    opacity: 0.5;
+}
+
+#hero p {
+    margin: 20px 0px 0px;
+    max-width: 640px;
+    opacity: 0.8;
+}
+
+#hero .image img {
+    box-shadow:0px 8px 56px rgba(15, 80, 100, 0.16);
+    padding: 0;
+    border: 3px solid var(--secondary-color);
+    border-radius: 1rem;
+}
+
+#hero .image.animate img {
+    animation: fade-in 1s ease-out;
+    transition: box-shadow 0.3s;
+}
+
+#hero .image img:hover {
+    cursor: pointer;
+}
+
+#hero .image.animate img:hover {
+    box-shadow: 0 0 11px rgb(15 80 100 / 20%);
+    filter: contrast(1.2);
+    cursor: pointer;
+}
+
+#hero a.btn.social-icon {
+    color: var(--primary-color) !important;
+    line-height: 0%;
+    border-radius: 50%;
+    margin-top: 50px;
+    padding: 0.7rem;
+    border: 1px solid var(--primary-color);
+    transition: none;
+}
+
+#hero a.btn.social-icon img {
+    width: 1em;
+}
+
+#hero a.btn.social-icon:hover {
+    opacity: 0.8;
+}
+
+#hero a.btn {
+    margin-top: 50px;
+    padding: 0.7rem 1.75rem;
+    border: 1px solid var(--primary-color);
+    color: var(--text-color) !important;
+    border-radius: .75rem;
+    transition: none;
+}
+
+#hero a.btn:focus {
+    box-shadow: none;
+}
+
+#hero a.btn:hover {
+    background-color: var(--secondary-color) !important;
+    color: var(--text-color) !important;
+    opacity: 0.9;
+}
+
+#hero a.btn.social-icon:hover {
+    background-color: var(--background-color) !important;
+    opacity: 0.7;
+}
+
+#hero .hero-content > a {
+    display: inline-block;
+    text-decoration: none;
+    color: var(--primary-color) !important;
+}
+
+#hero .hero-content > a::after {
+    content: "";
+    display: block;
+    width: 0px;
+    height: 2px;
+    bottom: 0.37em;
+    background-color: var(--primary-color);
+    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
+    opacity: 0.5;
+}
+
+#hero .hero-content > a:hover::after, #hero .hero-content > a:focus::after, #hero .hero-content > a:active::after {
+    width: 100%;
+}
+
+
+
+/* about me */
+#about h3 {
+    color: var(--text-secondary-color) !important;
+}
+
+#about .image img {
+    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+    transition: box-shadow 0.3s;
+    padding: 0;
+    border: 0;
+}
+
+#about .image img:hover {
+    box-shadow: 0 0 11px rgb(15 80 100 / 20%);
+}
+
+#about ul {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(140px, 200px));
+    gap: 0px 10px;
+    padding: 0px;
+    margin: 20px 0px 0px;
+    overflow: hidden;
+    list-style: none;
+}
+
+#about ul li {
+    position: relative;
+    margin-bottom: 10px;
+    padding-left: 20px;
+}
+
+#about ul li::before {
+    content: "▹";
+    color: var(--primary-color);
+    position: absolute;
+    left: 0px;
+}
+
+#about .content {
+    font-weight: 500;
+    opacity: 0.9 !important;
+    line-height: 1.7rem !important;
+}
+
+#about a {
+    display: inline-block;
+    text-decoration: none;
+    color: var(--primary-color) !important;
+}
+
+#about a::after {
+    content: "";
+    display: block;
+    width: 0px;
+    height: 2px;
+    bottom: 0.37em;
+    background-color: var(--primary-color);
+    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
+    opacity: 0.5;
+}
+
+#about a:hover::after, #about a:focus::after, #about a:active::after {
+    width: 100%;
+}
+
+/* experience */
+
+#experience h3 {
+    color: var(--text-secondary-color) !important;
+}
+
+#experience * {
+    background-color: transparent !important;
+}
+
+#experience .tab-pane > * {
+    opacity: 0.9;
+}
+
+#experience .tab-pane small {
+    opacity: 0.8;
+}
+
+#experience .tab-pane ul {
+    padding-top: 1%;
+    padding-bottom: 1%;
+}
+
+#experience .experience-container .tab-content > .tab-pane p {
+    padding: 1% 0;
+    margin: 0;
+}
+
+#experience .experience-container {
+    background-color: var(--secondary-color) !important;
+    border-radius: .75rem;
+    box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
+}
+
+#experience .nav-item .nav-link {
+    color: var(--text-color) !important;
+    border-bottom: 2px solid transparent; 
+    border-radius: 0%;
+    transition: none;
+    cursor: pointer;
+}
+
+#experience .nav-item .nav-link.active {
+    color: var(--text-color) !important;
+    border-bottom: 2px solid var(--primary-color); 
+    opacity: 0.8;
+}
+
+#experience .nav-item .nav-link.active:hover { 
+    transition: none !important;
+}
+
+#experience .nav-item .nav-link:hover {
+    border-bottom: 2px solid var(--primary-color);
+    opacity: 0.8;
+}
+
+#experience a {
+    opacity: 0.9;
+    display: inline-block;
+    text-decoration: none;
+    color: var(--primary-color) !important;
+}
+
+#experience a::after {
+    content: "";
+    display: block;
+    width: 0px;
+    height: 2px;
+    bottom: 0.37em;
+    background-color: var(--primary-color);
+    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
+    opacity: 0.5;
+}
+
+#experience a:hover::after, #experience a:focus::after, #experience a:active::after {
+    width: 100%;
+}
+
+#experience .experience-container .tab-content .tab-pane ul {
+    overflow: hidden;
+    list-style: none;
+    margin-bottom: 0;
+}
+
+#experience .experience-container .tab-content .tab-pane ul li {
+    position: relative;
+    margin-bottom: 10px;
+    padding-left: 20px;
+}
+
+#experience .experience-container .tab-content .tab-pane ul li::before {
+    content: "▹";
+    color: var(--primary-color);
+    position: absolute;
+    left: 0px;
+}
+
+#experience .experience-container .tab-content .tab-pane .featuredLink a::after {
+    display: block;
+    width: auto;
+    height: auto;
+    bottom: 0em;
+    background-color: transparent;
+    transition: none;
+    opacity: 1;
+}
+
+#experience .experience-container .tab-content .tab-pane .featuredLink a.btn {
+    border: 1px solid var(--primary-color);
+    border-radius: .75rem;
+    transition: none;
+}
+
+#experience .experience-container .tab-content .tab-pane .featuredLink a.btn:focus {
+    box-shadow: none;
+}
+
+#experience .experience-container .tab-content .tab-pane .featuredLink a.btn:hover {
+    color: var(--text-color) !important;
+    opacity: 0.7;
+}
+
+/* Education */
+
+#education .container > h3 {
+    color: var(--text-secondary-color) !important;
+}
+
+#education .row .index {
+    opacity: 0.8;
+    padding: 13px 20px;
+    line-height: 0%;
+    border-radius: 50%;
+    max-height: 50px;
+    z-index: 2;
+    background-color: var(--primary-color) !important;
+    color: var(--secondary-color) !important;
+    font-weight: bold;
+}
+
+#education .card * {
+    background-color: var(--secondary-color) !important;
+}
+
+#education .card {
+    border-radius: 1.5rem;
+    box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
+    border: 2px solid var(--text-secondary-color) !important;
+    transition: box-shadow .2s linear,opacity .2s linear;
+    transition: transform 0.2s;
+}
+
+#education .card .card-body {
+    border-radius: 1.5rem;
+    padding: 2rem;
+}
+
+@media all and (max-width:768px) {
+    #education .card .card-body {
+        padding: 2rem 1rem;
+    }
+}
+
+#education .card:hover {
+    transition: 0.3s;
+    box-shadow: 0 4px 11px rgb(15 80 100 / 16%);
+    border: 2px solid var(--primary-color) !important;
+}
+
+#education .card .card-body .education-content a {
+    color: var(--primary-color) !important;
+    text-decoration: none;
+    opacity: 0.9;
+}
+
+#education .card .card-body > a h6 {
+    display: inline-block;
+    text-decoration: none;
+    color: var(--primary-color) !important;
+}
+
+#education .card .card-body > a h6::after {
+    content: "";
+    display: block;
+    width: 0px;
+    height: 2px;
+    bottom: 0.37em;
+    background-color: var(--primary-color);
+    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
+    opacity: 0.5;
+}
+
+#education .card .card-body > a h6:hover::after, #education .card .card-body > a h6:focus::after, #education .card .card-body > a h6:active::after {
+    width: 100%;
+}
+
+#education .card .card-body a.btn {
+    opacity: 0.9;
+    border: 1px solid var(--primary-color) !important;
+    color: var(--text-color) !important;
+    border-radius: .75rem;
+    box-shadow: none;
+    transition: none;
+}
+
+#education .card .card-body a.btn:hover {
+    opacity: 0.8;
+}
+
+/* achievements */
+
+#achievements a {
+    text-decoration: none;
+}
+
+#achievements h3 {
+    color: var(--text-secondary-color) !important;
+}
+
+#achievements .card {
+    cursor: context-menu;
+    background-color: var(--secondary-color) !important;
+    border-radius: 1rem;
+    box-shadow: 0 0 36px rgba(0,0,0,0.1);
+    /* transform: translate3d(0, 0, 0); */
+    transition: box-shadow .2s linear,opacity .2s linear;
+    border: 2px solid transparent;
+}
+
+#achievements a.card {
+    cursor: alias;
+}
+
+#achievements .card h5 {
+    color: var(--text-color) !important;
+    opacity: 0.9;
+}
+
+#achievements .card:hover {
+    border: 2px solid var(--text-color);
+    transition: .3s;
+}
+#achievements .card:focus {
+    border: 2px solid var(--text-color);
+    transition: .3s;
+}
+
+#achievements .card-text {
+    background-color: var(--secondary-color) !important;
+    color: var(--text-secondary-color) !important;
+}
+
+/* contact */
+
+#contact h3 {
+    color: var(--text-secondary-color) !important;
+}
+
+#contact .btn {
+    transition: none;
+    transition: opacity 0.3s;
+    border-radius: .5rem !important;
+    border-color: var(--primary-color) !important;
+    background-color: var(--secondary-color) !important;
+    color: var(--text-color) !important;
+}
+
+#contact .btn:hover {
+    opacity: .7;
+}
+
+#contact .btn:focus {
+    box-shadow: none !important;
+}
+
+#contact form .form-control {
+    background-color: var(--secondary-color);
+    color: var(--text-color);
+    border-radius: .7rem;
+    border: 1px solid var(--text-secondary-color);
+    box-shadow: 0px 8px 56px rgb(15 80 100 / 5%);
+}
+
+#contact-form-status {
+    position: fixed;
+    bottom: 10px;
+    right: 10px;
+    z-index: 1;
+    transform: translate3d(0, 0, 0);
+}
+
+#contact-form-status svg {
+    height: 18px;
+    width: 18px;
+}
+
+#contact-form-status button {
+    border-radius: 50%;
+    border: none;
+    background-color: white;
+    padding: 0.5rem;
+    margin-left: 0.5rem;
+    box-shadow: 0px 8px 56px rgb(15 80 100 / 5%);
+    font-size: .6rem !important;
+}
+
+#contact-form-status .alert {
+    border-radius: 0.5rem;
+    box-shadow: 0px 8px 56px rgb(15 80 100 / 5%);
+    padding: .5rem 1rem;
+}

static/css/list.css

@@ -0,0 +1,78 @@
+#list-page .card {
+    background-color: var(--secondary-color) !important;
+    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+    border-radius: .75rem;
+    cursor: context-menu;
+    overflow: hidden;
+    border: none;
+}
+
+#list-page .card a {
+    text-decoration: none;
+}
+
+#list-page .card a h5 {
+    color: var(--text-color) !important;
+}
+
+#list-page .card:hover {
+    transition: all 0.3s ease-out;
+    transform: translateY(-7px);
+}
+
+#list-page .card-text * {
+    background-color: var(--secondary-color) !important;
+}
+
+#list-page .post-footer {
+    padding: .5rem 1rem;
+    background-color: var(--secondary-color) !important;
+    color: var(--text-color) !important;
+    border-top: 1px solid rgba(15, 80, 100, 0.16);
+    opacity: 0.9;
+}
+
+#list-page .post-footer a {
+    background-color: var(--secondary-color) !important;
+    color: var(--text-secondary-color) !important;
+    border-color: var(--primary-color) !important;
+    transition: none;
+}
+
+#list-page .post-footer a:focus {
+    box-shadow: none !important;
+}
+
+#list-page .post-footer a:hover {
+    color: var(--primary-color) !important;
+}
+
+#list-page .card > .card-header {
+    padding: 0 !important;
+    border: none !important;
+    background-color: var(--secondary-color) !important;
+}
+
+#list-page .card > .card-header .card-img-top {
+    width: 100%;
+    height: 250px !important;
+    background-color: transparent !important;
+}
+
+/* pagination */
+#list-page ul li a {
+    transition: none;
+    border-color: var(--secondary-color);
+    background-color: var(--secondary-color) !important;
+    color: var(--text-color) !important;
+}
+
+#list-page ul li a:focus {
+    box-shadow: none;
+}
+
+#list-page .page-item.active .page-link {
+    border-color: var(--primary-color);
+    background-color: var(--primary-color) !important;
+    color: var(--secondary-color) !important;
+}

static/css/projects.css

@@ -0,0 +1,64 @@
+/* projects */
+
+#projects h3 {
+    color: var(--text-secondary-color) !important;
+}
+
+#projects a {
+    text-decoration: none;
+    color: var(--text-color) !important;
+}
+
+#projects .badge {
+    background-color: var(--background-color) !important;
+    color: var(--text-color) !important;
+    margin: 0 1%;
+}
+
+#projects .card {
+    background-color: var(--secondary-color) !important;
+    box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
+    min-height: 400px;
+    overflow: hidden;
+    border-radius: 1rem;
+    border: none !important;
+}
+
+#projects .card:hover {
+    box-shadow: 0 0 11px rgb(15 80 100 / 20%);
+    transition: transform 0.3s;
+    transform: translateY(-7px);
+}
+
+#projects .card .card-head {
+    -o-object-fit: cover;
+    object-fit: cover;
+    overflow: hidden;
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+    border: none !important;
+}
+
+#projects .card .card-footer {
+    border-bottom-left-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+}
+
+#projects .card:hover .card-img-top {
+    transform: scale(1.2);
+    transition: all 0.3s ease-out;
+}
+
+#projects .card-img-top {
+    transition: transform 0.3s;
+}
+
+#projects .float-end .btn {
+    transition: none;
+    border-radius: .5rem !important;
+    border-color: var(--primary-color) !important;
+}
+
+#projects .float-end .btn:focus {
+    box-shadow: none !important;
+}

static/css/single.css

@@ -0,0 +1,311 @@
+#single {
+    padding: 60px 0;
+    line-height: 1.7em;
+    font-size: 17px;
+}
+
+#single .title > h1 {
+    opacity: 0.8;
+    color: var(--text-color) !important;
+}
+
+#single .title small {
+    opacity: 0.7;
+}
+
+#single .featured-image {
+    padding: 1rem;
+    padding-top: 0;
+}
+
+#single .featured-image img {
+    border-radius: 1rem;
+    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+    margin-bottom: 1rem;
+    background-color: var(--secondary-color);
+}
+
+#single .page-content img {
+    max-width: 100%;
+    border-radius: 1rem;
+}
+
+#single .page-content a {
+    display: inline-block;
+    text-decoration: none;
+    color: var(--primary-color) !important;
+}
+
+#single .page-content a::after {
+    content: "";
+    display: block;
+    width: 0px;
+    height: 2px;
+    bottom: 0.37em;
+    background-color: var(--primary-color);
+    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
+    opacity: 0.5;
+}
+
+#single .page-content a:hover::after, #single .page-content a:focus::after, #single .page-content a:active::after {
+    width: 100%;
+}
+
+#single .page-content h1, #single .page-content h2, #single .page-content h3, #single .page-content h4, #single .page-content h5, #single .page-content h6 {
+    color: var(--primary-color) !important;
+    margin-bottom: 0.7em;
+    opacity: 0.9;
+}
+
+#single .page-content blockquote {
+    padding: 20px 30px;
+    border-left: 6px solid var(--primary-color) !important;
+    color: var(--text-secondary-color) !important;
+    font-weight: 600;
+    font-size: 20px;
+    margin: 30px 0;
+    border-radius: 5px;
+}
+
+#single .page-content blockquote, #single .page-content blockquote * {
+    background-color: var(--secondary-color) !important;
+}
+
+/* table */
+#single .page-content table {
+    width: auto;
+    border-radius: 5px;
+    padding: 0.1rem;
+    margin-bottom: 1.2em;
+    max-width: 100%;
+    display: block;
+    overflow-x: auto;
+    opacity: 0.8;
+}
+
+#single .page-content table > tr {
+    height: 40px !important;
+}
+
+#single .page-content table > thead > tr > th {
+    padding: 0.5rem !important;
+    background-color: var(--primary-color) !important;
+    color: var(--secondary-color) !important;
+    border: 1px solid var(--secondary-color);
+    opacity: 0.9;
+}
+#single .page-content table > tbody > tr > td {
+    padding: 0.5rem !important;
+    border: 1px solid var(--secondary-color);
+    background-color: var(--secondary-color) !important;
+    opacity: 0.9;
+}
+
+#single .page-content table > thead > tr {
+    background-color: var(--secondary-color) !important;
+    color: var(--secondary-color) !important;
+}
+
+/* code */
+
+#single .page-content pre {
+  border-radius: 0.7em !important;
+  margin: 5px;
+  margin-bottom: 2em;
+  padding: 2em;
+  background-color: var(--secondary-color) !important;
+  color: var(--text-secondary-color) !important;
+  max-height: 450px;
+}
+
+#single .page-content pre > code {
+  color: var(--text-secondary-color) !important;
+}
+
+#single .page-content code {
+  color: var(--primary-color) !important;
+}
+
+/* kbd and mark */
+
+#single .page-content kbd {
+  color: var(--primary-color) !important;
+  background-color: var(--secondary-color) !important;
+}
+
+#single .page-content mark {
+  color: var(--primary-color) !important;
+  background-color: var(--secondary-color) !important;
+}
+
+/* list */
+
+#single .page-content ol, #single .page-content ul {
+    margin-bottom: 1.2em;
+    padding-left: 1.5em;
+    list-style-position: inside;
+    opacity: 0.9;
+}
+
+#single .page-content ol li li, #single .page-content ul li li {
+    margin-bottom: 0.5em;
+    padding-left: 1.5em;
+}
+
+/* sidebar */
+
+#single aside {
+    background-color: var(--secondary-color);
+    border-radius: .7rem;
+    padding: .7rem 1rem;
+    margin-bottom: 1em;
+}
+
+#single .sticky-sidebar {
+  position: sticky;
+  top: 50px;
+}
+
+/* Tags */
+#single aside.tags h5 {
+    margin: .7em 0;
+    margin-bottom: 1em;
+}
+
+
+#single aside.tags ul.tags-ul li a {
+    padding: 10px 15px;
+    margin-bottom: 2px;
+    border-radius: 8px;
+    background-color: var(--background-color);
+    text-decoration: none;
+    color: var(--text-color);
+}
+
+#single aside.tags ul.tags-ul li {
+    margin-bottom: 1.2rem;
+}
+
+#single aside.tags ul.tags-ul li:hover {
+    opacity: 0.8;
+}
+
+
+/*TOC*/
+#single aside.toc {
+    padding: .7rem 1rem;
+}
+
+#single aside.toc h5 {
+    margin: .7em 0;
+    margin-bottom: 1em;
+    color: var(--text-color);
+}
+
+#single aside.toc .toc-content ol, #single aside.toc .toc-content ul {
+    margin-bottom: 1em;
+    padding-left: .5em;
+    list-style: none;
+    opacity: 0.9;
+}
+
+#single aside.toc .toc-content ol li a, #single aside.toc .toc-content ul li a {
+    font-size: 16px;
+    text-decoration: none;
+    color: var(--text-color);
+    opacity: 0.9;
+}
+
+#single aside.toc .toc-content ol li a:hover, #single aside.toc .toc-content ul li a:hover {
+    color: var(--primary-color);
+    opacity: 1.2;
+}
+
+#single aside.toc .toc-content ol li li, #single aside.toc .toc-content ul li li {
+    padding-left: .7em;
+}
+
+/* Social */
+
+#single aside.social {
+    padding: .7rem 1rem;
+}
+
+#single aside.social h5 {
+    margin: .7em 0;
+    margin-bottom: 1em;
+    color: var(--text-color);
+}
+
+#single aside.social .social-content {
+    margin-bottom: 1em;
+    opacity: 0.9;
+}
+
+#single aside.social .social-content ul {
+    margin-bottom: 1em;
+    opacity: 0.9;
+}
+
+#single aside.social .social-content ul li a {
+    border: 1px solid var(--primary-color);
+    padding: .7rem;
+    color: var(--text-color);
+    border-radius: 10px;
+    overflow: hidden;
+}
+
+#single aside.social .social-content ul li {
+    margin: .7rem .5rem;
+    margin-left: 0;
+}
+
+#single aside.social .social-content ul li:hover a {
+    opacity: .8;
+    color: var(--primary-color);
+}
+
+/* Top scroll */
+
+#single #topScroll {
+    display: none;
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    z-index: 99;
+    border: none;
+    outline: none;
+    background-color: var(--secondary-color);
+    color: var(--primary-color);
+    cursor: pointer;
+    border-radius: 10px;
+}
+
+#single #topScroll:hover {
+    background-color: var(--primary-color);
+    color: var(--secondary-color);
+    transition: .5s;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+}
+
+/* Singlepage scroll progress start */
+.progress {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background-color: var(--background-color);
+    z-index: 999;
+}
+
+.progress-bar {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    background-color: var(--primary-color);
+    transition: width .2s;
+}
+
+/* Singlepage scroll progress end */