Update theme.toml (#158)

* Improve theme README

* Update exampleSite

* Add "Available Translation" section in README

.github/.kodiak.toml

@@ -0,0 +1,19 @@
+
+# .kodiak.toml
+version = 1
+[merge]
+method = "squash" # default: "merge"
+delete_branch_on_merge = true # default: false
+optimistic_updates = true # default: true
+prioritize_ready_to_merge = true # default: false
+
+[merge.message]
+title = "pull_request_title" # default: "github_default"
+body = "github_default" # default: "github_default"
+strip_html_comments = true # default: false
+
+[update]
+always = true # default: false
+
+[approve]
+auto_approve_usernames = ["hossainemruz"]

.github/ISSUE_TEMPLATE/bug.md

@@ -0,0 +1,37 @@
+---
+name: Bug
+about: File a bug report.
+title: 'bug'
+---
+
+## Expected Behavior
+<!--- Tell us what should happen -->
+
+## Current Behavior
+<!--- Tell us what happens instead of the expected behavior -->
+
+## Possible Solution
+<!--- Not obligatory, but suggest a fix/reason for the bug, -->
+
+## Steps to Reproduce
+<!--- Provide a link to a live example, or an unambiguous set of steps to -->
+<!--- reproduce this bug. Include code to reproduce, if relevant -->
+1.
+2.
+3.
+4.
+
+### Screenshots
+<!--- Provide any screenshots or links to deployments -->
+
+### Browsers Affected
+<!-- Check all that apply -->
+- [ ] Chrome
+- [ ] Firefox
+- [ ] Edge
+- [ ] Safari 11
+- [ ] Safari 10
+- [ ] IE 11
+
+## Detailed Description
+<!--- Provide a detailed description of the change or addition you are proposing -->

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,30 @@
+---
+name: Feature Request
+about: File a Feature Request.
+title: 'Feature Request'
+---
+
+<!---
+Before filing an issue, please review the following:
+  Existing Features: https://github.com/hossainemruz/toha#features
+  Project Roadmap: https://github.com/hossainemruz/toha#project-roadmap
+-->
+
+### Describe the solution you'd like
+
+<!--
+  Provide a clear and concise description of what you want to happen.
+-->
+
+### Describe alternatives you've considered
+
+<!--
+  Let us know about other solutions you've tried or researched.
+-->
+
+### Additional context
+
+<!--
+  Is there anything else you can add about the proposal?
+  You might want to link to related issues here, if you haven't already.
+-->

.github/ISSUE_TEMPLATE/question.md

@@ -0,0 +1,9 @@
+---
+name: Question
+about: Ask a general question.
+---
+
+<!--- Use this template for general questions. For bug reports or feature requests, please use those templates -->
+
+### Question
+<!--- Insert your question here. Please provide as much detail as possible. -->

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,10 @@
+### Issue
+<!--- Insert a link to the associated github issue here. -->
+
+### Description
+
+<!-- Insert details about what the changes being proposed are. -->
+
+### Test Evidence
+
+<!-- Provide screenshot evidence and/or testing steps to validate the proposed changes. -->

.github/dependabot.yml

@@ -0,0 +1,13 @@
+# Update dependencies
+
+version: 2
+updates:
+# Update the Github Action  versions
+- package-ecosystem: "github-actions"
+  directory: "/"
+  schedule:
+    interval: "daily"
+  labels:
+  - "dependencies"
+  - "automerge"
+  - "enhancement"

.github/release-drafter.yml

@@ -7,27 +7,35 @@ template: |
   $CHANGES
 
   This release note has been generated automatically by [Release Drafter](https://github.com/marketplace/actions/release-drafter).
+
 categories:
-  - title: 'Breaking Changes'
+- title: 'Breaking Changes'
-    label: 'breaking-change'
+  label: 'breaking-change'
-  - title: 'New Features & Enhancements'
+
-    labels:
+- title: 'New Features & Enhancements'
-    - 'feature'
+  labels:
-    - 'enhancement'
+  - 'feature'
-  - title: 'Bug Fixes'
+  - 'enhancement'
-    labels:
+
-      - 'bug'
+- title: 'New Translations'
-      - 'bug-fix'
+  label: 'translation'
+
+- title: 'Bug Fixes'
+  labels:
+  - 'bug'
+  - 'bug-fix'
 
 version-resolver:
   major:
     labels:
-      - 'breaking'
+    - 'breaking-change'
+    - 'breaking'
   minor:
     labels:
-      - 'feature'
+    - 'feature'
-      - 'enhancement'
+    - 'enhancement'
+    - 'translation'
   patch:
     labels:
-      - 'bug'
+    - 'bug'
-      - 'bug-fix'
+    - 'bug-fix'

.github/workflows/autoprefixer.yml

@@ -0,0 +1,35 @@
+name: Autoprefixer
+on:
+  push:
+    branches:
+      - master
+jobs:
+  autoprefixer:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout to latest commit
+        uses: actions/checkout@v2.3.4
+
+      - name: Setup Node
+        uses: actions/setup-node@v2.1.2
+        with:
+          node-version: "15.x"
+
+      - name: Run autoprefixer
+        run: |
+          npm install postcss-cli autoprefixer --save-dev
+          npm run autoprefixer
+
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v3.4.1
+        with:
+          branch: autoprefixer
+          branch-suffix: timestamp
+          commit-message: add vendor specific css prefixes
+          title: "Update and run autoprefixer"
+          body: |
+            This PR runs [postcss/autoprefixer](https://github.com/postcss/autoprefixer) to update vendor specific CSS prefixes.
+
+            >This PR has been created automatically by Github Action [peter-evans/create-pull-request](https://github.com/peter-evans/create-pull-request).
+          labels: "enhancement,automerge"
+          reviewers: hossainemruz

.github/workflows/draft-release.yml

@@ -1,14 +1,15 @@
 name: Release Drafter
-
+# Run action on push in mater branch
 on:
   push:
     branches:
-      - master
+    - master
 
 jobs:
   update_release_draft:
     runs-on: ubuntu-latest
     steps:
-      - uses: release-drafter/release-drafter@master
+    # Create/Update release draft
-        env:
+    - uses: release-drafter/release-drafter@v5.12.1
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/md-link-checker.yml

@@ -0,0 +1,13 @@
+name: Check Markdown links
+
+# Run action on pull request event
+on: [pull_request]
+
+jobs:
+  markdown-link-check:
+    runs-on: ubuntu-latest
+    steps:
+    # checkout to latest commit
+    - uses: actions/checkout@master
+    # run markdown linter
+    - uses: gaurav-nelson/github-action-markdown-link-check@v1

.gitignore

@@ -1 +1,3 @@
 .vscode/
+node_modules/
+.DS_Store

README.md

@@ -1,153 +1,141 @@
 # Toha
 
+[![Netlify Status](https://api.netlify.com/api/v1/badges/b1b93b02-f278-440b-ae1b-304e9f4c4ab5/deploy-status)](https://app.netlify.com/sites/toha/deploys) [![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fhugo-toha%2Ftoha%2Fbadge%3Fref%3Dmaster&style=flat)](https://actions-badge.atrox.dev/hugo-toha/toha/goto?ref=master) ![Repository Size](https://img.shields.io/github/repo-size/hugo-toha/toha) ![Lines of Codes](https://img.shields.io/tokei/lines/github/hugo-toha/toha) ![Contributor](https://img.shields.io/github/contributors/hugo-toha/toha) ![Latest Release](https://img.shields.io/github/v/release/hugo-toha/toha?include_prereleases) ![Last Commit](https://img.shields.io/github/last-commit/hugo-toha/toha) ![Open Issues](https://img.shields.io/github/issues/hugo-toha/toha?color=important) ![Open Pull Requests](https://img.shields.io/github/issues-pr/hugo-toha/toha?color=yellowgreen)  ![License](https://img.shields.io/github/license/hugo-toha/toha) ![Security Headers](https://img.shields.io/security-headers?url=https%3A%2F%2Fhugo-toha.github.io%2F) [![This project is using Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/b7cb60ab/hugo-toha.github.io)
+
 A [Hugo](https://gohugo.io/) theme for a personal portfolio with minimalist design and responsiveness.
 
-![Thumbnail](https://github.com/hossainemruz/toha/blob/master/images/tn.png)
+![Thumbnail](https://raw.githubusercontent.com/hugo-toha/toha/master/images/screenshot.png)
 
-Example Site: [Toha Example Site](https://toha.netlify.app)
+- **Example Site:** [hugo-toha.github.io](https://hugo-toha.github.io)
+- **Documentation:** [toha-guides.netlify.app](https://toha-guides.netlify.app/posts)
 
 ## Features
 
 - Minimalist Design
 - Fully Responsive
-- Carefully designed cards
+- Multiple Language Support
-- Great Experience timeline
+- Carefully Designed Cards
-- Achievement gallery
+- Experience Timeline
-- Sidebar to categorize posts
+- Achievement Gallery
+- Sidebar to Categorize the Posts
 - Short Codes
 - Google Analytics Support
 - Disqus Comment Support
 
-For more details about the features please visit [here](https://toha.netlify.app/posts/features/features/).
+For more details about the features please visit [here](https://toha-guides.netlify.app/posts/features/).
+
+## Available Translations
+
+- English
+- বাংলা
+- Français
+- Indonesian
+- Deutsch
+- Spanish
+
+To know more about how to translate your site, please visit [here](https://toha-guides.netlify.app/posts/translation/). Follow, the data and post format from this [example site](https://hugo-toha.github.io).
+
+## Screenshots
+
+Here, are few screenshot from the [example site](https://hugo-toha.github.io).
+
+##### Home Page Sections
+
+![Home Page Sections](https://raw.githubusercontent.com/hugo-toha/toha/master/images/about.png)
+
+##### List Page
+
+![List Page](https://raw.githubusercontent.com/hugo-toha/toha/master/images/list.png)
+
+##### Reading Page
+
+![Reading Page](https://raw.githubusercontent.com/hugo-toha/toha/master/images/single.png)
 
 ## Requirements
 
 - Hugo Version 0.68.0 or higher
 
-## Installation
+## Usage
 
-- Create your site if you haven't already
+In order to use this theme, follow the following steps:
+
+#### Add theme as git submodule
+
+At first, add [Toha](https://github.com/hugo-toha/toha) theme as git submodule to your hugo-site.
 
 ```console
-hugo new site my-site -f=yaml
+$ git submodule add https://github.com/hugo-toha/toha.git themes/toha
-cd my-site
-git init
-```
-
-- Add the theme as git sub-module
-
-```console
-git submodule add https://github.com/hossainemruz/toha.git themes/toha
 ```
 
 >Don't use SSH URL of the theme during adding as git sub-module. Also, don't clone the theme in your `themes` directory using `git clone`. They don't work well with Github Action or Netlify.
 
-If you want to customize the theme templates, then fork it and use the fork as your theme.
+If you don't already have a hugo site, create one by following the step by step guide from [here](https://toha-guides.netlify.app/posts/getting-started/prepare-site/).
 
-## Configuration
+#### Configuring Site
 
-Configure your `config.yaml` file of your site as below:
+Now, configure your site to use `toha` theme by adding the following configuration in `config.yaml` file of your site.
 
 ```yaml
-baseURL: http://example.org/
+baseURL: https://hugo-toha.github.io
+
 languageCode: en-us
-title: "Toha"
+title: "John's Blog"
 theme: "toha"
 
-# Allow raw html in markdown file
+# Manage languages
+# For any more details, you can check the official documentation: https://gohugo.io/content-management/multilingual/
+languages:
+  en:
+    languageName: English
+    weight: 1
+
+# Control TOC depth
 markup:
-  goldmark:
-    renderer:
-      unsafe: true
   tableOfContents:
     startLevel: 2
     endLevel: 6
     ordered: false
 
-# Enable Google Analytics
-googleAnalytics: UA-XXXXXXXXX-X
-
-# Enable Disqus forum
-disqusShortname: does-not-exist
-
 # Enable global emoji support
 enableEmoji: true
 
-# Custom parameters
+# Site parameters
 params:
-  # copyright
-  copyright: © 2020 Copyright.
-
-  # background image of the landing page
-  background: "images/background.jpg"
-
-  # Provide logos for your site. The inverted logo will be used in the initial
-  # transparent navbar and the main logo will be used in the non-transparent navbar.
-  # It will be default to the theme logos if not provided.
-  logo:
-    main: /assets/images/main-logo.png
-    inverted: /assets/images/inverted-logo.png
-
   # GitHub repo URL of your site
-  gitRepo: https://github.com/hossainemruz/toha-example-site
+  gitRepo: https://github.com/hugo-toha/hugo-toha.github.io
 
-  # specify whether you want to write blog post or not
+  # specify whether you want to write some blog posts or not
   enableBlogPost: true
 
   # specify whether you want to show Table of Contents in reading page
   enableTOC: true
 
-  # specify the list of custom menus that you want to show in the top navbar.
-  # they will be separated by a divider from the main menus.
-  customMenus:
-  - name: Notes
-    url: https://hossainnotes.netlify.app/docs/example/
-
   # Provide newsletter configuration. This feature hasn't been implemented yet.
   # Currently, you can just hide it from the footer.
   newsletter:
     enable: true
-
-  # some information about you
-  author:
-    name: "Jane Doe"
-    nickname: "Jane"
-    image: "images/avatar.png"
-    # give your some contact information. they will be used in the footer
-    contactInfo:
-      email: "janedoe@example.com"
-      phone: "+0123456789"
-    # a summary of what you do
-    summary:
-    - I am a Developer
-    - I work with Go
-    - I love to work with some fun projects
 ```
 
-You can just copy the content for `config.yaml` files from `theme/toha/exampleSite/config.yaml`.
+Don't forget to update `title`, `baseURL`, and `gitRepo` fields with your own information. To know about more available configuration options, please visit [here](https://toha-guides.netlify.app/posts/configuration/site-parameters/).
 
-## Usage
+#### Running Locally
 
-Run your hugo site with this theme.
+Now, you can run your hugo site with `toha` theme locally with the following command:
 
 ```console
-hugo server -w
+$ hugo server -t toha -w
 ```
 
-Don't panic if the generated site does not look like what have you seen in the demo. Now, you have to provide some data in `data` folder of your site.
+When you run your site for first time, it will start with the default parameters. It should look similar to the [example site](https://hugo-toha.github.io). However, it will not have any sections in the homepage as we haven't configured them yet. You can configure your site by following the guides from [here](https://toha-guides.netlify.app/posts/configuration/).
-
-Follow the posts giving step by step instructions for configuring your data folder from [here](https://toha.netlify.app/posts/configuration/home-section/).
-
-You can also follow the sample format given in `themes/toha/exampleSite/data` directory.
 
 ## Shortcodes
 
 Here, are some handy shortcodes you can use with this theme.
 
-- [img](https://toha.netlify.app/posts/short-codes/img/)
+- [Alert](https://toha-guides.netlify.app/posts/short-codes/alert/)
-- [split](https://toha.netlify.app/posts/short-codes/split/)
+- [Image](https://toha-guides.netlify.app/posts/short-codes/img/)
-- [vs](https://toha.netlify.app/posts/short-codes/vs/)
+- [Split](https://toha-guides.netlify.app/posts/short-codes/split/)
-- [alert](https://toha.netlify.app/posts/short-codes/alert/)
+- [Vertical Space](https://toha-guides.netlify.app/posts/short-codes/vs/)
 
 ## Project Roadmap
 
@@ -191,6 +179,14 @@ Here, are the current plan and progress of various components of this theme. The
 
 - [x] **Recent Posts**
 
+- [ ] **Academic Career**
+  - [ ] Degree
+  - [ ] Institution
+  - [ ] Timeline
+  - [ ] Taken Courses
+  - [ ] CGPA
+  - [ ] Extracurricular Activities
+
 - [ ] **Publications**
   - [ ] Category Filter
   - [ ] Card
@@ -218,10 +214,11 @@ Here, are the current plan and progress of various components of this theme. The
 
 - [x] Hero Image
 - [x] Author Information
+- [x] Sidebar
+- [x] Table of Contents
 - [x] Next & Previous Page Navigation
 - [x] `Improve This Page` Button
 - [x] Disqus Comment
-- [x] Option to navigate to list page
 
 ### Tracking and Comments
 
@@ -239,16 +236,71 @@ Here, are the current plan and progress of various components of this theme. The
 
 ## Contributing
 
-You can contribute to this theme in various way. You can report a bug, file an feature request, send a PR, share your thoughts etc.
+You can contribute to this theme in various ways. You can report a [bug](https://github.com/hugo-toha/toha/issues/new?template=bug.md), file an [feature request](https://github.com/hugo-toha/toha/issues/new?template=feature_request.md), send a PR, [share your thoughts](https://github.com/hugo-toha/toha/issues/new?template=question.md) etc.
 
-Pull requests are most welcomed and I will be happy to review. Just follow the following principles:
+Pull requests are most welcome and I will be happy to review. Just follow the following principles:
 
 - Keep it simple.
 - Keep it consistent with the design.
-- Use as little dependency as possible.
+- Use as few dependencies as possible.
-- Have patient.
+- Have patience.
 
->I am not a web developer. I just created this theme for my personal needs. So, it is reasonable to have some flaws in the codes. Feel free to open issues and PR acknowledging the problems.
+>I am not a web developer. I have created this theme for my personal needs. So, it is reasonable to have some flaws in the codes. Feel free to open issues and PRs acknowledging the problems.
+
+## Local Development
+
+For local development, you can make changes in the theme submodule and test the changes against your own site or this [example site](https://github.com/hugo-toha/hugo-toha.github.io) locally.
+
+### Fork
+
+At first, fork [this repo](https://github.com/hugo-toha/toha). Then, follow the following steps to use the forked theme for local developments,
+
+**Using the forked theme in your own site:**
+
+If you want to run your local development against your own site, follow the following steps:
+
+```bash
+# add the original theme as a submodule of your site if you haven't done already
+$ git submodule add https://github.com/hugo-toha/toha.git themes/toha
+# navigate into the toha theme folder
+$ cd themes/toha
+# add your own fork as a remote
+$ git remote add my-fork https://github.com/<your-github-user>/toha
+# create a new branch for your changes
+$ git checkout -b my-feature-branch
+```
+
+**Using the forked theme in the example site:**
+
+If your want to run your local development against this [example site](https://github.com/hugo-toha/hugo-toha.github.io), follow the following steps:
+
+```bash
+# clone the example site along with the submodules
+$ git clone git@github.com:hugo-toha/hugo-toha.github.io.git --recursive
+# navigate into the toha theme folder
+$ cd themes/toha
+# add your own fork as a remote
+$ git remote add my-fork https://github.com/<your-github-user>/toha
+# create a new branch for your changes
+$ git checkout -b my-feature-branch
+```
+
+From there you can make changes to the source code of the theme while testing with your running Hugo site or the example site.
+
+### Open a PR
+
+When the changes look good, commit and push them to your fork.
+
+```bash
+# stage all the changes
+$ git add .
+# commit the changes with a meaning full commit message
+$ git commit -m "A meaningful commit message"
+# push the commit to your fork
+$ git push my-fork my-feature-branch
+```
+
+Then, open a PR against `master` branch of [hugo-toha/toha](https://github.com/hugo-toha/toha) from the `my-feature-branch` branch of your own fork.
 
 ## Attribution
 

exampleSite/config.yaml

@@ -3,6 +3,31 @@ languageCode: en-us
 title: "Toha"
 theme: "toha"
 
+# Manage languages
+# For any more details, you can check the official documentation: https://gohugo.io/content-management/multilingual/
+languages:
+  en:
+    languageName: English
+    weight: 1
+  bn:
+    languageName: বাংলা
+    weight: 2
+  fr:
+    languageName: Français
+    weight: 3
+  id: 
+    languageName: Indonesian
+    weight: 4
+  de:
+    languageName: Deutsch
+    weight: 5
+  es:
+    languageName: Spanish
+    weight: 6
+
+# Force a locale to be use, really useful to develop the application ! Should be commented in production, the "weight" should rocks.
+# DefaultContentLanguage: fr
+
 # Allow raw html in markdown file
 markup:
   goldmark:
@@ -22,52 +47,29 @@ disqusShortname: does-not-exist
 # Enable global emoji support
 enableEmoji: true
 
-# Custom parameters
+# Site parameters
 params:
-  # copyright
+  # Background image of the landing page
-  copyright: © 2020 Copyright.
+  background: /images/site/background.jpg
-
-  # background image of the landing page
-  background: "images/background.jpg"
 
   # Provide logos for your site. The inverted logo will be used in the initial
   # transparent navbar and the main logo will be used in the non-transparent navbar.
-  # It will be default to the theme logos if not provided.
+  # It will default to the theme logos if not provided.
   logo:
-    main: /assets/images/main-logo.png
+    main: /images/site/main-logo.png
-    inverted: /assets/images/inverted-logo.png
+    inverted: /images/site/inverted-logo.png
+    favicon: /images/site/favicon.png
 
   # GitHub repo URL of your site
-  gitRepo: https://github.com/hossainemruz/toha-example-site
+  gitRepo: https://github.com/hugo-toha/hugo-toha.github.io
 
-  # specify whether you want to write blog post or not
+  # specify whether you want to write some blog posts or not
   enableBlogPost: true
 
   # specify whether you want to show Table of Contents in reading page
   enableTOC: true
 
-  # specify the list of custom menus that you want to show in the top navbar.
-  # they will be separated by a divider from the main menus.
-  customMenus:
-  - name: Notes
-    url: https://hossainnotes.netlify.app/docs/example/
-
   # Provide newsletter configuration. This feature hasn't been implemented yet.
   # Currently, you can just hide it from the footer.
   newsletter:
     enable: true
-
-  # some information about you
-  author:
-    name: "Jane Doe"
-    nickname: "Jane"
-    image: "images/avatar.png"
-    # give your some contact information. they will be used in the footer
-    contactInfo:
-      email: "janedoe@example.com"
-      phone: "+0123456789"
-    # a summary of what you do
-    summary:
-    - I am a Developer
-    - I work with Go
-    - I love to work with some fun projects

exampleSite/data/bn/author.yaml

@@ -0,0 +1,16 @@
+# some information about you
+name: "জন ডো"
+nickname: "জন"
+# greeting message before your name. it will default to "Hi! I am" if not provided
+greeting: "হ্যালো, আমি হলাম"
+image: "images/author/john.png"
+# give your some contact information. they will be used in the footer
+contactInfo:
+  ইমেইল: "johndoe@example.com"
+  ফোন: "+0123456789"
+
+# some summary about what you do
+summary:
+  - আমি একজন ডেভেলপার
+  - আমি ওপেন সোর্স প্রোজেক্ট এ কাজ করতে পছন্দ করি
+  - আমি মজার কিছু প্রোজেক্ট এ কাজ করতে ভালবাসি

exampleSite/data/bn/sections/about.yaml

@@ -0,0 +1,78 @@
+# section information
+section:
+  name: আমার-সম্পর্কে
+  id: about
+  enable: true
+  weight: 1
+  showOnNavbar: true
+  template: sections/about.html
+
+# your designation
+designation: Software Engineer
+# your company information
+company:
+  name: Example Co.
+  url: "https://www.example.com"
+
+# your resume. this file path should be relative to you "static" directory
+resume: "files/resume.pdf"
+
+# a summary about you
+summary: 'আমি X বছর অভিজ্ঞতা সম্পন্ন একজন দক্ষ সফটওয়্যার ইঞ্জিনিয়ার । আমি Go ভাষা ব্যবহার  করে [Kubernetes](https://kubernetes.io/) এর জন্য ওপেন সোর্স টুল তৈরি করি । মাঝে মাঝে আমি থিম বানানোর মত মজার প্রোজেক্ট নিয়ে কাজ করি ।'
+
+# your social links
+# give as many as you want. use font-awesome for the icons.
+socialLinks:
+- name: Email
+  icon: "fas fa-envelope"
+  url: "example@gmail.com"
+
+- name: Github
+  icon: "fab fa-github"
+  url: "https://www.github.com/example"
+
+- name: Stackoverflow
+  icon: "fab fa-stack-overflow"
+  url: "#"
+
+- name: LinkedIn
+  icon: "fab fa-linkedin"
+  url: "#"
+
+- name: Twitter
+  icon: "fab fa-twitter"
+  url: "#"
+
+- name: Facebook
+  icon: "fab fa-facebook"
+  url: "#"
+
+# your soft skills
+# give the percentage between 50 to 100 with 5 intervals.
+# currently supported colors: blue, yellow, pink, green, sky, orange
+softSkills:
+- name: Leadership
+  percentage: 85
+  color: blue
+- name: Team Work
+  percentage: 90
+  color: yellow
+- name: Communication
+  percentage: 85
+  color: pink
+- name: Hard Working
+  percentage: 85
+  color: green
+- name: Fast Learner
+  percentage: 85
+  color: sky
+- name: Problem Solving
+  percentage: 85
+  color: orange
+# you can also provide color code instead of pre-defined color name
+# - name: Example 1
+#   percentage: 75
+#   color: "#00adb5"
+# - name: Example 2
+#   percentage: 65
+#   color: "#8b8383"

exampleSite/data/bn/sections/achievements.yaml

@@ -0,0 +1,25 @@
+# section information
+section:
+  name: সাফল্য
+  id: achievements
+  enable: true
+  weight: 6
+  showOnNavbar: true
+  template: sections/achievements.html
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# Your achievements achievements
+achievements:
+- title: সেরা উপস্থাপক
+  image: /images/sections/achievements/presenter.jpg
+  summary: 2020 XYZ কনফারেন্স এ সেরা উপস্থাপক
+- title: বিজয়ী
+  image: /images/sections/achievements/sport.jpg
+  summary: আন্তঃ শহর সাইক্লিং প্রতিযোগিতা ২০২০ এ বিজয়ী
+- title: গ্রাজুয়েশন
+  image: /images/sections/achievements/graduation-cap.jpg
+  summary: XYZ ইউনিভার্সিটি থেকে কম্পিউটার বিজ্ঞানে স্নাতক  সম্পন্ন করেছি
+- title: পুরুস্কার বিজয়ী
+  image: /images/sections/achievements/woman-winner.jpg
+  summary: IEE Conference 2020 এ সেরা গবেষণাপত্রের পুরষ্কার বিজয়ী হয়েছি

exampleSite/data/bn/sections/experiences.yaml

@@ -0,0 +1,65 @@
+# section information
+section:
+  name: অভিজ্ঞতা
+  id: experiences
+  enable: true
+  weight: 3
+  showOnNavbar: true
+  template: sections/experiences.html
+  # Can optionally hide the title in sections
+  # hideTitle: true 
+
+# Your experiences
+experiences:
+- company:
+    name: Example Co.
+    url: "https://www.example.com"
+    location: ঢাকা ব্রাঞ্চ
+    # company overview
+    overview: Example Co. হচ্ছে ক্লাউড নেটিভ ডেভেলপমেন্টের জন্যে একটি স্বীকৃত প্রতিষ্ঠান । এটি Kubernetes এর জন্যে বিভিন্ন সফটওয়্যার বানায়।
+  positions:
+  - designation: সিনিয়র সফটওয়্যার ইঞ্জিনিয়ার
+    start: Nov 2019
+    # don't provide end date if you are currently working there. It will be replaced by "Present"
+    # end: Dec 2020
+    # give some points about what was your responsibilities at the company.
+    responsibilities:
+    - ABC কাজের জন্য XYZ টুল ডিজাইন ও ডেভেলপ করা ।
+    - Kubernetes এর ভলিউম, ডাটাবেজ ইত্যাদি ব্যাকআপ নেওয়ার জন্যে বিপর্যয় পুনরুদ্ধার টুল ডিজাইন, ডেভেলপ এবং পরিচালনা করা। 
+    - বাকেন্ড টিমের নেতৃত্ব দেওয়া।
+
+  - designation: জুনিয়র সফটওয়্যার ইঞ্জিনিয়ার
+    start: Nov 2017
+    end: Oct 2019
+    responsibilities:
+    - ABC টুল এর জন্য XYZ ফিচার বাস্তবায়ন করা এবং টেস্ট করা।
+    - ABC টুলের ক্লায়েন্ট সাপোর্ট দেওয়া।
+    - XYZ এর জন্য K, D, W টেকনোলজি শিখা।
+
+- company:
+    name: PreExample Co.
+    url: "https://www.preexample.com"
+    location: Nowhere
+    overview: PreExample Co. হচ্ছে Example co.  তে যাওয়ার মাধ্যম। সুতারাং, এখানে বিশেষ কিছু নেই।
+  positions:
+  - designation: সফটওয়্যার ইঞ্জিনিয়ার
+    start: March 2016
+    end: May 2017
+    responsibilities:
+    - প্রচুর পরিমাণে উদাহারন কোড লিখা ।
+    - প্রচুর পরিমাণে উদাহারন পড়া।
+    - প্রচুর পরিমাণে উদাহারন ভিডিও দেখা ।
+
+- company:
+    name: Intern Counting Company (ICC).
+    url: "https://www.intern.com"
+    location: Intern Land
+    overview: Intern counting Company (ICC) বিশ্বব্যাপী ইন্টার্ন ইঞ্জিনিয়ারদের গণনার জন্য দায়ী ।
+  positions:
+  - designation: ইন্টার্ন
+    start: Jun 2015
+    end: Jan 2016
+    responsibilities:
+    - প্রচুর ইন্টার্ন গণনা করা।
+    - আরও ইন্টার্ন গণনা করা।
+    - নিজেকে  ইন্টার্ন হিসেবে গণনা করা ।

exampleSite/data/bn/sections/projects.yaml

@@ -0,0 +1,65 @@
+# section information
+section:
+  name: প্রোজেক্ট
+  id: projects
+  enable: true
+  weight: 4
+  showOnNavbar: true
+  template: sections/projects.html
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# filter buttons
+buttons:
+- name: সব বিষয়
+  filter: "all"
+- name: প্রোফেসনাল
+  filter: "professional"
+- name: প্রাতিষ্ঠানিক
+  filter: "academic"
+- name: শখের প্রোজেক্ট
+  filter: "hobby"
+
+# your projects
+projects:
+- name: Kubernetes
+  logo: /images/sections/projects/kubernetes.png
+  role: Contributor
+  timeline: "March 2018 - Present"
+  repo: https://github.com/kubernetes/kubernetes # If your project is a public repo on GitHub, then provide this link. it will show star count.
+  #url: ""  # If your project is not a public repo but it has a website or any external details url then provide it here. don't provide "repo" and "url" simultaneously.
+  summary: Production-Grade Container Scheduling and Management.
+  tags: ["professional", "kubernetes", "cloud"]
+
+- name: Tensorflow
+  logo: /images/sections/projects/tensorflow.png
+  role: Developer
+  timeline: "Jun 2018 - Present"
+  repo: https://github.com/tensorflow/tensorflow
+  #url: ""
+  summary: An Open Source Machine Learning Framework for Everyone.
+  tags: ["professional", "machine-learning","academic"]
+
+- name: A sample academic paper
+  role: Team Lead
+  timeline: "Jan 2017 - Nov 2017"
+  url: "https://www.example.com"
+  summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente eius reprehenderit animi suscipit autem eligendi esse amet aliquid error eum. Accusantium distinctio soluta aliquid quas placeat modi suscipit eligendi nisi.
+  tags: ["academic","iot"]
+
+- name: Nocode
+  logo: /images/sections/projects/no-code.png
+  role: Nothing
+  timeline: "Oct 2019 - Dec 2019"
+  repo: https://github.com/kelseyhightower/nocode
+  #url: ""
+  summary: The best way to write secure and reliable applications. Write nothing; deploy nowhere.
+  tags: ["hobby", "fun"]
+
+- name: Toha
+  logo: /images/sections/projects/toha.png
+  role: Owner
+  timeline: "Jun 2019 - Present"
+  repo: https://github.com/hossainemruz/toha
+  summary: A Hugo theme for personal portfolio.
+  tags: ["hobby","hugo","theme","professional"]

exampleSite/data/bn/sections/recent-posts.yaml

@@ -0,0 +1,12 @@
+# section information
+section:
+  name: সাম্প্রতিক-পোস্ট
+  id: recent-posts
+  enable: true
+  weight: 5
+  showOnNavbar: true
+  template: sections/recent-posts.html
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# no additional configuration is required

exampleSite/data/bn/sections/skills.yaml

@@ -0,0 +1,50 @@
+# section information
+section:
+  name: দক্ষতা
+  id: skills
+  enable: true
+  weight: 2
+  showOnNavbar: true
+  template: sections/skills.html
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# Your Skills.
+# Give a summary of you each skill in the summary section.
+skills:
+- name: Kubernetes
+  icon: "/images/sections/skills/kubernetes.png"
+  summary: "আমি Kubernetes এ অ্যাপ্লিকেশান পরিচালনা করতে সক্ষম । আমার  Kubernetes এ CRD এর জন্য কন্ট্রোলার লিখার অভিজ্ঞতা আছে ।"
+  url: "https://kubernetes.io/"
+
+- name: Go ডেভেলপমেন্ট
+  icon: "/images/sections/skills/go.png"
+  summary: "ডেভেলপমেন্টের জন্য প্রধান ভাষা হিসেবে ব্যবহার করছি। টেস্ট যোগ্য,  রক্ষণাবেক্ষণ যোগ্য কোড লিখতে সক্ষম।"
+  url: "https://golang.org/"
+
+- name: ক্লাউড কম্পিউটিং
+  icon: "/images/sections/skills/cloud.png"
+  summary: "GCP, AWS, Azure গুলোর মত বেশিরভাগ বড় বড় ক্লাউড নিয়ে কাজর অভিজ্ঞতা আছে।"
+
+- name: Docker
+  icon: "/images/sections/skills/docker.svg"
+  summary: "বেশির ভাগ প্রোগ্রামেরই  Docker কন্টেইনার তৈরি করি। মাল্টি স্টেজ এবং মাল্টি আর্কিটেকচার কন্টেইনার নিয়ে অভিজ্ঞতা আছে।"
+  url: "https://www.docker.com/"
+
+- name: Prometheus
+  icon: "/images/sections/skills/prometheus.png"
+  summary: "Prometheus metrics সেটআপ ও কনফিগার করতে সক্ষম। PromQL, AlertManager নিয়ে অভিজ্ঞতা আছে। Metric exporters লিখাতেও অভিজ্ঞতা আছে।"
+  url: "https://prometheus.io/"
+
+- name: লিনাক্স
+  icon: "/images/sections/skills/linux.png"
+  summary: "প্রধান অপারেটিং সিস্টেম হিসেবে ব্যবহার করছি। bash/shell scripts লিখতে সক্ষম।"
+
+- name: গিট
+  icon: "/images/sections/skills/git.png"
+  summary: "গিট ভিত্তিক ডেভেলপমেন্টের অভিজ্ঞতা আছে। বেশির ভাগ ক্ষেতরেই GitHub ব্যবহার করি তবে GitLab ব্যবহারেরও অভিজ্ঞতা আছে।"
+  url: "https://git-scm.com/"
+
+- name: C++
+  icon: "/images/sections/skills/c++.png"
+  summary: "বেসিক C/C++ প্রোগ্রামিং জানি । প্রব্লেম সল্ভিং এবং কন্টেস্ট এর জন্য ব্যবহার করেছি।"

exampleSite/data/bn/site.yaml

@@ -0,0 +1,11 @@
+# Copyright Notice
+copyright: © 2020 Copyright.
+
+# Meta description for your site.  This will help the search engines to find your site.
+description: জন ডো এর বাক্তিগত পোর্টফোলিও ও ব্লগ.
+
+# specify the list of custom menus that you want to show in the top navbar.
+# they will be separated by a divider from the main menus.
+customMenus:
+- name: ডকুমেন্টেশন
+  url: https://toha-guides.netlify.app/posts/

exampleSite/data/en/author.yaml

@@ -0,0 +1,18 @@
+# some information about you
+name: "John Doe"
+nickname: "John"
+# greeting message before your name. it will default to "Hi! I am" if not provided
+greeting: "Hi, I am"
+image: "images/author/john.png"
+# give your some contact information. they will be used in the footer
+contactInfo:
+  email: "johndoe@example.com"
+  phone: "+0123456789"
+
+# some summary about what you do
+summary:
+  - I am a Developer
+  - I am a Devops
+  - I love servers
+  - I work on open-source projects
+  - I love to work with some fun projects

exampleSite/data/en/sections/about.yaml

@@ -1,9 +1,11 @@
 # section information
 section:
   name: About
+  id: about
   enable: true
   weight: 1
   showOnNavbar: true
+  template: sections/about.html
 
 # your designation
 designation: Software Engineer

exampleSite/data/en/sections/achievements.yaml

@@ -1,6 +1,7 @@
 # section information
 section:
   name: Achievements
+  id: achievements
   enable: true
   weight: 6
   showOnNavbar: true
@@ -10,14 +11,14 @@ section:
 # Your achievements achievements
 achievements:
 - title: Best Presenter
-  image: images/achievements/presenter.jpg
+  image: /images/sections/achievements/presenter.jpg
   summary: Best presenter in the 2020 XYZ conference.
 - title: Champion
-  image: images/achievements/sport.jpg
+  image: /images/sections/achievements/sport.jpg
   summary: Champion in cycling inter-city cycling championship 2020.
 - title: Graduation
-  image: images/achievements/graduation-cap.jpg
+  image: /images/sections/achievements/graduation-cap.jpg
   summary: Received Bachelor of Science (B.Sc.) in Computer Science and Engineer from XYZ University.
 - title: Award Winner
-  image: images/achievements/woman-winner.jpg
+  image: /images/sections/achievements/woman-winner.jpg
-  summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
+  summary: Wined best paper award at IEE Conference 2020.

exampleSite/data/en/sections/experiences.yaml

@@ -1,6 +1,7 @@
 # section information
 section:
   name: Experiences
+  id: experiences
   enable: true
   weight: 3
   showOnNavbar: true

exampleSite/data/en/sections/projects.yaml

@@ -1,6 +1,7 @@
 # section information
 section:
   name: Projects
+  id: projects
   enable: true
   weight: 4
   showOnNavbar: true
@@ -21,7 +22,7 @@ buttons:
 # your projects
 projects:
 - name: Kubernetes
-  logo: images/projects/kubernetes.png
+  logo: /images/sections/projects/kubernetes.png
   role: Contributor
   timeline: "March 2018 - Present"
   repo: https://github.com/kubernetes/kubernetes # If your project is a public repo on GitHub, then provide this link. it will show star count.
@@ -30,7 +31,7 @@ projects:
   tags: ["professional", "kubernetes", "cloud"]
 
 - name: Tensorflow
-  logo: images/projects/tensorflow.png
+  logo: /images/sections/projects/tensorflow.png
   role: Developer
   timeline: "Jun 2018 - Present"
   repo: https://github.com/tensorflow/tensorflow
@@ -46,7 +47,7 @@ projects:
   tags: ["academic","iot"]
 
 - name: Nocode
-  logo: images/projects/no-code.png
+  logo: /images/sections/projects/no-code.png
   role: Nothing
   timeline: "Oct 2019 - Dec 2019"
   repo: https://github.com/kelseyhightower/nocode
@@ -55,7 +56,7 @@ projects:
   tags: ["hobby", "fun"]
 
 - name: Toha
-  logo: images/projects/toha.png
+  logo: /images/sections/projects/toha.png
   role: Owner
   timeline: "Jun 2019 - Present"
   repo: https://github.com/hossainemruz/toha

exampleSite/data/en/sections/recent-posts.yaml

@@ -1,6 +1,7 @@
 # section information
 section:
   name: Recent Posts
+  id: recent-posts
   enable: true
   weight: 5
   showOnNavbar: true

exampleSite/data/en/sections/skills.yaml

@@ -1,6 +1,7 @@
 # section information
 section:
   name: Skills
+  id: skills
   enable: true
   weight: 2
   showOnNavbar: true
@@ -11,38 +12,38 @@ section:
 # Give a summary of you each skill in the summary section.
 skills:
 - name: Kubernetes
-  icon: "images/skills/kubernetes.png"
+  icon: "/images/sections/skills/kubernetes.png"
   summary: "Capable of deploying, managing application on Kubernetes. Experienced in writing Kubernetes controllers for CRDs."
   url: "https://kubernetes.io/"
 
 - name: Go Development
-  icon: "images/skills/go.png"
+  icon: "/images/sections/skills/go.png"
   summary: "Using as the main language for professional development. Capable of writing scalable, testable, and maintainable program."
   url: "https://golang.org/"
 
 - name: Cloud Computing
-  icon: "images/skills/cloud.png"
+  icon: "/images/sections/skills/cloud.png"
   summary: "Worked with most of the major clouds such as GCP, AWS, Azure etc."
 
 - name: Docker
-  icon: "images/skills/docker.svg"
+  icon: "/images/sections/skills/docker.svg"
   summary: "Write most of the programs as dockerized container. Experienced with multi-stage, multi-arch build process."
   url: "https://www.docker.com/"
 
 - name: Prometheus
-  icon: "images/skills/prometheus.png"
+  icon: "/images/sections/skills/prometheus.png"
   summary: "Capable of setup, configure Prometheus metrics. Experienced with PromQL, AlertManager. Also, experienced with writing metric exporters."
   url: "https://prometheus.io/"
 
 - name: Linux
-  icon: "images/skills/linux.png"
+  icon: "/images/sections/skills/linux.png"
   summary: "Using as the main operating system. Capable of writing bash/shell scripts."
 
 - name: Git
-  icon: "images/skills/git.png"
+  icon: "/images/sections/skills/git.png"
   summary: "Experienced with git-based development. Mostly, use Github. Also, have experience in working with GitLab."
   url: "https://git-scm.com/"
 
 - name: C++
-  icon: "images/skills/c++.png"
+  icon: "/images/sections/skills/c++.png"
   summary: "Know basic C/C++ programming. Used for contest programming and problem solving."

exampleSite/data/en/site.yaml

@@ -0,0 +1,11 @@
+# Copyright Notice
+copyright: © 2020 Copyright.
+
+# Meta description for your site.  This will help the search engines to find your site.
+description: Portfolio and personal blog of John Doe.
+
+# specify the list of custom menus that you want to show in the top navbar.
+# they will be separated by a divider from the main menus.
+customMenus:
+- name: Docs
+  url: https://toha-guides.netlify.app/posts/

exampleSite/data/fr/author.yaml

@@ -0,0 +1,20 @@
+# some information about you
+name: "John Doe"
+nickname: "John"
+
+# greeting message before your name. it will default to "Hi! I am" if not provided
+greeting: "Bonjour, je suis"
+image: "images/author/john.png"
+
+# give your some contact information. they will be used in the footer
+contactInfo:
+  email: "johndoe@example.com"
+  phone: "+0123456789"
+
+# some summary about what you do
+summary:
+  - Je suis un développeur
+  - Je suis un Devops
+  - J'aime les serveurs
+  - Je travaille sur des projets open-source
+  - J'aime travailler avec des projets amusants

exampleSite/data/fr/sections/about.yaml

@@ -0,0 +1,78 @@
+# section information
+section:
+  name: "A propos"
+  id: about
+  enable: true
+  weight: 1
+  showOnNavbar: true
+  template: sections/about.html
+
+# your designation
+designation: "Développeur logiciel"
+# your company information
+company:
+  name: Example Co.
+  url: "https://www.example.com"
+
+# your resume. this file path should be relative to you "static" directory
+resume: "files/resume.pdf"
+
+# a summary about you
+summary: "Je suis un ingénieur en logiciel passionné, avec x années d'expérience professionnelle. J'ai construit des outils OSS pour [Kubernetes](https://kubernetes.io/) en utilisant GO. Mes outils aident les gens à déployer leurs charges de travail dans Kubernetes. Parfois, je travaille sur des projets amusants comme l'écriture d'un thème, etc."
+
+# your social links
+# give as many as you want. use font-awesome for the icons.
+socialLinks:
+- name: Email
+  icon: "fas fa-envelope"
+  url: "example@gmail.com"
+
+- name: Github
+  icon: "fab fa-github"
+  url: "https://www.github.com/example"
+
+- name: Stackoverflow
+  icon: "fab fa-stack-overflow"
+  url: "#"
+
+- name: LinkedIn
+  icon: "fab fa-linkedin"
+  url: "#"
+
+- name: Twitter
+  icon: "fab fa-twitter"
+  url: "#"
+
+- name: Facebook
+  icon: "fab fa-facebook"
+  url: "#"
+
+# your soft skills
+# give the percentage between 50 to 100 with 5 intervals.
+# currently supported colors: blue, yellow, pink, green, sky, orange
+softSkills:
+- name: Chef de projet
+  percentage: 85
+  color: blue
+- name: Travail d'équipe
+  percentage: 90
+  color: yellow
+- name: Communication
+  percentage: 85
+  color: pink
+- name: Persévérant
+  percentage: 85
+  color: green
+- name: Autonome
+  percentage: 85
+  color: sky
+- name: Logique
+  percentage: 85
+  color: orange
+# you can also provide color code instead of pre-defined color name
+# - name: Example 1
+#   percentage: 75
+#   color: "#00adb5"
+# - name: Example 2
+#   percentage: 65
+#   color: "#8b8383"

exampleSite/data/fr/sections/achievements.yaml

@@ -0,0 +1,25 @@
+# section information
+section:
+  name: Realisations
+  id: achievements
+  enable: true
+  weight: 6
+  showOnNavbar: true
+  template: sections/achievements.html
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# Your achievements achievements
+achievements:
+- title: Meilleur présentateur
+  image: /images/sections/achievements/presenter.jpg
+  summary: Meilleur présentateur de la conférence XYZ 2020.
+- title: Champion
+  image: /images/sections/achievements/sport.jpg
+  summary: Champion du championnat cycliste interurbain 2020.
+- title: Remise des diplômes
+  image: /images/sections/achievements/graduation-cap.jpg
+  summary: J'ai obtenu une licence en sciences (B.Sc.) en informatique et en ingénierie à l'université XYZ.
+- title: Lauréat du prix
+  image: /images/sections/achievements/woman-winner.jpg
+  summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?

exampleSite/data/fr/sections/experiences.yaml

@@ -0,0 +1,65 @@
+# section information
+section:
+  name: Experiences
+  id: experiences
+  enable: true
+  weight: 3
+  showOnNavbar: true
+  template: sections/experiences.html
+  # Can optionally hide the title in sections
+  # hideTitle: true 
+
+# Your experiences
+experiences:
+- company:
+    name: Example Co.
+    url: "https://www.example.com"
+    location: Dhaka Branch
+    # company overview
+    overview: Example Co. est une entreprise largement reconnue pour le développement de l'utilisation des nuages. Elle construit des outils pour Kubernetes.
+  positions:
+  - designation: Ingénieur logiciel senior
+    start: Nov 2019
+    # don't provide end date if you are currently working there. It will be replaced by "Present"
+    # end: Dec 2020
+    # give some points about what was your responsibilities at the company.
+    responsibilities:
+    - Concevoir et développer l'outil XYZ pour la tâche ABC.
+    - Concevoir, développer et gérer l'outil de reprise après sinistre [Xtool](https://www.example.com) qui sauvegarde les volumes, les bases de données et la définition des ressources du cluster de Kubernetes.
+    - Diriger l'équipe de soutien.
+
+  - designation: Ingénieur logiciel junior
+    start: Nov 2017
+    end: Oct 2019
+    responsibilities:
+    - Implémenter et tester la fonction xyz pour l'outil abc.
+    - Support client pour abc tool.
+    - Apprendre la technologie k,d,w pour xyz.
+
+- company:
+    name: PreExample Co.
+    url: "https://www.preexample.com"
+    location: Nowhere
+    overview: PreExample Co. est une société passerelle pour entrer dans Example co. Donc, rien de spécial ici.
+  positions:
+  - designation: Ingénieur logiciel
+    start: Mars 2016
+    end: Mai 2017
+    responsibilities:
+    - Rédigez de nombreux exemples de codes.
+    - Lire de nombreux exemples.
+    - Voir de nombreux exemples de vidéos.
+
+- company:
+    name: Intern Counting Company (ICC).
+    url: "https://www.intern.com"
+    location: Intern Land
+    overview: La Compagnie de comptage des stagiaires (ICC) est responsable du comptage des ingénieurs stagiaires du monde entier.
+  positions:
+  - designation: Stagiaire
+    start: Juin 2015
+    end: Jan 2016
+    responsibilities:
+    - Compte perdu des stagiaires.
+    - Comptez plus de stagiaires.
+    - Comptez-moi comme un stagiaire.

exampleSite/data/fr/sections/projects.yaml

@@ -0,0 +1,65 @@
+# section information
+section:
+  name: Projets
+  id: projects
+  enable: true
+  weight: 4
+  showOnNavbar: true
+  template: sections/projects.html
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# filter buttons
+buttons:
+- name: All
+  filter: "all"
+- name: Professionnel
+  filter: "professionnel"
+- name: Ecole
+  filter: "ecole"
+- name: Hobby
+  filter: "hobby"
+
+# your projects
+projects:
+- name: Kubernetes
+  logo: /images/sections/projects/kubernetes.png
+  role: Contributeur
+  timeline: "Mars 2018 - Présent"
+  repo: https://github.com/kubernetes/kubernetes # If your project is a public repo on GitHub, then provide this link. it will show star count.
+  #url: ""  # If your project is not a public repo but it has a website or any external details url then provide it here. don't provide "repo" and "url" simultaneously.
+  summary: Planification et gestion des conteneurs de qualité production.
+  tags: ["professionnel", "kubernetes", "cloud"]
+
+- name: Tensorflow
+  logo: /images/sections/projects/tensorflow.png
+  role: Développeur
+  timeline: "Juin 2018 - Présent"
+  repo: https://github.com/tensorflow/tensorflow
+  #url: ""
+  summary: Un cadre d'apprentissage machine à source ouverte pour tous.
+  tags: ["professionnel", "machine-learning","ecole"]
+
+- name: Un exemple d'article académique
+  role: Chef d'équipe
+  timeline: "Janvier 2017 - Novembre 2017"
+  url: "https://www.example.com"
+  summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente eius reprehenderit animi suscipit autem eligendi esse amet aliquid error eum. Accusantium distinctio soluta aliquid quas placeat modi suscipit eligendi nisi.
+  tags: ["ecole","iot"]
+
+- name: Nocode
+  logo: /images/sections/projects/no-code.png
+  role: Rien
+  timeline: "Oct 2019 - Dec 2019"
+  repo: https://github.com/kelseyhightower/nocode
+  #url: ""
+  summary: La meilleure façon de rédiger des demandes sûres et fiables. N'écrivez rien, ne déployez rien.
+  tags: ["hobby", "fun"]
+
+- name: Toha
+  logo: /images/sections/projects/toha.png
+  role: Owner
+  timeline: "Juin 2019 - Présent"
+  repo: https://github.com/hossainemruz/toha
+  summary: Un thème Hugo pour le portfolio personnel.
+  tags: ["hobby","hugo","theme","professionnel"]

exampleSite/data/fr/sections/recent-posts.yaml

@@ -0,0 +1,12 @@
+# section information
+section:
+  name: Posts recents
+  id: recent-posts
+  enable: true
+  weight: 5
+  showOnNavbar: true
+  template: sections/recent-posts.html
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# no additional configuration is required

exampleSite/data/fr/sections/skills.yaml

@@ -0,0 +1,50 @@
+# section information
+section:
+  name: Competences
+  id: skills
+  enable: true
+  weight: 2
+  showOnNavbar: true
+  template: sections/skills.html
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# Your Skills.
+# Give a summary of you each skill in the summary section.
+skills:
+- name: Kubernetes
+  icon: "/images/sections/skills/kubernetes.png"
+  summary: "Capable de déployer, de gérer l'application sur Kubernetes. Expérimenté dans la rédaction de contrôleurs Kubernetes pour les CRD."
+  url: "https://kubernetes.io/"
+
+- name: Go
+  icon: "/images/sections/skills/go.png"
+  summary: "Utiliser comme langue principale pour le développement professionnel. Capable d'écrire des programmes évolutifs, testables et maintenables."
+  url: "https://golang.org/"
+
+- name: Cloud Computing
+  icon: "/images/sections/skills/cloud.png"
+  summary: "A travaillé avec la plupart des principaux nuages tels que GCP, AWS, Azure, etc."
+
+- name: Docker
+  icon: "/images/sections/skills/docker.svg"
+  summary: "Inscrivez la plupart des programmes en tant que conteneur déchargé. Expérimenté dans le processus de construction en plusieurs étapes et en plusieurs arcs."
+  url: "https://www.docker.com/"
+
+- name: Prometheus
+  icon: "/images/sections/skills/prometheus.png"
+  summary: "Capable d'installation, de configurer les métriques de Prometheus. Expérimenté avec PromQL, AlertManager. Expérimenté également dans la rédaction d'exportateurs de métriques."
+  url: "https://prometheus.io/"
+
+- name: Linux
+  icon: "/images/sections/skills/linux.png"
+  summary: "Utilisé comme système d'exploitation principal. Capable d'écrire des scripts bash/shell."
+
+- name: Git
+  icon: "/images/sections/skills/git.png"
+  summary: "Expérimenté dans le développement basé sur les GIT. Surtout, utilisez Github. Avoir également une expérience de travail avec GitLab."
+  url: "https://git-scm.com/"
+
+- name: C++
+  icon: "/images/sections/skills/c++.png"
+  summary: "Connaître les bases de la programmation C/C++. Utilisé pour la programmation de concours et la résolution de problèmes."

exampleSite/data/fr/site.yaml

@@ -0,0 +1,11 @@
+# Copyright Notice
+copyright: © 2020 Droits d'auteur.
+
+# Meta description for your site.  This will help the search engines to find your site.
+description: Portfolio et blog personnel de Jane Doe.
+
+# specify the list of custom menus that you want to show in the top navbar.
+# they will be separated by a divider from the main menus.
+customMenus:
+- name: Docs
+  url: https://toha-guides.netlify.app/posts/

exampleSite/data/id/author.yaml

@@ -0,0 +1,18 @@
+# some information about you
+name: "John Doe"
+nickname: "John"
+# greeting message before your name. it will default to "Hi! I am" if not provided
+greeting: "Halo, saya"
+image: "images/author/john.png"
+# give your some contact information. they will be used in the footer
+contactInfo:
+  email: "johndoe@example.com"
+  phone: "+0123456789"
+
+# some summary about what you do
+summary:
+  - Saya seorang developer
+  - Saya mengerjakan System
+  - Saya suka dengan servers
+  - Saya melakukan projek open-source
+  - Projek-projek yang seru sangat menarik buat saya

exampleSite/data/id/sections/about.yaml

@@ -0,0 +1,78 @@
+# section information
+section:
+  name: Tentang Saya
+  id: about
+  enable: true
+  weight: 1
+  showOnNavbar: true
+  template: sections/about.html
+
+# your designation
+designation: Programmer
+# your company information
+company:
+  name: Example Co.
+  url: "https://www.example.com"
+
+# your resume. this file path should be relative to you "static" directory
+resume: "files/resume.pdf"
+
+# a summary about you
+summary: 'Saya seorang insinyur perangkat lunak yang bersemangat dengan pengalaman kerja x tahun. Saya membuat alat OSS untuk [Kubernetes] (https://kubernetes.io/) menggunakan GO. Alat saya membantu orang untuk menyebarkan beban kerja mereka di Kubernetes. Terkadang, saya mengerjakan beberapa proyek menyenangkan seperti menulis tema, dll.'
+
+# your social links
+# give as many as you want. use font-awesome for the icons.
+socialLinks:
+- name: Email
+  icon: "fas fa-envelope"
+  url: "example@gmail.com"
+
+- name: Github
+  icon: "fab fa-github"
+  url: "https://www.github.com/example"
+
+- name: Stackoverflow
+  icon: "fab fa-stack-overflow"
+  url: "#"
+
+- name: LinkedIn
+  icon: "fab fa-linkedin"
+  url: "#"
+
+- name: Twitter
+  icon: "fab fa-twitter"
+  url: "#"
+
+- name: Facebook
+  icon: "fab fa-facebook"
+  url: "#"
+
+# your soft skills
+# give the percentage between 50 to 100 with 5 intervals.
+# currently supported colors: blue, yellow, pink, green, sky, orange
+softSkills:
+- name: Kepemimpinan
+  percentage: 85
+  color: blue
+- name: Bekerja dengan Tim
+  percentage: 90
+  color: yellow
+- name: Komunikasi
+  percentage: 85
+  color: pink
+- name: Kerja Keras
+  percentage: 85
+  color: green
+- name: Belajar Cepat
+  percentage: 85
+  color: sky
+- name: Menyelesaikan Masalah
+  percentage: 85
+  color: orange
+# you can also provide color code instead of pre-defined color name
+# - name: Example 1
+#   percentage: 75
+#   color: "#00adb5"
+# - name: Example 2
+#   percentage: 65
+#   color: "#8b8383"

exampleSite/data/id/sections/achievements.yaml

@@ -0,0 +1,24 @@
+# section information
+section:
+  name: Presentasi
+  id: achievements
+  enable: true
+  weight: 6
+  showOnNavbar: true
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# Your achievements achievements
+achievements:
+- title: Presenter Terbaik
+  image: /images/sections/achievements/presenter.jpg
+  summary: Best presenter in the 2020 XYZ conference.
+- title: Juara
+  image: /images/sections/achievements/sport.jpg
+  summary: Champion in cycling inter-city cycling championship 2020.
+- title: Wisuda
+  image: /images/sections/achievements/graduation-cap.jpg
+  summary: Received Bachelor of Science (B.Sc.) in Computer Science and Engineer from XYZ University.
+- title: Pemenang Award
+  image: /images/sections/achievements/woman-winner.jpg
+  summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?

exampleSite/data/id/sections/experiences.yaml

@@ -0,0 +1,64 @@
+# section information
+section:
+  name: Pengalaman
+  id: experiences
+  enable: true
+  weight: 3
+  showOnNavbar: true
+  # Can optionally hide the title in sections
+  # hideTitle: true 
+
+# Your experiences
+experiences:
+- company:
+    name: Example Co.
+    url: "https://www.example.com"
+    location: Dhaka Branch
+    # company overview
+    overview: Example Co. adalah perusahaan yang dikenal luas untuk pengembangan cloud-native. Itu membangun alat untuk Kubernetes.
+  positions:
+  - designation: Senior Software Engineer
+    start: Nov 2019
+    # don't provide end date if you are currently working there. It will be replaced by "Present"
+    # end: Dec 2020
+    # give some points about what was your responsibilities at the company.
+    responsibilities:
+    - Design and develop XYZ tool for ABC task
+    - Design, develop and manage disaster recovery tool [Xtool](https://www.example.com) that backup Kubernetes volumes, databases, and cluster's resource definition.
+    - Lead backend team.
+
+  - designation: Junior Software Engineer
+    start: Nov 2017
+    end: Okt 2019
+    responsibilities:
+    - Implement and test xyz feature for abc tool.
+    - Support client for abc tool.
+    - Learn k,d,w technology for xyz.
+
+- company:
+    name: PreExample Co.
+    url: "https://www.preexample.com"
+    location: Nowhere
+    overview: PreExample Co. adalah perusahaan gateway untuk masuk ke Example co. Jadi, tidak ada yang istimewa di sini.
+  positions:
+  - designation: Software Engineer
+    start: Maret 2016
+    end: Mei 2017
+    responsibilities:
+    - Write lots of example codes.
+    - Read lots of examples.
+    - See lots of example videos.
+
+- company:
+    name: Intern Counting Company (ICC).
+    url: "https://www.intern.com"
+    location: Intern Land
+    overview: Perusahaan penghitung magang (ICC) bertanggung jawab untuk menghitung Insinyur magang di seluruh dunia.
+  positions:
+  - designation: Intern
+    start: Jun 2015
+    end: Jan 2016
+    responsibilities:
+    - Count lost of interns.
+    - Count more interns.
+    - Count me as an intern.

exampleSite/data/id/sections/projects.yaml

@@ -0,0 +1,64 @@
+# section information
+section:
+  name: Projek
+  id: projects
+  enable: true
+  weight: 4
+  showOnNavbar: true
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# filter buttons
+buttons:
+- name: All
+  filter: "all"
+- name: Profesional
+  filter: "profesional"
+- name: Akademik
+  filter: "akademik"
+- name: Hobi
+  filter: "hob1"
+
+# your projects
+projects:
+- name: Kubernetes
+  logo: /images/sections/projects/kubernetes.png
+  role: Contributor
+  timeline: "March 2018 - Present"
+  repo: https://github.com/kubernetes/kubernetes # If your project is a public repo on GitHub, then provide this link. it will show star count.
+  #url: ""  # If your project is not a public repo but it has a website or any external details url then provide it here. don't provide "repo" and "url" simultaneously.
+  summary: Production-Grade Container Scheduling and Management.
+  tags: ["professional", "kubernetes", "cloud"]
+
+- name: Tensorflow
+  logo: /images/sections/projects/tensorflow.png
+  role: Developer
+  timeline: "Jun 2018 - Present"
+  repo: https://github.com/tensorflow/tensorflow
+  #url: ""
+  summary: An Open Source Machine Learning Framework for Everyone.
+  tags: ["professional", "machine-learning","academic"]
+
+- name: A sample academic paper
+  role: Team Lead
+  timeline: "Jan 2017 - Nov 2017"
+  url: "https://www.example.com"
+  summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente eius reprehenderit animi suscipit autem eligendi esse amet aliquid error eum. Accusantium distinctio soluta aliquid quas placeat modi suscipit eligendi nisi.
+  tags: ["academic","iot"]
+
+- name: Nocode
+  logo: /images/sections/projects/no-code.png
+  role: Nothing
+  timeline: "Oct 2019 - Dec 2019"
+  repo: https://github.com/kelseyhightower/nocode
+  #url: ""
+  summary: The best way to write secure and reliable applications. Write nothing; deploy nowhere.
+  tags: ["hobby", "fun"]
+
+- name: Toha
+  logo: /images/sections/projects/toha.png
+  role: Owner
+  timeline: "Jun 2019 - Present"
+  repo: https://github.com/hossainemruz/toha
+  summary: A Hugo theme for personal portfolio.
+  tags: ["hobby","hugo","theme","professional"]

exampleSite/data/id/sections/recent-posts.yaml

@@ -0,0 +1,11 @@
+# section information
+section:
+  name: Artikel Akhir
+  id: recent-posts
+  enable: true
+  weight: 5
+  showOnNavbar: true
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# no additional configuration is required

exampleSite/data/id/sections/skills.yaml

@@ -0,0 +1,49 @@
+# section information
+section:
+  name: Keahlian
+  id: skills
+  enable: true
+  weight: 2
+  showOnNavbar: true
+  # Can optionally hide the title in sections
+  # hideTitle: true
+
+# Your Skills.
+# Give a summary of you each skill in the summary section.
+skills:
+- name: Kubernetes
+  icon: "/images/sections/skills/kubernetes.png"
+  summary: "Mampu menerapkan, mengelola aplikasi di Kubernetes. Berpengalaman dalam menulis pengontrol Kubernetes untuk CRD."
+  url: "https://kubernetes.io/"
+
+- name: Go Development
+  icon: "/images/sections/skills/go.png"
+  summary: "Menggunakan sebagai bahasa utama untuk pengembangan profesional. Mampu menulis program yang dapat diskalakan, dapat diuji, dan dipelihara."
+  url: "https://golang.org/"
+
+- name: Cloud Computing
+  icon: "/images/sections/skills/cloud.png"
+  summary: "Worked with most of the major clouds such as GCP, AWS, Azure etc."
+
+- name: Docker
+  icon: "/images/sections/skills/docker.svg"
+  summary: "Tulis sebagian besar program sebagai kontainer docker. Berpengalaman dengan proses pembangunan multi-tahap dan multi-arch."
+  url: "https://www.docker.com/"
+
+- name: Prometheus
+  icon: "/images/sections/skills/prometheus.png"
+  summary: "Mampu mengatur, mengkonfigurasi metrik Prometheus. Berpengalaman dengan PromQL, AlertManager. Juga, berpengalaman dengan eksportir menulis metrik."
+  url: "https://prometheus.io/"
+
+- name: Linux
+  icon: "/images/sections/skills/linux.png"
+  summary: "Menggunakan sebagai sistem operasi utama. Mampu menulis skrip bash / shell."
+
+- name: Git
+  icon: "/images/sections/skills/git.png"
+  summary: "Berpengalaman dengan pengembangan berbasis git. Kebanyakan, gunakan Github. Juga, miliki pengalaman bekerja dengan GitLab."
+  url: "https://git-scm.com/"
+
+- name: C++
+  icon: "/images/sections/skills/c++.png"
+  summary: "Ketahui pemrograman C / C ++ dasar. Digunakan untuk pemrograman kontes dan pemecahan masalah."

exampleSite/data/id/site.yaml

@@ -0,0 +1,11 @@
+# Copyright Notice
+copyright: © 2020 Copyright.
+
+# Meta description for your site.  This will help the search engines to find your site.
+description: Portofolio dan blog pribadi dari Jane Doe.
+
+# specify the list of custom menus that you want to show in the top navbar.
+# they will be separated by a divider from the main menus.
+customMenus:
+- name: Docs
+  url: https://toha-guides.netlify.app/posts/

i18n/bn.toml

@@ -0,0 +1,48 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "হোম"
+
+[posts]
+other = "পোষ্ট সমূহ"
+
+[toc_heading]
+other = "সুচিপত্র"
+
+[resume]
+other = "আমার জীবনবৃত্তান্ত"
+
+[navigation]
+other = "নেভিগেশন"
+
+[contact_me]
+other = "আমার সাথে যোগাযোগ করুনঃ"
+
+[email]
+other = "ইমেইল"
+
+[phone]
+other = "ফোন"
+
+[newsletter_text]
+other = "ইমেইল নোটিফিকেশান এর মাধ্যমে সর্বশেষ তথ্য জানুন"
+
+[newsletter_input_placeholder]
+other = "ইমেইল প্রবেশ করান"
+
+[newsletter_warning]
+other = "আমরা আপনার ইমেল অন্য কারও সাথে শেয়ার করব না।"
+
+[submit]
+other = "জমা দিন"
+
+[hugoAttributionText]
+other = "পাওয়ারড বাই"
+
+[prev]
+other = "পূর্ববর্তী"
+
+[next]
+other = "পরবর্তী"
+
+[improve_this_page]
+other = "এই পৃষ্ঠাটি উন্নত করুন"

i18n/de.toml

@@ -0,0 +1,51 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Home"
+
+[posts]
+other = "Beiträge"
+
+[toc_heading]
+other = "Inhoudsopgave"
+
+[at]
+other = "bei"
+
+[resume]
+other = "Mein Lebenslauf"
+
+[navigation]
+other = "Navigation"
+
+[contact_me]
+other = "Kontakt aufnehmen"
+
+[email]
+other = "E-mail"
+
+[phone]
+other = "Telefoon"
+
+[newsletter_text]
+other = "Mit dem Newsletter auf dem neuesten Stand bleiben"
+
+[newsletter_input_placeholder]
+other = "E-Mail-Adresse eingeben"
+
+[newsletter_warning]
+other = "Wir werden Ihre E-Mail-Adresse nicht an Dritte weitergeben."
+
+[submit]
+other = "Absenden"
+
+[hugoAttributionText]
+other = "Powered by"
+
+[prev]
+other = "Vorige"
+
+[next]
+other = "De volgende"
+
+[improve_this_page]
+other = "Verbeter deze pagina"

i18n/en.toml

@@ -0,0 +1,51 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Home"
+
+[posts]
+other = "Posts"
+
+[toc_heading]
+other = "Table of Contents"
+
+[at]
+other = "at"
+
+[resume]
+other = "My resume"
+
+[navigation]
+other = "Navigation"
+
+[contact_me]
+other = "Contact me:"
+
+[email]
+other = "Email"
+
+[phone]
+other = "Phone"
+
+[newsletter_text]
+other = "Stay up to date with email notification"
+
+[newsletter_input_placeholder]
+other = "Enter email"
+
+[newsletter_warning]
+other = "We'll never share your email with anyone else."
+
+[submit]
+other = "Submit"
+
+[hugoAttributionText]
+other = "Powered by"
+
+[prev]
+other = "Prev"
+
+[next]
+other = "Next"
+
+[improve_this_page]
+other = "Improve this page"

i18n/es.toml

@@ -0,0 +1,51 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Inicio"
+
+[posts]
+other = "Posts"
+
+[toc_heading]
+other = "Contenido"
+
+[at]
+other = "en"
+
+[resume]
+other = "Mi currículum"
+
+[navigation]
+other = "Navegación"
+
+[contact_me]
+other = "Contacto"
+
+[email]
+other = "Email"
+
+[phone]
+other = "Teléfono"
+
+[newsletter_text]
+other = "Subscribirse"
+
+[newsletter_input_placeholder]
+other = "Ingrese email"
+
+[newsletter_warning]
+other = "Jamás compartiremos tus datos con alguién mas"
+
+[submit]
+other = "Enviar"
+
+[hugoAttributionText]
+other = "Funcionando con"
+
+[prev]
+other = "Anterior"
+
+[next]
+other = "Siguiente"
+
+[improve_this_page]
+other = "Mejorar esta página"

i18n/fr.toml

@@ -0,0 +1,51 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Accueil"
+
+[posts]
+other = "Des postes"
+
+[toc_heading]
+other = "Table des matières"
+
+[at]
+other = "chez"
+
+[resume]
+other = "Mon Curriculum vitæ"
+
+[navigation]
+other = "Naviguation"
+
+[contact_me]
+other = "Contactez moi :"
+
+[email]
+other = "Email"
+
+[phone]
+other = "Téléphone"
+
+[newsletter_text]
+other = "Restez à jour par e-mail"
+
+[newsletter_input_placeholder]
+other = "Entrez une adresse e-mail"
+
+[newsletter_warning]
+other = "Nous ne partagerons jamais votre courriel avec quelqu'un d'autre."
+
+[submit]
+other = "Envoyer"
+
+[hugoAttributionText]
+other = "Alimenté par"
+
+[prev]
+other = "Précédent"
+
+[next]
+other = "Suivant"
+
+[improve_this_page]
+other = "Améliorez cette page"

i18n/id.toml

@@ -0,0 +1,51 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Beranda"
+
+[posts]
+other = "Artikel"
+
+[toc_heading]
+other = "Daftar Isi"
+
+[at]
+other = "at"
+
+[resume]
+other = "Resume saya"
+
+[navigation]
+other = "Navigasi"
+
+[contact_me]
+other = "Hubungi saya:"
+
+[email]
+other = "Surel"
+
+[phone]
+other = "Telepon"
+
+[newsletter_text]
+other = "Ingin selalu update dengan notifikasi email"
+
+[newsletter_input_placeholder]
+other = "Masukkan email"
+
+[newsletter_warning]
+other = "Kami tidak pernah berbagi data email dengan siapapun."
+
+[submit]
+other = "Kirim"
+
+[hugoAttributionText]
+other = "Didukung oleh"
+
+[prev]
+other = "Sebelumnya"
+
+[next]
+other = "Lanjut"
+
+[improve_this_page]
+other = "Perbaiki halaman ini"

layouts/404.html

@@ -1,15 +1,15 @@
 {{ define "header" }}
-    <link rel="stylesheet" href="/assets/css/404.css">
+    <link rel="stylesheet" href="{{ "/assets/css/404.css" | relURL }}">
 {{ end }}
 
 {{ define "navbar" }}
-    {{ partial "navigators/navbar-2.html" (dict "baseURL" .Site.BaseURL "title" .Site.Title "hasToggleButton" false) }}
+    {{ partial "navigators/navbar-2.html" (dict "baseURL" site.BaseURL "title" site.Title "hasToggleButton" false) }}
 {{ end }}
 
 {{ define "content" }}
 <div class="container">
     <div class="notFound">
-        <img src="/assets/images/404.png" alt="">
+        <img src="{{ "/assets/images/404.png" | relURL }}" alt="">
         <div class="message">
             <h1>404</h1>
             <h4>The page you are looking for is not there yet.</h4>

layouts/_default/baseof.html

@@ -9,7 +9,7 @@
     {{ block "header" . }} {{ end }}
 
     <!-- ADD GOOGLE ANALYTICS IF ENABLED -->
-    {{ if .Site.GoogleAnalytics }}
+    {{ if site.GoogleAnalytics }}
       {{ template "_internal/google_analytics_async.html" . }}
     {{ end }}
   </head>

layouts/_default/list.html

@@ -1,6 +1,6 @@
 {{ define "header" }}
-    <link rel="stylesheet" href="/assets/css/list.css">
+    <link rel="stylesheet" href="{{ "/assets/css/layouts/list.css" | relURL }}">
-    <link rel="stylesheet" href="/assets/css/navigators/sidebar.css">
+    <link rel="stylesheet" href="{{ "/assets/css/navigators/sidebar.css" | relURL}}">
 {{ end }}
 
 {{ define "navbar" }}
@@ -8,15 +8,20 @@
 {{ end }}
 
 {{ define "sidebar" }}
+  {{ $blogHome:="#" }}
+  {{ if site.IsMultiLingual }}
+    {{ $blogHome = (path.Join (cond ( eq .Language.Lang "en") "" .Language.Lang) "posts") }}
+  {{ end }}
+
   <section class="sidebar-section" id="sidebar-section">
     <div class="sidebar-holder">
       <div class="sidebar" id="sidebar">
         <input type="text" value="" placeholder="Search" data-search="" id="search-box" />
         <div class="sidebar-tree">
           <ul class="tree" id="tree">
-            <li id="list-heading"><a href="/posts" data-filter="all">Posts</a></li>
+            <li id="list-heading"><a href="{{ "/posts" | relLangURL }}" data-filter="all">{{ i18n "posts" }}</a></li>
             <div class="subtree">
-                {{ partial "navigators/sidebar.html" (dict "menus" .Site.Menus.sidebar "ctx" .) }}
+                {{ partial "navigators/sidebar.html" (dict "menus" site.Menus.sidebar "ctx" .) }}
             </div>
           </ul>
         </div>
@@ -42,5 +47,5 @@
 {{ end }}
 
 {{ define "scripts" }}
-    <script src="/assets/js/list.js"></script>
+    <script src="{{ "/assets/js/list.js" | relURL }}"></script>
 {{ end }}

layouts/_default/single.html

@@ -1,10 +1,11 @@
 {{ define "header" }}
+<meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Title }}{{ end }}" />
 <link
   rel="stylesheet"
   href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/atom-one-dark.min.css"
 />
-<link rel="stylesheet" href="/assets/css/single.css" />
+<link rel="stylesheet" href="{{ "/assets/css/layouts/single.css" | relURL }}"/>
-<link rel="stylesheet" href="/assets/css/navigators/sidebar.css">
+<link rel="stylesheet" href="{{ "/assets/css/navigators/sidebar.css" | relURL }}">
 {{ end }}
 
 {{ define "navbar" }}
@@ -18,9 +19,9 @@
         <input type="text" value="" placeholder="Search" data-search="" id="search-box" />
         <div class="sidebar-tree">
           <ul class="tree" id="tree">
-            <li id="list-heading"><a href="/posts" data-filter="all">Posts</a></li>
+            <li id="list-heading"><a href="{{ "/posts" | relLangURL }}" data-filter="all">{{ i18n "posts" }}</a></li>
             <div class="subtree">
-                {{ partial "navigators/sidebar.html" (dict "menus" .Site.Menus.sidebar "ctx" .) }}
+                {{ partial "navigators/sidebar.html" (dict "menus" site.Menus.sidebar "ctx" .) }}
             </div>
           </ul>
         </div>
@@ -34,13 +35,13 @@
   <div class="content">
     <div class="container p-0 read-area">
       <!--Hero Area-->
-      <div class="hero-area col-sm-12" id="hero-area" style='background-image: url({{ strings.TrimSuffix "/" .Site.BaseURL }}{{ partial "helpers/get-hero.html" . }});'>
+      <div class="hero-area col-sm-12" id="hero-area" style='background-image: url({{ strings.TrimSuffix "/" site.BaseURL }}{{ partial "helpers/get-hero.html" . | relURL }});'>
       </div>
 
       <!--Content Start-->
       <div class="page-content">
         <div class="author-profile ml-auto align-self-lg-center">
-          <img class="rounded-circle" src='{{ partial "helpers/get-author-image.html" . }}'/>
+          <img class="rounded-circle" src='{{ partial "helpers/get-author-image.html" . | relURL }}'/>
           <h5 class="author-name">{{ partial "helpers/get-author-name.html" . }}</h5>
           <p>{{ .Page.Date.Format "January 2, 2006" }}</p>
         </div>
@@ -54,11 +55,11 @@
         </div>
 
         <!--- Improve this page button --->
-        {{ if .Site.Params.GitRepo }}
+        {{ if site.Params.GitRepo }}
           <div class="btn-improve-page">
-              <a href="{{ .Site.Params.GitRepo }}/edit/master/content/{{ .File.Path }}">
+              <a href="{{ site.Params.GitRepo }}/edit/master/content/{{ .File.Path }}">
                 <i class="fas fa-code-branch"></i>
-                Improve This Page
+                {{ i18n "improve_this_page" }}
               </a>
           </div>
         {{ end }}
@@ -68,12 +69,15 @@
         {{ partial "navigators/next-prev-navigator.html" . }}
       <hr />
       <!-- Add Disqus forum  -->
-      {{ if .Site.DisqusShortname }}
+      {{ if site.DisqusShortname }}
           {{ partial "disqus.html" . }}
       {{ end }}
       </div>
     </div>
   </div>
+  {{ if .IsTranslated }}
+    {{ partial "navigators/floating-lang-selector.html" . }}
+  {{ end }}
 </section>
 {{ end }}
 
@@ -81,7 +85,7 @@
   <section class="toc-section" id="toc-section">
     {{ if site.Params.enableTOC }}
     <div class="toc-holder">
-      <h5 class="text-center pl-3">Table of Contents</h5>
+      <h5 class="text-center pl-3">{{ i18n "toc_heading" }}</h5>
       <hr>
       <div class="toc">
         {{ .TableOfContents }}
@@ -93,7 +97,7 @@
 
 {{ define "scripts" }}
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
-<script src="/assets/js/single.js"></script>
+<script src="{{ "/assets/js/single.js" | relURL }}"></script>
 <script>
   hljs.initHighlightingOnLoad();
 </script>

layouts/index.html

@@ -2,20 +2,29 @@
 <html lang="en">
   <head>
     <title>{{- .Site.Title -}}</title>
+    {{ $siteDescription := .Site.Params.description }}
+    {{ if (index .Site.Data .Site.Language.Lang).site }}
+      {{ $siteConfig := (index .Site.Data .Site.Language.Lang).site }}
+      {{ if $siteConfig.description }}
+        {{ $siteDescription = $siteConfig.description }}
+      {{ end }}
+    {{ end }}
+    <meta name="description" content="{{ $siteDescription }}" />
+    
     <!-- import common headers -->
     {{- partial "header.html" . -}}
 
     <!-- import index page specific headers -->
-    <link rel="stylesheet" href="/assets/css/sections/home.css" />
+    <link rel="stylesheet" href="{{ "/assets/css/sections/home.css" | relURL }}"/>
-    <link rel="stylesheet" href="/assets/css/sections/about.css" />
+    <link rel="stylesheet" href="{{ "/assets/css/sections/about.css" | relURL }}"/>
-    <link rel="stylesheet" href="/assets/css/sections/skills.css" />
+    <link rel="stylesheet" href="{{ "/assets/css/sections/skills.css" | relURL }}"/>
-    <link rel="stylesheet" href="/assets/css/sections/experiences.css" />
+    <link rel="stylesheet" href="{{ "/assets/css/sections/experiences.css" | relURL }}"/>
-    <link rel="stylesheet" href="/assets/css/sections/projects.css" />
+    <link rel="stylesheet" href="{{ "/assets/css/sections/projects.css" | relURL }}"/>
-    <link rel="stylesheet" href="/assets/css/sections/recent-posts.css" />
+    <link rel="stylesheet" href="{{ "/assets/css/sections/recent-posts.css" | relURL }}"/>
-    <link rel="stylesheet" href="/assets/css/sections/achievements.css" />
+    <link rel="stylesheet" href="{{ "/assets/css/sections/achievements.css" | relURL }}"/>
 
     <!-- Add Google Analytics if enabled in configuration -->
-    {{ if .Site.GoogleAnalytics }}
+    {{ if site.GoogleAnalytics }}
         {{ template "_internal/google_analytics_async.html" . }}
     {{ end }}
   </head>
@@ -28,15 +37,20 @@
     {{- partial "sections/home.html" . -}}
 
     <!--- ADD OPTIONAL SECTIONS ----------->
-    {{ if .Site.Data.sections }}
+    {{ $sections:= site.Data.sections }}
+    {{ if (index site.Data site.Language.Lang).sections }}
+      {{ $sections = (index site.Data site.Language.Lang).sections }}
+    {{ end }}
+
+    {{ if $sections }}
       {{ $background:= "bg-white"}}
-      {{ range sort .Site.Data.sections "section.weight" }}
+      {{ range sort $sections "section.weight" }}
         {{ if .section.enable }}
           <div class="container-fluid section-holder d-flex {{ $background }}">
             {{ if .section.template }}
               {{- partial .section.template . -}}
             {{ else }}
-              {{- partial (printf "sections/%s.html" (replace (lower .section.name) " " "-")) . -}}
+              {{- partial (printf "sections/%s.html" (replace (lower .section.id) " " "-")) . -}}
             {{ end }}
           </div>
           <!--- alter background color for next section --->
@@ -56,9 +70,9 @@
     {{ partial "scripts.html" . }}
 
     <!--- ADD INDEX PAGE SPECIFIC SCRIPTS -->
-    <script src="/assets/js/itype.min.js"></script>
+    <script src="{{ "/assets/js/itype.min.js" | relURL }}"></script>
-    <script src="/assets/js/github-button.js"></script>
+    <script src="{{ "/assets/js/github-button.js" | relURL }}"></script>
-    <script src="/assets/js/home.js"></script>
+    <script src="{{ "/assets/js/home.js" | relURL }}"></script>
-    <script src="/assets/js/jquery.filterizr.min.js"></script>
+    <script src="{{ "/assets/js/jquery.filterizr.min.js" | relURL }}"></script>
   </body>
 </html>

layouts/partials/cards/post.html

@@ -1,5 +1,5 @@
 <div class="post-card">
-  <a href="{{ .RelPermalink }}" class="post-card-link">
+  <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
     <div class="card">
       <div class="card-head">
         <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}'/>
@@ -11,7 +11,7 @@
       <div class="card-footer">
         <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
         <a
-        href="{{ .RelPermalink }}"
+        href="{{ .RelPermalink | relLangURL }}"
         class="float-right btn btn-outline-info btn-sm"
         >Read</a
         >

layouts/partials/cards/project.html

@@ -8,7 +8,7 @@
         <div>
           <div class="d-flex">
             {{ if .logo }}
-            <img class="card-img-xs" src="{{ .logo }}" alt="{{ .name }}" />
+            <img class="card-img-xs" src="{{ .logo | relURL }}" alt="{{ .name }}" />
             {{ end }}
             <h5 class="card-title mb-0">{{ .name }}</h5>
           </div>

layouts/partials/cards/skill.html

@@ -3,7 +3,7 @@
     <div class="card">
       <div class="card-head d-flex">
         {{ if .icon }}
-        <img class="card-img-xs" src="{{ .icon }}" alt="{{ .name }}" />
+        <img class="card-img-xs" src="{{ .icon | relURL }}" alt="{{ .name }}" />
         {{ end }}
         <h5 class="card-title">{{ .name }}</h5>
       </div>

layouts/partials/disqus.html

@@ -8,7 +8,7 @@
     var dsq = document.createElement("script");
     dsq.type = "text/javascript";
     dsq.async = true;
-    var disqus_shortname = "{{ .Site.DisqusShortname }}";
+    var disqus_shortname = "{{ site.DisqusShortname }}";
     dsq.src = "//" + disqus_shortname + ".disqus.com/embed.js";
     (
       document.getElementsByTagName("head")[0] ||

layouts/partials/footer.html

@@ -1,33 +1,57 @@
+{{ $author:= site.Data.author }}
+{{ if (index site.Data site.Language.Lang).author }}
+  {{ $author = (index site.Data site.Language.Lang).author }}
+{{ end }}
+
+{{ $sections:= site.Data.sections }}
+{{ if (index site.Data site.Language.Lang).sections }}
+  {{ $sections = (index site.Data site.Language.Lang).sections }}
+{{ end }}
+
+{{ $copyrightNotice := "© 2020 Copyright."}}
+{{ if (index site.Data site.Language.Lang).site }}
+  {{ $siteConfig := (index site.Data site.Language.Lang).site }}
+  {{ if $siteConfig.copyright }}
+    {{ $copyrightNotice = $siteConfig.copyright }}
+  {{ end }}
+{{ end }}
+
 <footer class="container-fluid text-center align-content-center footer pb-2">
   <div class="container pt-5">
     <div class="row text-left">
       <div class="col-md-4 col-sm-12">
-        <h5>Navigation</h5>
+        <h5>{{ i18n "navigation" }}</h5>
-        {{ if .Site.Data.sections }}
+        {{ if $sections }}
         <ul>
-          {{- range sort .Site.Data.sections "section.weight" }}
+          {{- range sort $sections "section.weight" }}
             {{ if and (.section.enable) (.section.showOnNavbar)}}
-            <li class="nav-item">
+              {{ $sectionID := replace (lower .section.name) " " "-"  }}
-              <a class="smooth-scroll" href="/#{{ replace (lower .section.name) " " "-" }}">{{ .section.name }}</a>
+              {{ if .section.id }}
-            </li>
+                {{ $sectionID = .section.id }}
+              {{ end }}
+              <li class="nav-item">
+                <a class="smooth-scroll" href="#{{ $sectionID }}">{{ .section.name }}</a>
+              </li>
             {{ end }}
           {{- end }}
         </ul>
         {{ end }}
 
       </div>
+      {{ if $author }}
       <div class="col-md-4 col-sm-12">
-        <h5>Contact Me</h5>
+        <h5>{{ i18n "contact_me" }}</h5>
         <ul>
-          {{ range $key,$value:=.Site.Params.author.contactInfo }}
+          {{ range $key,$value:= $author.contactInfo }}
           <li><span>{{ title $key }}: </span> <span>{{ $value }}</span></li>
           {{ end }}
         </ul>
       </div>
-      {{ if .Site.Params.newsletter.enable }}
+      {{ end }}
+      {{ if site.Params.newsletter.enable }}
       <div class="col-md-4 col-sm-12">
         <!-- <h5>Newsletter</h5> -->
-        <p>Stay up to date with email notification</p>
+        <p>{{ i18n "newsletter_text" }}</p>
         <form>
           <div class="form-group">
             <input
@@ -35,13 +59,13 @@
               class="form-control"
               id="exampleInputEmail1"
               aria-describedby="emailHelp"
-              placeholder="Enter email"
+              placeholder="{{ i18n "newsletter_input_placeholder" }}"
             />
             <small id="emailHelp" class="form-text text-muted"
-              >We'll never share your email with anyone else.</small
+              >{{ i18n "newsletter_warning" }}</small
             >
           </div>
-          <button type="submit" class="btn btn-info">Submit</button>
+          <button type="submit" class="btn btn-info">{{ i18n "submit" }}</button>
         </form>
       </div>
       {{ end }}
@@ -52,15 +76,15 @@
     <div class="row text-left">
       <div class="col-md-4">
         <a id="theme" href="https://github.com/hossainemruz/toha" target="#">
-          <img src="/assets/images/inverted-logo.png">
+          <img src="{{ "/assets/images/inverted-logo.png" | relURL }}">
           Toha
         </a>
       </div>
-      <div class="col-md-4 text-center">{{ if .Site.Params.copyright }}{{ .Site.Params.copyright }}{{ else }}© 2020 Copyright.{{ end }}</div>
+      <div class="col-md-4 text-center">{{ $copyrightNotice }}</div>
       <div class="col-md-4 text-right">
-        <a id="hugo" href="https://gohugo.io/">Powered by Hugo
+        <a id="hugo" href="https://gohugo.io/">{{ i18n "hugoAttributionText" }}
         <img
-          src="/assets/images/hugo-logo-wide.svg"
+          src="{{ "/assets/images/hugo-logo-wide.svg" | relURL }}"
           alt="Hugo Logo"
           height="18"
         />

layouts/partials/header.html

@@ -3,17 +3,17 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
 <!-- ============ import common css ========== -->
-<link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
+<link rel="stylesheet" href="{{ "/assets/css/bootstrap.min.css" | relURL }}"/>
-<link rel="stylesheet" href="/assets/css/main.css" />
+<link rel="stylesheet" href="{{ "/assets/css/layouts/main.css" | relURL }}"/>
-<link rel="stylesheet" href="/assets/css/style.css" />
+<link rel="stylesheet" href="{{ "/assets/css/style.css" | relURL }}"/>
-<link rel="stylesheet" href="/assets/css/navigators/navbar.css" />
+<link rel="stylesheet" href="{{ "/assets/css/navigators/navbar.css" | relURL }}"/>
 
 <!--=================== cdn ==============================-->
 <link href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" />
 
 <!--================= fab-icon =========================-->
-<link rel="icon" type="image/png" href="/assets/images/favicon.png" />
+<link rel="icon" type="image/png" href="{{ site.Params.logo.favicon | default "/assets/images/favicon.png" | relURL }}" />
 
 <!--================= custom style overrides =========================-->
-<link rel="stylesheet" href="/assets/css/style.css" />
+<link rel="stylesheet" href="{{ "/assets/css/style.css" | relURL }}"/>

layouts/partials/helpers/country-code.html

@@ -0,0 +1,13 @@
+{{ $languageCode:= .Lang }}
+{{/*  by default the language code and the country code are same  */}}
+{{ $countryCode:= $languageCode }}
+
+{{/*  language code and country code are not same for some countries. we need to fix them.  */}}
+{{ if eq $languageCode "en" }}
+   {{ $countryCode = "gb" }}
+{{ else if  eq $languageCode "bn" }}
+    {{ $countryCode = "bd" }}
+{{ end }}
+
+{{/*  return the country code  */}}
+{{ return $countryCode }}

layouts/partials/helpers/get-author-image.html

@@ -1,7 +1,12 @@
-{{ $authorImage:= "/assets/images/default-avatar.png"}}
+{{ $author:= site.Data.author }}
-{{ if .Site.Data.site.author}}
+{{ if (index site.Data site.Language.Lang).author }}
-    {{ $authorImage = .Site.Data.site.author.image | relURL }}
+  {{ $author = (index site.Data site.Language.Lang).author }}
-{{ end}}
+{{ end }}
+{{ $authorImage:= "/assets/images/default-avatar.png" }}
+{{ if $author.image }}
+  {{ $authorImage = $author.image }}
+{{ end }}
+
 {{ if eq (printf "%T" .Params.author ) "maps.Params" }}
     {{ with .Params.author }}
         {{ if .image }}

layouts/partials/helpers/get-author-name.html

@@ -1,7 +1,12 @@
-{{ $authorName:= "John Doe"}}
+{{/*  Uses the top level site's config for a single author across all locales  */}}
-{{ if .Site.Data.site.author}}
+{{ $authorName:= site.Params.author.name }}
-    {{ $authorName = .Site.Data.site.author.name }}
+
-{{ end}}
+{{/*  Overrides with the locale specifc author if provided  */}}
+{{ if (index site.Data site.Language.Lang).author }}
+  {{ $authorName = (index site.Data site.Language.Lang).author.name }}
+{{ end }}
+
+{{/*  Lastly, overrides with the post specific author if provided  */}}
 {{ if eq (printf "%T" .Params.author ) "maps.Params" }}
     {{ with .Params.author }}
         {{ if .name }}

layouts/partials/navigators/floating-lang-selector.html

@@ -0,0 +1,19 @@
+{{ $pageURL:= .RelPermalink }}
+{{ if site.IsMultiLingual }}
+    {{ $pageURL = strings.TrimPrefix (path.Join "/" .Language.Lang) $pageURL }}
+{{ end }}
+
+<div class="dropdown languageSelector">
+    <a class="btn dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+        <img class="flag" src="https://www.countryflags.io/{{ partial "helpers/country-code.html" .Language }}/flat/16.png">
+        {{ site.Language.LanguageName }}
+    </a>
+    <div class="dropdown-menu" aria-labelledby="languageSelector">
+        {{ range .Translations }}
+        <a class="dropdown-item nav-link languages-item" href="{{ path.Join "/" (cond (eq .Language.Lang "en") "" .Language.Lang) $pageURL }}">
+            <img class="flag" src="https://www.countryflags.io/{{ partial "helpers/country-code.html" .Language }}/flat/24.png">
+            {{ .Language.LanguageName }}
+        </a>
+        {{ end }}
+    </div>
+</div>

layouts/partials/navigators/lang-selector-2.html

@@ -0,0 +1,19 @@
+{{ $pageURL:= .RelPermalink }}
+{{ if site.IsMultiLingual }}
+  {{ $pageURL = strings.TrimPrefix (path.Join "/" .Language.Lang) $pageURL }}
+{{ end }}
+
+<li class="nav-item dropdown">
+    <a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+      <img class="flag" src="https://www.countryflags.io/{{ partial "helpers/country-code.html" .Language }}/flat/16.png">
+      {{ site.Language.LanguageName }}
+    </a>
+    <div class="dropdown-menu" aria-labelledby="languageSelector">
+      {{ range .Translations }}
+        <a class="dropdown-item nav-link languages-item" href="{{ path.Join "/" (cond (eq .Language.Lang "en") "" .Language.Lang) $pageURL }}">
+          <img class="flag" src="https://www.countryflags.io/{{ partial "helpers/country-code.html" .Language }}/flat/24.png">
+          {{ .Language.LanguageName }}
+        </a>
+      {{ end }}
+    </div>
+</li>

layouts/partials/navigators/lang-selector.html

@@ -0,0 +1,14 @@
+<li class="nav-item dropdown">
+<a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    <img class="flag" src="https://www.countryflags.io/{{ partial "helpers/country-code.html" .Language }}/flat/16.png">
+    {{ site.Language.LanguageName }}
+</a>
+<div class="dropdown-menu" aria-labelledby="languageSelector">
+    {{ range site.Home.AllTranslations }}
+    <a class="dropdown-item nav-link languages-item" href="{{ .RelPermalink }}">
+        <img class="flag" src="https://www.countryflags.io/{{ partial "helpers/country-code.html" .Language }}/flat/24.png">
+        {{ .Language.LanguageName }}
+    </a>
+    {{ end }}
+</div>
+</li>

layouts/partials/navigators/navbar-2.html

@@ -1,30 +1,34 @@
+{{ $mainLogo:="/assets/images/main-logo.png" }}
+{{ $invertedLogo:="/assets/images/inverted-logo.png" }}
+{{ if site.Params.logo.main }}
+  {{ $mainLogo = site.Params.logo.main }}
+{{ end }}
+{{ if site.Params.logo.inverted }}
+  {{ $invertedLogo = site.Params.logo.inverted }}
+{{ end }}
+
 <nav class="navbar navbar-expand-xl top-navbar final-navbar shadow">
   <div class="container">
-    {{ $mainLogo:="/assets/images/main-logo.png" }}
-    {{ $invertedLogo:="/assets/images/inverted-logo.png" }}
-    {{ if .Site.Params.logo.main }}
-      {{ $mainLogo = .Site.Params.logo.main }}
-    {{ end }}
-    {{ if .Site.Params.logo.inverted }}
-      {{ $invertedLogo = .Site.Params.logo.inverted }}
-    {{ end }}
       <button class="navbar-toggler navbar-light" id="sidebar-toggler" type="button" onclick="toggleSidebar()">
       <span class="navbar-toggler-icon"></span>
     </button>
-    <a class="navbar-brand" href="{{ site.BaseURL }}">
+    <a class="navbar-brand" href="{{ site.BaseURL | relLangURL }}">
-      <img src="{{ $mainLogo }}">
+      <img src="{{ $mainLogo | relURL }}">
       {{- site.Title -}}
     </a>
     <button class="navbar-toggler navbar-light" id="toc-toggler" type="button" onclick="toggleTOC()">
       <span class="navbar-toggler-icon"></span>
     </button>
 
-    <div class="collapse navbar-collapse" id="top-nav-items">
+    <div class="collapse navbar-collapse lang-selector" id="top-nav-items">
       <ul class="navbar-nav ml-auto">
+      {{ if .IsTranslated }}
+        {{ partial "navigators/lang-selector-2.html" . }}
+      {{ end }}
       </ul>
     </div>
   </div>
   <!-- Store the logo information in a hidden img for the JS -->
-  <img src="{{ $mainLogo }}" class="d-none" id="main-logo">
+  <img src="{{ $mainLogo | relURL }}" class="d-none" id="main-logo">
-  <img src="{{ $invertedLogo }}" class="d-none" id="inverted-logo">
+  <img src="{{ $invertedLogo | relURL }}" class="d-none" id="inverted-logo">
 </nav>

layouts/partials/navigators/navbar.html

@@ -1,16 +1,22 @@
+{{ $mainLogo:="/assets/images/main-logo.png" }}
+{{ $invertedLogo:="/assets/images/inverted-logo.png" }}
+{{ if site.Params.logo.main }}
+  {{ $mainLogo = site.Params.logo.main }}
+{{ end }}
+{{ if site.Params.logo.inverted }}
+  {{ $invertedLogo = site.Params.logo.inverted }}
+{{ end }}
+
+{{ $sections:= site.Data.sections }}
+{{ if (index site.Data site.Language.Lang).sections }}
+  {{ $sections = (index site.Data site.Language.Lang).sections }}
+{{ end }}
+
 <nav class="navbar navbar-expand-xl top-navbar initial-navbar" id="top-navbar">
   <div class="container">
-    {{ $mainLogo:="/assets/images/main-logo.png" }}
+    <a class="navbar-brand" href="{{ site.BaseURL | relLangURL }}">
-    {{ $invertedLogo:="/assets/images/inverted-logo.png" }}
+      <img src="{{ $invertedLogo | relURL }}" id="logo">
-    {{ if .Site.Params.logo.main }}
+      {{- site.Title -}}
-      {{ $mainLogo = .Site.Params.logo.main }}
-    {{ end }}
-    {{ if .Site.Params.logo.inverted }}
-      {{ $invertedLogo = .Site.Params.logo.inverted }}
-    {{ end }}
-    <a class="navbar-brand" href="{{ .Site.BaseURL }}">
-      <img src="{{ $invertedLogo }}" id="logo">
-      {{- .Site.Title -}}
     </a>
     <button
       class="navbar-toggler navbar-dark"
@@ -25,13 +31,17 @@
     <div class="collapse navbar-collapse" id="top-nav-items">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-          <a class="nav-link" href="#home">Home</a>
+          <a class="nav-link" href="#home">{{ i18n "home" }}</a>
         </li>
-        {{- if .Site.Data.sections }}
+        {{ if $sections }}
-          {{- range sort .Site.Data.sections "section.weight" }}
+          {{ range sort $sections "section.weight" }}
             {{ if and (.section.enable) (.section.showOnNavbar)}}
+              {{ $sectionID := replace (lower .section.name) " " "-"  }}
+              {{ if .section.id }}
+                {{ $sectionID = .section.id }}
+              {{ end }}
               <li class="nav-item">
-                <a class="nav-link" href="#{{ replace (lower .section.name) " " "-" }}">{{ .section.name }}</a>
+                <a class="nav-link" href="#{{ $sectionID }}">{{ .section.name }}</a>
               </li>
             {{ end }}
           {{- end }}
@@ -47,18 +57,21 @@
         {{ end }}
         {{ if site.Params.enableBlogPost }}
           <li class="nav-item">
-            <a class="nav-link" id="blog-link" href="/posts">Posts</a>
+            <a class="nav-link" id="blog-link" href="{{ "/posts" | relLangURL }}">{{ i18n "posts" }}</a>
           </li>
         {{ end }}
-        {{ range site.Params.customMenus }}
+        {{ range  (index site.Data site.Language.Lang).site.customMenus }}
           <li class="nav-item">
             <a class="nav-link" href="{{ .url }}">{{ .name }}</a>
           </li>
         {{ end }}
+        {{ if .IsTranslated }}
+          {{ partial "navigators/lang-selector.html" . }}
+        {{ end }}
       </ul>
     </div>
   </div>
   <!-- Store the logo information in a hidden img for the JS -->
-  <img src="{{ $mainLogo }}" class="d-none" id="main-logo">
+  <img src="{{ $mainLogo | relURL }}" class="d-none" id="main-logo">
-  <img src="{{ $invertedLogo }}" class="d-none" id="inverted-logo">
+  <img src="{{ $invertedLogo | relURL }}" class="d-none" id="inverted-logo">
 </nav>