Fix build

Signed-off-by: hossainemruz <hossainemruz@gmail.com>

.eslintignore

@@ -0,0 +1 @@
+node_modules

.eslintrc.yml

@@ -0,0 +1,12 @@
+env:
+  browser: true
+  es2021: true
+extends: 
+  - standard
+  - plugin:no-jquery/all
+  - prettier
+plugins:
+  - no-jquery
+parserOptions:
+  ecmaVersion: latest
+  sourceType: module

.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/hugo-toha/toha#features
+  Project Roadmap: https://github.com/hugo-toha/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'
-    label: 'breaking-change'
-  - title: 'New Features & Enhancements'
-    labels:
-    - 'feature'
-    - 'enhancement'
-  - title: 'Bug Fixes'
-    labels:
-      - 'bug'
-      - 'bug-fix'
+- title: 'Breaking Changes'
+  label: 'breaking-change'
+
+- title: 'New Features & Enhancements'
+  labels:
+  - 'feature'
+  - 'enhancement'
+
+- title: 'Translations'
+  label: 'translation'
+
+- title: 'Bug Fixes'
+  labels:
+  - 'bug'
+  - 'bug-fix'
 
 version-resolver:
   major:
     labels:
-      - 'breaking'
+    - 'breaking-change'
+    - 'breaking'
   minor:
     labels:
-      - 'feature'
-      - 'enhancement'
+    - 'feature'
+    - 'enhancement'
+    - 'translation'
   patch:
     labels:
-      - 'bug'
-      - 'bug-fix'
+    - 'bug'
+    - 'bug-fix'

.github/workflows/autoprefixer.yml

@@ -0,0 +1,35 @@
+name: Autoprefixer
+on:
+  push:
+    branches:
+      - main
+jobs:
+  autoprefixer:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout to latest commit
+        uses: actions/checkout@v3.2.0
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "15.x"
+
+      - name: Run autoprefixer
+        run: |
+          npm install postcss postcss-cli autoprefixer --save-dev
+          npm run autoprefixer
+
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v4
+        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/build.yml

@@ -0,0 +1,34 @@
+name: Run Build
+
+# Run action on pull request event
+on: [pull_request]
+
+
+jobs:
+  build:
+    runs-on: ubuntu-18.04
+    steps:
+    # checkout to the commit that has been pushed
+    - uses: actions/checkout@v3.2.0
+      with:
+        submodules: true  # Fetch Hugo themes (true OR recursive)
+        fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod
+
+    - name: Setup Node
+      uses: actions/setup-node@v3
+      with:
+        node-version: 16
+
+    - name: Install node modules
+      run: npm install
+
+    - name: Setup Hugo
+      uses: peaceiris/actions-hugo@v2.6.0
+      with:
+        hugo-version: 'latest'
+        extended: true
+
+    - name: Build
+      run: |
+        cd exampleSite
+        hugo --minify

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,71 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ main ]
+  schedule:
+    - cron: '19 16 * * 2'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
+        # Learn more:
+        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v3.2.0
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v2
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v2
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 https://git.io/JvXDl
+
+    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+    #    and modify them (or add more) to build your code if your project
+    #    uses a compiled language
+
+    #- run: |
+    #   make bootstrap
+    #   make release
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v2

.github/workflows/draft-release.yml

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

.github/workflows/enforce-label.yml

@@ -0,0 +1,13 @@
+name: Enforce Labels
+
+on:
+  pull_request:
+    types: [labeled, unlabeled, opened, edited, synchronize]
+jobs:
+  enforce-label:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: yogevbd/enforce-label-action@2.2.2
+      with:
+        REQUIRED_LABELS_ANY: "automerge,breaking-change,bug-fix,enhancement,feature,translation"
+        REQUIRED_LABELS_ANY_DESCRIPTION: "The PR must have at least one these labels: ['automerge','breaking-change','bug-fix','enhancement','feature','translation']"

.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@v3.2.0
+    # run markdown linter
+    - uses: gaurav-nelson/github-action-markdown-link-check@1.0.14

.github/workflows/project-automation-issue.yaml

@@ -0,0 +1,150 @@
+name: Project Automation (Issue)
+on:
+  issues:
+    types:
+      - opened
+      - reopened
+      - closed
+      - labeled
+      - unlabeled
+jobs:
+  issue_automation:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Get project data
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+          ORGANIZATION: hugo-toha
+          PROJECT_NUMBER: 4
+        run: |
+          gh api graphql --header 'GraphQL-Features: projects_next_graphql' -f query='
+            query($org: String!, $number: Int!) {
+              organization(login: $org){
+                projectNext(number: $number) {
+                  id
+                  fields(first:20) {
+                    nodes {
+                      id
+                      name
+                      settings
+                    }
+                  }
+                }
+              }
+            }' -f org="$ORGANIZATION" -F number=$PROJECT_NUMBER > project_data.json
+
+           echo 'PROJECT_ID='$(jq -r '.data.organization.projectNext.id' project_data.json) >> $GITHUB_ENV
+
+          # Read the ID of the "Type" field options
+          echo 'TYPE_ID='$(jq -r '.data.organization.projectNext.fields.nodes[]     | select(.name== "Type") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'PROJECT_ID='$(jq -r '.data.organization.projectNext.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_ID='$(jq -r '.data.organization.projectNext.fields.nodes[]     | select(.name== "Type") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_BUG='$(jq -r '.data.organization.projectNext.fields.nodes[] | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Bug")             |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_FEATURE='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Feature") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_ENHANCEMENT='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Enhancement") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_DOCUMENTATION='$(jq -r '.data.organization.projectNext.fields.nodes[]  | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Documentation")    |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_TRANSLATION='$(jq -r '.data.organization.projectNext.fields.nodes[]  | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Translation")    |.id' project_data.json) >> $GITHUB_ENV
+
+          # Read the id of the "Status" field options
+          echo 'STATUS_ID='$(jq -r '.data.organization.projectNext.fields.nodes[]     | select(.name== "Status") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'STATUS_TODO='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="Todo")    |.id' project_data.json) >> $GITHUB_ENV
+          echo 'STATUS_IN_PROGRESS='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="In Progress")    |.id' project_data.json) >> $GITHUB_ENV
+          echo 'STATUS_READY_FOR_REVIEW='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="Ready for Review")    |.id' project_data.json) >> $GITHUB_ENV
+          echo 'STATUS_DONE='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="Done")    |.id' project_data.json) >> $GITHUB_ENV
+
+      - name: Add Issue to project
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+          ISSUE_ID: ${{ github.event.issue.node_id }}
+        run: |
+          item_id="$( gh api graphql -f query='
+            mutation($project:ID!, $issue:ID!) {
+              addProjectNextItem(input: {projectId: $project, contentId: $issue}) {
+                projectNextItem {
+                  id
+                }
+              }
+            }' -f project="$PROJECT_ID" -f issue="$ISSUE_ID" --jq '.data.addProjectNextItem.projectNextItem.id')"
+
+          echo 'ITEM_ID='$item_id >> $GITHUB_ENV
+
+      - name: Export Labels
+        env:
+          ISSUE_DATA: ${{ toJson(github.event.issue) }}
+        run: |
+          echo 'LABELS='$(echo "$ISSUE_DATA" | jq -r '[.labels[].name] | join(" ")') >> $GITHUB_ENV
+
+      - name: Set "Type" field
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+        run: |
+          # Only execute this step if the Issue contains at least one label
+          if [ "${#LABELS[@]}" -gt 0 ]; then
+
+            # Let by default the type is "Bug"
+            OPTION_ID=$TYPE_BUG
+
+            # If it has "feature" label then set the type to "Feature"
+            if [[ "${LABELS[*]}" =~ "feature" ]]; then
+              OPTION_ID=$TYPE_FEATURE
+            fi
+
+            # If it has "enhancement" label then set the type to "Enhancement"
+            if [[ "${LABELS[*]}" =~ "enhancement" ]]; then
+              OPTION_ID=$TYPE_ENHANCEMENT
+            fi
+
+            # If it has "documentation" label then set the type to "Documentation"
+            if [[ "${LABELS[*]}" =~ "documentation" ]]; then
+              OPTION_ID=$TYPE_DOCUMENTATION
+            fi
+
+            # If it has "translation" label then set the type to "Translation"
+            if [[ "${LABELS[*]}" =~ "translation" ]]; then
+              OPTION_ID=$TYPE_TRANSLATION
+            fi
+
+            # Set the "Type" field to appropriate option
+            gh api graphql -f query='
+              mutation ($project: ID!, $item: ID!, $field: ID!, $opt_id: String!) {
+                updateProjectNextItemField(input: {
+                  projectId: $project
+                  itemId: $item
+                  fieldId: $field
+                  value: $opt_id
+                }) {
+                  projectNextItem {
+                    id
+                  }
+                }
+              }' -f project="$PROJECT_ID" -f item="$ITEM_ID" -f field="$TYPE_ID" -f opt_id="$OPTION_ID" --silent
+          fi
+
+      - name: Set "Status" field
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+        run: |
+          STATE=${{github.event.issue.state}}
+
+          echo "State: $STATE"
+
+          OPTION_ID=$STATUS_TODO
+
+          if [[ "${STATE}" == "closed" ]]
+          then
+            OPTION_ID=$STATUS_DONE
+          fi
+
+          gh api graphql -f query='
+            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: String!) {
+              updateProjectNextItemField(input: {
+                projectId: $project
+                itemId: $item
+                fieldId: $field
+                value: $status_id
+              }) {
+                projectNextItem {
+                  id
+                }
+              }
+            }' -f project="$PROJECT_ID" -f item="$ITEM_ID" -f field="$STATUS_ID" -f status_id="$OPTION_ID" --silent

.github/workflows/project-automation-pr.yaml

@@ -0,0 +1,219 @@
+name: Project Automation (PR)
+on:
+  pull_request:
+    types:
+      - opened
+      - ready_for_review
+      - reopened
+      - review_requested
+      - closed
+      - labeled
+      - unlabeled
+      - synchronize
+jobs:
+  pr_automation:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Get project data
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+          ORGANIZATION: hugo-toha
+          PROJECT_NUMBER: 4
+        run: |
+          gh api graphql --header 'GraphQL-Features: projects_next_graphql' -f query='
+            query($org: String!, $number: Int!) {
+              organization(login: $org){
+                projectNext(number: $number) {
+                  id
+                  fields(first:20) {
+                    nodes {
+                      id
+                      name
+                      settings
+                    }
+                  }
+                }
+              }
+            }' -f org="$ORGANIZATION" -F number=$PROJECT_NUMBER > project_data.json
+
+          echo 'PROJECT_ID='$(jq -r '.data.organization.projectNext.id' project_data.json) >> $GITHUB_ENV
+
+          # Read the ID of the "Type" field options
+          echo 'TYPE_ID='$(jq -r '.data.organization.projectNext.fields.nodes[]     | select(.name== "Type") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'PROJECT_ID='$(jq -r '.data.organization.projectNext.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_ID='$(jq -r '.data.organization.projectNext.fields.nodes[]     | select(.name== "Type") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_BUG='$(jq -r '.data.organization.projectNext.fields.nodes[] | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Bug")             |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_FEATURE='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Feature") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_ENHANCEMENT='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Enhancement") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_DOCUMENTATION='$(jq -r '.data.organization.projectNext.fields.nodes[]  | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Documentation")    |.id' project_data.json) >> $GITHUB_ENV
+          echo 'TYPE_TRANSLATION='$(jq -r '.data.organization.projectNext.fields.nodes[]  | select(.name== "Type") |.settings | fromjson.options[] | select(.name=="Translation")    |.id' project_data.json) >> $GITHUB_ENV
+
+          # Read the id of the "Status" field options
+          echo 'STATUS_ID='$(jq -r '.data.organization.projectNext.fields.nodes[]     | select(.name== "Status") |.id' project_data.json) >> $GITHUB_ENV
+          echo 'STATUS_TODO='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="Todo")    |.id' project_data.json) >> $GITHUB_ENV
+          echo 'STATUS_IN_PROGRESS='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="In Progress")    |.id' project_data.json) >> $GITHUB_ENV
+          echo 'STATUS_READY_FOR_REVIEW='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="Ready for Review")    |.id' project_data.json) >> $GITHUB_ENV
+          echo 'STATUS_DONE='$(jq -r '.data.organization.projectNext.fields.nodes[]   | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="Done")    |.id' project_data.json) >> $GITHUB_ENV
+
+      - name: Add PR to project
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+          PR_ID: ${{ github.event.pull_request.node_id }}
+        run: |
+          item_id="$( gh api graphql -f query='
+            mutation($project:ID!, $pr:ID!) {
+              addProjectNextItem(input: {projectId: $project, contentId: $pr}) {
+                projectNextItem {
+                  id
+                }
+              }
+            }' -f project="$PROJECT_ID" -f pr="$PR_ID" --jq '.data.addProjectNextItem.projectNextItem.id')"
+
+          echo 'ITEM_ID='$item_id >> $GITHUB_ENV
+
+      - name: Export Labels
+        env:
+          PR_DATA: ${{ toJson(github.event.pull_request) }}
+        run: |
+          echo 'LABELS='$(echo "$PR_DATA" | jq -r '[.labels[].name] | join(" ")') >> $GITHUB_ENV
+
+      - name: Set "Type" field
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+        run: |
+          # Only execute this step if the PR contains at least one label
+          if [ "${#LABELS[@]}" -gt 0 ]; then
+
+            # Let by default the type is "Bug"
+            OPTION_ID=$TYPE_BUG
+
+            # If it has "feature" label then set the type to "Feature"
+            if [[ "${LABELS[*]}" =~ "feature" ]]; then
+              OPTION_ID=$TYPE_FEATURE
+            fi
+
+            # If it has "enhancement" label then set the type to "Enhancement"
+            if [[ "${LABELS[*]}" =~ "enhancement" ]]; then
+              OPTION_ID=$TYPE_ENHANCEMENT
+            fi
+
+            # If it has "documentation" label then set the type to "Documentation"
+            if [[ "${LABELS[*]}" =~ "documentation" ]]; then
+              OPTION_ID=$TYPE_DOCUMENTATION
+            fi
+
+            # If it has "translation" label then set the type to "Translation"
+            if [[ "${LABELS[*]}" =~ "translation" ]]; then
+              OPTION_ID=$TYPE_TRANSLATION
+            fi
+
+            # Set the "Type" field to appropriate option
+            gh api graphql -f query='
+              mutation ($project: ID!, $item: ID!, $field: ID!, $opt_id: String!) {
+                updateProjectNextItemField(input: {
+                  projectId: $project
+                  itemId: $item
+                  fieldId: $field
+                  value: $opt_id
+                }) {
+                  projectNextItem {
+                    id
+                  }
+                }
+              }' -f project="$PROJECT_ID" -f item="$ITEM_ID" -f field="$TYPE_ID" -f opt_id="$OPTION_ID" --silent
+          fi
+
+      - name: Set "Status" field
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+        run: |
+          MERGED=${{github.event.pull_request.merged}}
+          STATE=${{github.event.pull_request.state}}
+          REVIEWERS=${{github.event.pull_request.requested_reviewers}}
+          DRAFT=${{github.event.pull_request.draft}}
+
+          echo "Merged: $MERGED"
+          echo "State: $STATE"
+          echo "Draft: $DRAFT"
+          echo "Reviewer: $REVIEWER"
+
+          OPTION_ID=$STATUS_TODO
+
+          if [[ ("${MERGED}" == "true") || ("${STATE}" == "closed") ]]
+          then
+            OPTION_ID=$STATUS_DONE
+          elif [[ ${#REVIEWERS[@]} -gt 0 ]]
+          then
+            OPTION_ID=$STATUS_READY_FOR_REVIEW
+          else
+            OPTION_ID=$STATUS_IN_PROGRESS
+          fi
+
+          # Expose the OPTION_ID so that it can be used in later steps
+          echo 'PR_STATUS='$OPTION_ID >> $GITHUB_ENV
+
+          gh api graphql -f query='
+            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: String!) {
+              updateProjectNextItemField(input: {
+                projectId: $project
+                itemId: $item
+                fieldId: $field
+                value: $status_id
+              }) {
+                projectNextItem {
+                  id
+                }
+              }
+            }' -f project="$PROJECT_ID" -f item="$ITEM_ID" -f field="$STATUS_ID" -f status_id="$OPTION_ID" --silent
+
+      - name: Find Linked Issues
+        id: linked_issues
+        uses: hossainemruz/linked-issues@main
+        with:
+          pr_url: ${{github.event.pull_request.html_url}}
+          format: IssueNumber
+
+      - name: Update Linked Issues Status
+        env:
+          GITHUB_TOKEN: ${{secrets.PROJECT_AUTOMATION}}
+        run: |
+          declare -a issues=(${{ steps.linked_issues.outputs.issues }})
+
+          # Loop through the every issues and update their Status to same as the PR Status
+          for i in "${issues[@]}"
+          do
+            # Find the Issue ID
+            ISSUE_ID="$(gh api graphql -f query='
+              query($owner: String!, $name: String!, $issue_number: Int!) {
+                repository(owner: $owner, name: $name) {
+                  issue(number: $issue_number) {
+                    id
+                  }
+                }
+              }' -f owner="${{github.event.pull_request.head.repo.owner.login}}" -f name="${{github.event.pull_request.head.repo.name}}" -F issue_number=$i --jq='.data.repository.issue.id')"
+
+            # Find the id of the Issue at the project board
+            item_id="$( gh api graphql -f query='
+              mutation($project:ID!, $pr:ID!) {
+                addProjectNextItem(input: {projectId: $project, contentId: $pr}) {
+                  projectNextItem {
+                    id
+                  }
+                }
+              }' -f project="$PROJECT_ID" -f pr="$ISSUE_ID" --jq '.data.addProjectNextItem.projectNextItem.id')"
+
+            # Update the Issue Status
+            gh api graphql -f query='
+            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: String!) {
+              updateProjectNextItemField(input: {
+                projectId: $project
+                itemId: $item
+                fieldId: $field
+                value: $status_id
+              }) {
+                projectNextItem {
+                  id
+                }
+              }
+            }' -f project="$PROJECT_ID" -f item="$item_id" -f field="$STATUS_ID" -f status_id="$PR_STATUS" --silent
+          done

.gitignore

@@ -1 +1,7 @@
-.vscode/
+.vscode/
+node_modules/
+.DS_Store
+.history/
+resources/
+public/
+.hugo_build.lock

.prettierrc.yml

@@ -0,0 +1,5 @@
+printWidth: 100
+tabWidth: 2
+semi: false
+singleQuote: true
+trailingComma: "all"

.tool-versions

@@ -0,0 +1 @@
+nodejs 18.12.1

README.md

@@ -1,167 +1,210 @@
 # 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%3Dmain&style=flat)](https://actions-badge.atrox.dev/hugo-toha/toha/goto?ref=main)
+![Repository Size](https://img.shields.io/github/repo-size/hugo-toha/toha)
+![Lines of Codes](https://img.shields.io/tokei/lines/github.com/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/main/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
-- Great Experience timeline
-- Achievement gallery
-- Sidebar to categorize posts
+- Multiple Language Support
+- Carefully Designed Cards
+- Experience Timeline
+- Achievement Gallery
+- Sidebar to Categorize the Posts
 - Short Codes
-- Google Analytics Support
-- Disqus Comment Support
+- Analytics Support
+  - GoatCounter
+  - counter.dev
+  - Google Analytics
+  - Matomo/Piwik
+- Comment Support
+  - [Disqus](https://disqus.com/)
+  - [Valine](https://valine.js.org/)
+  - [Uttarances](https://utteranc.es/)
+  - [Giscus](https://giscus.app/)
 
-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
+- Español
+- 简体中文
+- हिन्दी
+- Italiano
+- 日本語
+- 한국어
+- русский
+- suomi
+- Tiếng Việt
+- Turkish
+- Arabic (العربية)
+- Português
+- Català
+
+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 screenshots from the [example site](https://hugo-toha.github.io).
+
+##### Home Page Sections
+
+![Home Page Sections](https://raw.githubusercontent.com/hugo-toha/toha/main/images/about.png)
+
+##### List Page
+
+![List Page](https://raw.githubusercontent.com/hugo-toha/toha/main/images/list.png)
+
+##### Reading Page
+
+![Reading Page](https://raw.githubusercontent.com/hugo-toha/toha/main/images/single.png)
 
 ## Requirements
 
-- Hugo Version 0.68.0 or higher
+- Hugo Version 0.87.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
-cd my-site
-git init
+$ git submodule add https://github.com/hugo-toha/toha.git themes/toha
 ```
 
-- Add the theme as git sub-module
+> 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.
 
-```console
-git submodule add https://github.com/hossainemruz/toha.git themes/toha
-```
+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/).
 
->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.
+#### Configuring Site
 
-If you want to customize the theme templates, then fork it and use the fork as your theme.
-
-## Configuration
-
-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
+# At least HTML and JSON are required for the main HTML content and
+# client-side JavaScript search
+outputs:
+  home:
+  - HTML
+  - RSS
+  - JSON
 
 # Enable global emoji support
 enableEmoji: true
 
-# Custom parameters
+# Site parameters
 params:
-  # copyright
-  copyright: © 2020 Copyright.
+  # GitHub repo URL and branch of your site
+  gitRepo: https://github.com/hugo-toha/hugo-toha.github.io
+  gitBranch: main
 
-  # 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
-
-  # 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/
+  # specify whether you want the language flags to be displayed. 
+  showFlags: true
 
-  # Provide newsletter configuration. This feature hasn't been implemented yet.
-  # Currently, you can just hide it from the footer.
+  # Provide newsletter configuration. 
+  # This feature has been implemented for Mailchimp only for now.
+  # You can also hide it from the footer.
   newsletter:
+    # specify whether you want to display the newsletter form 
     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
+    # specify which newsletter provider you want to use
+    provider: mailchimp
+    # specify the target URL for the subscription form
+    mailchimpURL: https://github.us1.list-manage.com/subscribe/post?u=19de52a4603135aae97163fd8&id=094a24c76e
 ```
 
-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 --theme toha --watch
 ```
 
-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.
-
-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.
+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/).
 
 ## Shortcodes
 
 Here, are some handy shortcodes you can use with this theme.
 
-- [img](https://toha.netlify.app/posts/short-codes/img/)
-- [split](https://toha.netlify.app/posts/short-codes/split/)
-- [vs](https://toha.netlify.app/posts/short-codes/vs/)
-- [alert](https://toha.netlify.app/posts/short-codes/alert/)
+- [Alert](https://toha-guides.netlify.app/posts/shortcodes/#alert)
+- [Image](https://toha-guides.netlify.app/posts/shortcodes/#image)
+- [Split](https://toha-guides.netlify.app/posts/shortcodes/#split)
+- [Vertical Space](https://toha-guides.netlify.app/posts/shortcodes/#vertical-space)
+- [Video](https://toha-guides.netlify.app/posts/shortcodes/#video)
+- [Mermaid](https://hugo-toha.github.io/posts/shortcodes/#mermaid)
 
 ## Project Roadmap
 
 Here, are the current plan and progress of various components of this theme. The components will be prioritized based on users requests.
 
-### Sections
+### 1. Portfolio Mode
+
+Here is the check list for portfolio mode,
 
 - [x] **Home**
+
   - [x] Configurable Background
   - [x] Author Image
   - [x] Greeting
   - [x] Typing Carousel
 
 - [x] **About**
+
   - [x] Name and Designation
   - [x] Summary
     - [x] Markdown Support
@@ -171,64 +214,104 @@ Here, are the current plan and progress of various components of this theme. The
   - [x] Soft Skills Indicator
 
 - [x] **Skills**
+
   - [x] Skill Cards
   - [x] Markdown Support
 
 - [x] **Experiences**
+
   - [x] Designation
   - [x] Timeline
   - [x] Company Overview
   - [x] Responsibilities
 
-- [ ] **Projects**
+- [x] **Projects**
+
   - [x] Category Filter
-  - [ ] Project Card
+  - [x] Project Card
     - [x] Overview
       - [x] Markdown Support
     - [x] Github Stars
     - [x] External URL Support
-    - [ ] Technology Tags
+    - [x] Technology Tags
 
 - [x] **Recent Posts**
 
-- [ ] **Publications**
-  - [ ] Category Filter
-  - [ ] Card
-  - [ ] Abstract
-  - [ ] Authors
-  - [ ] Tags
-  - [ ] Links
-  - [ ] Gallery
+- [x] **Academic Career**
 
-- [ ] **Accomplishment / Courses**
-  - [ ] Overview
-  - [ ] Certificate
+  - [x] Degree
+  - [x] Institution
+  - [x] Timeline
+  - [x] Taken Courses
+  - [x] CGPA
+  - [x] Extracurricular Activities
+
+- [ ] **Publications**
+
+  - [x] Category Filter
+  - [x] Card
+  - [x] Tags
+  - [x] Links
+  - [ ] Dedicated Page
+    - [ ] Abstract
+    - [ ] Authors
+    - [ ] Gallery
+
+- [x] **Accomplishment / Courses**
+
+  - [x] Overview
+  - [x] Certificate
 
 - [x] **Achievements Gallery**
   - [x] Image
   - [x] Summary
 
-### List Page
+### 2. Blog Mode
 
-- [x] Post Cards
-- [x] Sidebar
-- [x] Pagination
+Here is the checklist for blog mode,
 
-### Reading Page
+- [ ] **Dedicated Home page**
 
-- [x] Hero Image
-- [x] Author Information
-- [x] Next & Previous Page Navigation
-- [x] `Improve This Page` Button
-- [x] Disqus Comment
-- [x] Option to navigate to list page
+- [x] **List Page**
 
-### Tracking and Comments
+  - [x] Post Cards
+  - [x] Sidebar
+  - [x] Pagination
+
+- [x] **Reading Page**
+
+  - [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
+
+### 3. Documentation Mode
+
+Here is the check list for documentation mode,
+
+- [ ] **Dedicated Home Page**
+- [ ] **Doc Page**
+  - [ ] Redesign sidebar
+  - [ ] Redesign TOC menu
+  - [ ] Search Capability
+
+### 4. Note Mode
+
+- [ ] **Dedicated Home Page**
+- [ ] **Note Page**
+  - [x] Add note view
+  - [ ] Redesign sidebar
+  - [ ] Add search capability
+
+### 5. Tracking and Comments
 
 - [x] Google Analytics
 - [x] Disqus Comment
 
-### Shortcodes
+### 6. Shortcodes
 
 - [x] Image
 - [x] Split Page into Multiple Column
@@ -236,19 +319,75 @@ Here, are the current plan and progress of various components of this theme. The
 - [x] Alert
 - [ ] Figure & sub-figure
 - [ ] Tabs
+- [x] Notes
 
 ## 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.
-- Have patient.
+- Use as few dependencies as possible.
+- 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 `main` branch of [hugo-toha/toha](https://github.com/hugo-toha/toha) from the `my-feature-branch` branch of your own fork.
 
 ## Attribution
 

archetypes/default.md

@@ -1,6 +1,6 @@
 ---
-hero: /assets/images/background/sunrise.jpg
+hero: /images/background/sunrise.jpg
 author:
     name: Md. Emruz Hossain
-    image: /assets/images/profile-image.jpg
+    image: /images/profile-image.jpg
 ---

assets/images/hugo-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-width="27" aria-label="Logo" viewBox="0 0 1493 391"><path fill="#ebb951" stroke="#fcd804" d="M1345.211 24.704l112.262 64.305a43 43 0 0 1 21.627 37.312v142.237a40 40 0 0 1-20.702 35.037l-120.886 66.584a42 42 0 0 1-41.216-.389l-106.242-61.155a57 57 0 0 1-28.564-49.4V138.71a64 64 0 0 1 31.172-54.939l98.01-58.564a54 54 0 0 1 54.54-.503z"/><path fill="#33ba91" stroke="#00a88a" d="M958.07 22.82l117.31 66.78a41 41 0 0 1 20.72 35.64v139.5a45 45 0 0 1-23.1 39.32L955.68 369.4a44 44 0 0 1-43.54-.41l-105.82-61.6a56 56 0 0 1-27.83-48.4V140.07a68 68 0 0 1 33.23-58.44l98.06-58.35a48 48 0 0 1 48.3-.46z"/><path fill="#0594cb" stroke="#0083c0" d="M575.26 20.97l117.23 68.9a40 40 0 0 1 19.73 34.27l.73 138.67a48 48 0 0 1-24.64 42.2l-115.13 64.11a45 45 0 0 1-44.53-.42l-105.83-61.6a55 55 0 0 1-27.33-47.53V136.52a63 63 0 0 1 29.87-53.59l99.3-61.4a49 49 0 0 1 50.6-.56z"/><path fill="#ff4088" stroke="#c9177e" d="M195.81 24.13l114.41 66.54a44 44 0 0 1 21.88 38.04v136.43a48 48 0 0 1-24.45 41.82L194.1 370.9a49 49 0 0 1-48.48-.23L41.05 310.48a53 53 0 0 1-26.56-45.93V135.08a55 55 0 0 1 26.1-46.8l102.8-63.46a51 51 0 0 1 52.42-.69z"/><path fill="#fff" d="M1320.72 89.15c58.79 0 106.52 47.73 106.52 106.51 0 58.8-47.73 106.52-106.52 106.52-58.78 0-106.52-47.73-106.52-106.52 0-58.78 47.74-106.51 106.52-106.51zm0 39.57c36.95 0 66.94 30 66.94 66.94a66.97 66.97 0 0 1-66.94 66.94c-36.95 0-66.94-29.99-66.94-66.94a66.97 66.97 0 0 1 66.93-66.94h.01zm-283.8 65.31c0 47.18-8.94 60.93-26.81 80.58-17.87 19.65-41.57 27.57-71.1 27.57-27 0-48.75-9.58-67.61-26.23-20.88-18.45-36.08-47.04-36.08-78.95 0-31.37 11.72-58.48 32.49-78.67 18.22-17.67 45.34-29.18 73.3-29.18 33.77 0 68.83 15.98 90.44 47.53l-31.73 26.82c-13.45-25.03-32.94-33.46-60.82-34.26-30.83-.88-64.77 28.53-62.25 67.75 1.4 21.94 11.65 59.65 60.96 66.57 25.9 3.63 55.36-24.02 55.36-39.04H944.4v-37.5h92.5V194l.02.03zm-562.6-94.65h42.29v112.17c0 17.8.49 29.33 1.47 34.61 1.69 8.48 4.81 14.37 11.17 19.5 6.37 5.13 13.8 6.59 24.84 6.59 11.2 0 14.96-1.74 20.66-6.6 5.69-4.85 9.12-9.46 10.28-16.53 1.15-7.07 3.07-18.8 3.07-35.18V99.38h42.28v108.78c0 24.86-1.07 42.43-3.21 52.69-2.14 10.27-6.08 18.93-11.82 26-5.74 7.06-13.42 12.69-23.03 16.88-9.62 4.19-22.16 6.28-37.65 6.28-18.7 0-32.87-2.28-42.52-6.85-9.66-4.57-17.3-10.5-22.9-17.8-5.61-7.3-9.3-14.95-11.08-22.96-2.58-11.86-3.88-29.38-3.88-52.55V99.38h.03zM93.91 299.92V92.7h43.35v75.48h71.92V92.7h43.48v207.22h-43.48v-90.61h-71.92v90.61z"/></svg>

assets/scripts/application.js

@@ -0,0 +1,8 @@
+import 'popper.js'
+import 'bootstrap'
+import '@fortawesome/fontawesome-free/js/all'
+
+import './core'
+import './features'
+import './sections'
+import './pages'

assets/scripts/core/device.js

@@ -0,0 +1,36 @@
+let deviceState = {
+  isMobile: false,
+  isTablet: false,
+  isLaptop: false
+}
+
+function detectDeviceState () {
+  if (window.innerWidth <= 425) {
+    deviceState = {
+      isMobile: true,
+      isTablet: false,
+      isLaptop: false
+    }
+  } else if (window.innerWidth <= 768) {
+    deviceState = {
+      isMobile: false,
+      isTablet: true,
+      isLaptop: false
+    }
+  } else {
+    deviceState = {
+      isMobile: false,
+      isTablet: false,
+      isLaptop: true
+    }
+  }
+}
+
+detectDeviceState()
+window.addEventListener('resize', detectDeviceState)
+
+// returns a copy of the device state
+// so other parts of code can't override this.
+export function getDeviceState () {
+  return { ...deviceState }
+}

assets/scripts/core/index.js

@@ -0,0 +1,2 @@
+export * from './device'
+export * from './insertScript'

assets/scripts/core/insertScript.js

@@ -0,0 +1,14 @@
+export const insertScript = (id, src, onload) => {
+  // script is already inserted, do nothing
+  if (document.getElementById(id)) return
+
+  // insert script
+  const firstScriptTag = document.getElementsByTagName('script')[0]
+  const scriptTag = document.createElement('script')
+  scriptTag.id = id
+  scriptTag.onload = onload
+  scriptTag.src = src
+  scriptTag.defer = true
+  scriptTag.async = true
+  firstScriptTag.parentNode.insertBefore(scriptTag, firstScriptTag)
+}

assets/scripts/features/darkmode/darkreader.js

@@ -0,0 +1,30 @@
+import { enable, disable, auto, setFetchMethod } from 'darkreader'
+import * as params from '@params'
+
+const darkreader = params?.darkmode?.darkreader || {}
+const defaultColorScheme = darkreader.defaultColorScheme || 'system'
+const theme = {
+  brightness: 100,
+  contrast: 100,
+  sepia: 0,
+  ...(darkreader.theme || {})
+}
+const fixes = {
+  invert: ['img[src$=".svg"]'],
+  ...(darkreader.fixes || {})
+}
+setFetchMethod(window.fetch)
+
+export function setSchemeDark () {
+  enable(theme, fixes)
+}
+
+export function setSchemeLight () {
+  disable()
+}
+
+export function setSchemeSystem () {
+  auto(theme, fixes)
+}
+
+export { defaultColorScheme }

assets/scripts/features/darkmode/index.js

@@ -0,0 +1,60 @@
+const PERSISTENCE_KEY = 'darkmode:color-scheme'
+
+async function getService () {
+  if (process.env.FEATURE_DARKMODE_DARKREADER === '1') {
+    return await import('./darkreader')
+  }
+
+  throw Error(' No service defined for feature darkMode.')
+}
+
+window.addEventListener('DOMContentLoaded', async () => {
+  const menu = document.getElementById('themeMenu')
+  const $icon = document.getElementById('navbar-theme-icon-svg')
+  if (menu == null || $icon == null) return
+
+  const btns = menu.getElementsByTagName('a')
+  const iconMap = Array.from(btns).reduce((map, btn) => {
+    const $img = btn.getElementsByTagName('img')[0]
+    map[btn.dataset.scheme] = $img.src
+    return map
+  }, {})
+
+  const {
+    setSchemeDark,
+    setSchemeLight,
+    setSchemeSystem,
+    defaultColorScheme
+  } = await getService()
+
+  function loadScheme () {
+    return localStorage.getItem(PERSISTENCE_KEY) || defaultColorScheme
+  }
+
+  function saveScheme (scheme) {
+    localStorage.setItem(PERSISTENCE_KEY, scheme)
+  }
+
+  function setScheme (newScheme) {
+    $icon.src = iconMap[newScheme]
+
+    if (newScheme === 'dark') {
+      setSchemeDark()
+    } else if (newScheme === 'system') {
+      setSchemeSystem()
+    } else {
+      setSchemeLight()
+    }
+
+    saveScheme(newScheme)
+  }
+
+  setScheme(loadScheme())
+
+  Array.from(menu.getElementsByTagName('a')).forEach((btn) => {
+    btn.addEventListener('click', () => {
+      const { scheme } = btn.dataset
+      setScheme(scheme)
+    })
+  })
+})

assets/scripts/features/embedpdf/index.js

@@ -0,0 +1,165 @@
+import { insertScript } from '../../core'
+
+const PDFJS_BUNDLE = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@3.0.279/build/pdf.min.js'
+const WORKER_BUNDLE = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@3.0.279/build/pdf.worker.min.js'
+
+class PDFViewer {
+  constructor (el) {
+    const {
+      url,
+      hidePaginator,
+      hideLoader,
+      scale,
+      pageNum
+    } = el.dataset
+
+    if (url == null) {
+      throw new Error('Cannot load PDF! Attribute `data-url` is not set.')
+    }
+
+    // props
+    this.url = url
+    this.hidePaginator = hidePaginator !== 'false'
+    this.hideLoader = hideLoader !== 'false'
+    this.scale = scale || 3
+
+    // initial state
+    this.pageNum = parseInt(pageNum, 10) || 1
+    this.loaded = false
+    this.pageRendering = false
+    this.pageNumPending = null
+
+    // DOM elements
+    this.canvas = el.getElementsByClassName('pdf-canvas')[0]
+    if (this.canvas == null) {
+      throw new Error('canvas element not found!')
+    };
+    this.paginator = el.getElementsByClassName('paginator')[0]
+    this.loadingWrapper = el.getElementsByClassName('loading-wrapper')[0]
+    this.next = el.getElementsByClassName('next')[0]
+    this.prev = el.getElementsByClassName('prev')[0]
+    this.pageNum = el.getElementsByClassName('page-num')[0]
+    this.pageCount = el.getElementsByClassName('page-count')[0]
+
+    // context
+    this.ctx = this.canvas.getContext('2d')
+
+    // events
+    this.next.addEventListener('click', this.handleNextPage.bind(this))
+    this.prev.addEventListener('click', this.handlePrevPage.bind(this))
+
+    this.showPaginator()
+    this.showLoader()
+    this.loadPDF()
+  }
+
+  /**
+   * If we haven't disabled the loader, show loader and hide canvas
+   */
+  showLoader () {
+    if (this.hideLoader) return
+    this.loadingWrapper.style.display = 'flex'
+    this.canvas.style.display = 'none'
+  }
+
+  /**
+   * If we haven't disabled the paginator, show paginator
+   */
+  showPaginator () {
+    if (this.hidePaginator) return
+    this.paginator.style.display = 'block'
+  }
+
+  /**
+   * Hides loader and shows canvas
+   */
+  showContent () {
+    this.loadingWrapper.style.display = 'none'
+    this.canvas.style.display = 'block'
+  }
+
+  /**
+   * Asynchronously downloads PDF.
+   */
+  async loadPDF () {
+    this.pdfDoc = await window.pdfjsLib.getDocument(this.url).promise
+
+    this.pageCount.textContent = this.pdfDoc.numPages
+
+    // If the user passed in a number that is out of range, render the last page.
+    if (this.pageNum > this.pdfDoc.numPages) {
+      this.pageNum = this.pdfDoc.numPages
+    }
+
+    this.renderPage(this.pageNum)
+  }
+
+  /**
+   * Get page info from document, resize canvas accordingly, and render page.
+   * @param num Page number.
+   */
+  async renderPage (num) {
+    this.pageRendering = true
+
+    const page = await this.pdfDoc.getPage(num)
+    const viewport = page.getViewport({ scale: this.scale })
+    this.canvas.height = viewport.height
+    this.canvas.width = viewport.width
+
+    // Wait for rendering to finish
+    await page.render({
+      canvasContext: this.ctx,
+      viewport
+    }).promise
+
+    this.pageRendering = false
+    this.showContent()
+
+    if (this.pageNumPending !== null) {
+      // New page rendering is pending
+      this.renderPage(this.pageNumPending)
+      this.pageNumPending = null
+    }
+    // Update page counters
+    this.pageNum.textContent = num
+  }
+
+  /**
+   * If another page rendering in progress, waits until the rendering is
+   * finished. Otherwise, executes rendering immediately.
+   */
+  queueRenderPage (num) {
+    if (this.pageRendering) {
+      this.pageNumPending = num
+    } else {
+      this.renderPage(num)
+    }
+  }
+
+  /**
+   * Displays previous page.
+   */
+  handlePrevPage () {
+    if (this.pageNum <= 1) {
+      return
+    }
+    this.pageNum--
+    this.queueRenderPage(this.pageNum)
+  }
+
+  /**
+   * Displays next page.
+   */
+  handleNextPage () {
+    if (this.pageNum >= this.pdfDoc.numPages) {
+      return
+    }
+    this.pageNum++
+    this.queueRenderPage(this.pageNum)
+  }
+}
+
+insertScript('pdfjs', PDFJS_BUNDLE, () => {
+  window.pdfjsLib.GlobalWorkerOptions.workerSrc = WORKER_BUNDLE
+  Array.from(document.getElementsByClassName('pdf-viewer')).forEach(el => new PDFViewer(el))
+})

assets/scripts/features/flowchart/index.js

@@ -0,0 +1,3 @@
+if (process.env.FEATURE_FLOWCHART_MERMAID === '1') {
+  import('./mermaid')
+}

assets/scripts/features/flowchart/mermaid.js

@@ -0,0 +1,7 @@
+import mermaid from 'mermaid'
+import * as params from '@params'
+
+const mermaidOptions = params.flowchart?.mermaid || {}
+const options = Object.assign({}, mermaidOptions, { startOnLoad: true })
+
+mermaid.initialize(options)

assets/scripts/features/index.js

@@ -0,0 +1,27 @@
+if (process.env.FEATURE_VIDEOPLAYER === '1') {
+  import('./videoplayer')
+}
+
+if (process.env.FEATURE_TOC === '1') {
+  import('./toc')
+}
+
+if (process.env.FEATURE_DARKMODE === '1') {
+  import('./darkmode')
+}
+
+if (process.env.FEATURE_FLOWCHART === '1') {
+  import('./flowchart')
+}
+
+if (process.env.FEATURE_SYNTAXHIGHLIGHT === '1') {
+  import('./syntaxhighlight')
+}
+
+if (process.env.FEATURE_MATH === '1') {
+  import('./math')
+}
+
+if (process.env.FEATURE_EMBEDPDF === '1') {
+  import('./embedpdf')
+}

assets/scripts/features/math/index.js

@@ -0,0 +1,3 @@
+if (process.env.FEATURE_MATH_KATEX === '1') {
+  import('./katex')
+}

assets/scripts/features/math/katex.js

@@ -0,0 +1,21 @@
+import renderMathInElement from 'katex/contrib/auto-render'
+import * as params from '@params'
+
+const defaultOptions = {
+  delimiters: [
+    { left: '$$', right: '$$', display: true },
+    { left: '\\[', right: '\\]', display: true },
+    { left: '$', right: '$', display: false },
+    { left: '\\(', right: '\\)', display: false }
+  ]
+}
+
+window.addEventListener('DOMContentLoaded', () => {
+  renderMathInElement(
+    document.body,
+    {
+      ...defaultOptions,
+      ...(params.math?.katex || {})
+    }
+  )
+})

assets/scripts/features/syntaxhighlight/hljs.js

@@ -0,0 +1,4 @@
+import hljs from 'highlight.js'
+import * as params from '@params'
+
+hljs.highlightAll(params.syntaxhighlight?.hljs)

assets/scripts/features/syntaxhighlight/index.js

@@ -0,0 +1,3 @@
+if (process.env.FEATURE_SYNTAXHIGHLIGHT_HLJS === '1') {
+  import('./hljs')
+}

assets/scripts/features/toc/index.js

@@ -0,0 +1,48 @@
+import { getDeviceState } from '../../core'
+
+// Toggle Table of Contents on click. Here, class "hide" open the toc
+function toggleTOC () {
+  const toc = document.getElementById('toc-section')
+  if (toc == null) {
+    return
+  }
+
+  if (toc.classList.contains('hide')) {
+    toc.classList.remove('hide')
+  } else {
+    // if sidebar-section is open, then close it first
+    const sidebar = document.getElementById('sidebar-section')
+    if (sidebar != null && sidebar.classList.contains('hide')) {
+      sidebar.classList.remove('hide')
+    }
+    // add "hide" class
+    toc.classList.add('hide')
+    // if it is mobile device. then scroll to top.
+    const { isMobile } = getDeviceState()
+    if (isMobile && toc.classList.contains('hide')) {
+      document.body.scrollTop = 0
+      document.documentElement.scrollTop = 0
+    }
+  }
+  if (document.getElementById('hero-area') != null) {
+    document.getElementById('hero-area').classList.toggle('hide')
+  }
+}
+
+window.addEventListener('DOMContentLoaded', () => {
+  // bind click event to #toc-toggle in navbar-2.html
+  const toggle = document.getElementById('toc-toggler')
+  if (toggle) toggle.addEventListener('click', toggleTOC)
+
+  // hide TOC when user clicks on a TOC link.
+  // Only applies if it's mobile.
+  const toc = document.getElementById('TableOfContents')
+  if (toc) {
+    toc.addEventListener('click', (event) => {
+      const { isMobile } = getDeviceState()
+      if (isMobile && event.target.nodeName === 'A') {
+        toggleTOC()
+      }
+    })
+  }
+})

assets/scripts/features/videoplayer/index.js

@@ -0,0 +1,3 @@
+if (process.env.FEATURE_VIDEOPLAYER_PLYR === '1') {
+  import('./plyr')
+}

assets/scripts/features/videoplayer/plyr.js

@@ -0,0 +1,5 @@
+import Plyr from 'plyr'
+import * as params from '@params'
+
+const options = params.videoplayer?.plyr
+window.addEventListener('DOMContentLoaded', () => Plyr.setup('.video-player', options))

assets/scripts/pages/home.js

@@ -0,0 +1,16 @@
+import { init } from 'ityped'
+
+// =========== Typing Carousel ================
+// get data from hidden ul and set as typing data
+document.addEventListener('DOMContentLoaded', () => {
+  const $ul = document.getElementById('typing-carousel-data')?.children
+  if ($ul == null || $ul.length === 0) return
+
+  const strings = Array.from($ul).map($el => $el.textContent)
+
+  init('#ityped', {
+    strings,
+    startDelay: 200,
+    loop: true
+  })
+})

assets/scripts/pages/index.js

@@ -0,0 +1,4 @@
+import './note'
+import './search'
+import './single'
+import './home'

assets/scripts/pages/note.js

@@ -0,0 +1,30 @@
+import imagesLoaded from 'imagesloaded'
+
+document.addEventListener('DOMContentLoaded', function () {
+  function resizeGridItem (item) {
+    const grid = document.getElementsByClassName('note-card-holder')[0]
+    const rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-auto-rows'))
+    const rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-row-gap'))
+    const rowSpan = Math.ceil((item.querySelector('.item').getBoundingClientRect().height + rowGap) / (rowHeight + rowGap))
+    item.style.gridRowEnd = 'span ' + rowSpan
+  }
+
+  function resizeAllGridItems () {
+    const allItems = document.getElementsByClassName('note-card')
+    for (let x = 0; x < allItems.length; x++) {
+      resizeGridItem(allItems[x])
+    }
+  }
+
+  function resizeInstance (instance) {
+    const item = instance.elements[0]
+    resizeGridItem(item)
+  }
+
+  window.addEventListener('resize', resizeAllGridItems)
+
+  const allItems = document.getElementsByClassName('note-card')
+  for (let x = 0; x < allItems.length; x++) {
+    imagesLoaded(allItems[x], resizeInstance)
+  }
+})

assets/scripts/pages/search.js

@@ -0,0 +1,133 @@
+import Fuse from 'fuse.js'
+import Mark from 'mark.js'
+
+window.addEventListener('DOMContentLoaded', () => {
+  const summaryInclude = 60
+
+  const fuseOptions = {
+    shouldSort: true,
+    includeMatches: true,
+    threshold: 0.0,
+    tokenize: true,
+    location: 0,
+    distance: 100,
+    maxPatternLength: 32,
+    minMatchCharLength: 1,
+    keys: [
+      { name: 'title', weight: 0.8 },
+      { name: 'hero', weight: 0.7 },
+      { name: 'summary', weight: 0.6 },
+      { name: 'date', weight: 0.5 },
+      { name: 'contents', weight: 0.5 },
+      { name: 'tags', weight: 0.3 },
+      { name: 'categories', weight: 0.3 }
+    ]
+  }
+
+  const searchQuery = param('keyword')
+  if (searchQuery) {
+    document.getElementById('search-query').value = searchQuery
+    executeSearch(searchQuery)
+  } else {
+    const node = document.createElement('p')
+    node.textContent = 'Please enter a word or phrase above'
+    document.getElementById('search-results')?.append(node)
+  }
+
+  function executeSearch (searchQuery) {
+    const url = window.location.href.split('/search/')[0] + '/index.json'
+
+    fetch(url).then(function (data) {
+      const pages = data
+      const fuse = new Fuse(pages, fuseOptions)
+      const results = fuse.search(searchQuery)
+
+      document.getElementById('search-box').value = searchQuery
+      if (results.length > 0) {
+        populateResults(results)
+      } else {
+        const node = document.createElement('p')
+        node.textContent = 'No matches found'
+        document.getElementById('search-results')?.append(node)
+      }
+    })
+  }
+
+  function populateResults (results) {
+    results.forEach(function (value, key) {
+      const contents = value.item.contents
+      let snippet = ''
+      const snippetHighlights = []
+      if (fuseOptions.tokenize) {
+        snippetHighlights.push(searchQuery)
+      } else {
+        value.matches.forEach(function (mvalue) {
+          if (mvalue.key === 'tags' || mvalue.key === 'categories') {
+            snippetHighlights.push(mvalue.value)
+          } else if (mvalue.key === 'contents') {
+            const start = mvalue.indices[0][0] - summaryInclude > 0 ? mvalue.indices[0][0] - summaryInclude : 0
+            const end = mvalue.indices[0][1] + summaryInclude < contents.length ? mvalue.indices[0][1] + summaryInclude : contents.length
+            snippet += contents.substring(start, end)
+            snippetHighlights.push(mvalue.value.substring(mvalue.indices[0][0], mvalue.indices[0][1] - mvalue.indices[0][0] + 1))
+          }
+        })
+      }
+
+      if (snippet.length < 1) {
+        snippet += contents.substring(0, summaryInclude * 2)
+      }
+      // pull template from hugo template definition
+      const templateDefinition = document.getElementById('search-result-template').innerHTML
+      // replace values
+      const output = render(templateDefinition, {
+        key,
+        title: value.item.title,
+        hero: value.item.hero,
+        date: value.item.date,
+        summary: value.item.summary,
+        link: value.item.permalink,
+        tags: value.item.tags,
+        categories: value.item.categories,
+        snippet
+      })
+
+      const doc = new DOMParser().parseFromString(output, 'text/html')
+      document.getElementById('search-results').append(doc)
+
+      snippetHighlights.forEach(function (snipvalue) {
+        const context = document.getElementById('#summary-' + key)
+        const instance = new Mark(context)
+        instance.mark(snipvalue)
+      })
+    })
+  }
+
+  function param (name) {
+    return decodeURIComponent((location.search.split(name + '=')[1] || '').split('&')[0]).replace(/\+/g, ' ')
+  }
+
+  function render (templateString, data) {
+    let conditionalMatches, copy
+    const conditionalPattern = /\$\{\s*isset ([a-zA-Z]*) \s*\}(.*)\$\{\s*end\s*}/g
+    // since loop below depends on re.lastInxdex, we use a copy to capture any manipulations whilst inside the loop
+    copy = templateString
+    while ((conditionalMatches = conditionalPattern.exec(templateString)) !== null) {
+      if (data[conditionalMatches[1]]) {
+        // valid key, remove conditionals, leave contents.
+        copy = copy.replace(conditionalMatches[0], conditionalMatches[2])
+      } else {
+        // not valid, remove entire section
+        copy = copy.replace(conditionalMatches[0], '')
+      }
+    }
+    templateString = copy
+    // now any conditionals removed we can do simple substitution
+    let key, find, re
+    for (key in data) {
+      find = '\\$\\{\\s*' + key + '\\s*\\}'
+      re = new RegExp(find, 'g')
+      templateString = templateString.replace(re, data[key])
+    }
+    return templateString
+  }
+})

assets/scripts/pages/single.js

@@ -0,0 +1,60 @@
+window.addEventListener('DOMContentLoaded', () => {
+  // =========== Add anchor to the headers ================
+  function addAnchor (element) {
+    element.innerHTML = `<a href="#${element.id}" class="header-anchor">${element.innerHTML}<sup><i class="fas fa-link fa-sm"></i></sup></a>`
+  }
+
+  const postContent = document.getElementById('post-content')
+  if (postContent != null) {
+    const headerTypes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6']
+    for (let i = 0; i < headerTypes.length; i++) {
+      const headers = postContent.querySelectorAll(headerTypes[i])
+      if (headers) {
+        headers.forEach(addAnchor)
+      }
+    }
+  }
+
+  // =============== Make TOC Compatible wit Bootstrap Scroll Spy ========
+  // add "navbar" class to the "nav" element
+  const toc = document.getElementById('TableOfContents')
+  if (toc) {
+    toc.classList.add('navbar')
+    // add "nav-pills" class to the "ul" elements
+    let elems = toc.getElementsByTagName('ul')
+    for (let i = 0; i < elems.length; i++) {
+      elems[i].classList.add('nav-pills')
+    }
+    // add "nav-item" class to the "li" elements
+    elems = toc.getElementsByTagName('li')
+    for (let i = 0; i < elems.length; i++) {
+      elems[i].classList.add('nav-item')
+    }
+    // add "nav-link" class to the "a" elements
+    elems = toc.getElementsByTagName('a')
+    for (let i = 0; i < elems.length; i++) {
+      elems[i].classList.add('nav-link')
+    }
+  }
+
+  // add scroll to top button
+  const btn = document.getElementById('scroll-to-top')
+
+  if(btn) {
+    window.addEventListener('scroll', function () {
+      if (window.scrollY > 300) {
+        btn.classList.add('show')
+      } else {
+        btn.classList.remove('show')
+      }
+    })
+  
+    btn.addEventListener('click', function (e) {
+      e.preventDefault()
+      window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      })
+    })
+  }
+})

assets/scripts/process-shim.js

@@ -0,0 +1,3 @@
+export const process = {
+  env: {}
+}

assets/scripts/sections/achievements.js

@@ -0,0 +1,220 @@
+import { getDeviceState } from '../core'
+
+function fourColumRow (gallery, entries, i) {
+  const entry1 = document.createElement('div')
+  entry1.classList.add('col-lg-6', 'm-0', 'p-0')
+  entry1.appendChild(entries[i].cloneNode(true))
+  entry1.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry1)
+  i++
+
+  const entry2 = document.createElement('div')
+  entry2.classList.add('col-lg-3', 'm-0', 'p-0')
+  entry2.appendChild(entries[i].cloneNode(true))
+  entry2.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry2)
+  i++
+
+  const entry3 = document.createElement('div')
+  entry3.classList.add('col-lg-3', 'm-0', 'p-0')
+  entry3.appendChild(entries[i].cloneNode(true))
+  entry3.children[0].classList.add('img-type-2')
+  i++
+  entry3.appendChild(entries[i].cloneNode(true))
+  entry3.children[1].classList.add('img-type-2')
+  gallery.appendChild(entry3)
+  i++
+}
+
+function fourColumnReversedRow (gallery, entries, i) {
+  const entry1 = document.createElement('div')
+  entry1.classList.add('col-lg-3', 'm-0', 'p-0')
+  entry1.appendChild(entries[i].cloneNode(true))
+  entry1.children[0].classList.add('img-type-2')
+  i++
+  entry1.appendChild(entries[i].cloneNode(true))
+  entry1.children[1].classList.add('img-type-2')
+  gallery.appendChild(entry1)
+  i++
+
+  const entry2 = document.createElement('div')
+  entry2.classList.add('col-lg-3', 'm-0', 'p-0')
+  entry2.appendChild(entries[i].cloneNode(true))
+  entry2.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry2)
+  i++
+
+  const entry3 = document.createElement('div')
+  entry3.classList.add('col-lg-6', 'm-0', 'p-0')
+  entry3.appendChild(entries[i].cloneNode(true))
+  entry3.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry3)
+  i++
+}
+
+function threeColumnRow (gallery, entries, i) {
+  console.log(i)
+  const entry1 = document.createElement('div')
+  entry1.classList.add('col-lg-6', 'col-md-6', 'm-0', 'p-0')
+  entry1.appendChild(entries[i].cloneNode(true))
+  entry1.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry1)
+  i++
+
+  const entry2 = document.createElement('div')
+  entry2.classList.add('col-lg-3', 'col-md-3', 'm-0', 'p-0')
+  entry2.appendChild(entries[i].cloneNode(true))
+  entry2.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry2)
+  i++
+
+  const entry3 = document.createElement('div')
+  entry3.classList.add('col-lg-3', 'col-md-3', 'm-0', 'p-0')
+  entry3.appendChild(entries[i].cloneNode(true))
+  entry3.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry3)
+  i++
+}
+
+function threeColumnReversedRow (gallery, entries, i) {
+  const entry1 = document.createElement('div')
+  entry1.classList.add('col-lg-3', 'col-md-3', 'm-0', 'p-0')
+  entry1.appendChild(entries[i].cloneNode(true))
+  entry1.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry1)
+  i++
+
+  const entry2 = document.createElement('div')
+  entry2.classList.add('col-lg-3', 'col-md-3', 'm-0', 'p-0')
+  entry2.appendChild(entries[i].cloneNode(true))
+  entry2.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry2)
+  i++
+
+  const entry3 = document.createElement('div')
+  entry3.classList.add('col-lg-6', 'col-md-3', 'm-0', 'p-0')
+  entry3.appendChild(entries[i].cloneNode(true))
+  entry3.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry3)
+  i++
+}
+
+function twoColumnRow (gallery, entries, i) {
+  const entry1 = document.createElement('div')
+  entry1.classList.add('col-6', 'm-0', 'p-0')
+  entry1.appendChild(entries[i].cloneNode(true))
+  entry1.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry1)
+  i++
+
+  const entry2 = document.createElement('div')
+  entry2.classList.add('col-6', 'm-0', 'p-0')
+  entry2.appendChild(entries[i].cloneNode(true))
+  entry2.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry2)
+  i++
+}
+
+function singleColumnRow (gallery, entries, i) {
+  const entry1 = document.createElement('div')
+  entry1.classList.add('col-12', 'm-0', 'p-0')
+  entry1.appendChild(entries[i].cloneNode(true))
+  entry1.children[0].classList.add('img-type-1')
+  gallery.appendChild(entry1)
+  i++
+}
+
+function showAchievements () {
+  const { isLaptop, isTablet } = getDeviceState()
+  // show achievements from achievements-holder div
+  const gallery = document.getElementById('gallery')
+  if (gallery == null) {
+    return
+  }
+  gallery.innerHTML = ''
+  const entries = document.getElementById('achievements-holder').children
+  let len = entries.length
+  let i = 0
+  let rowNumber = 1
+  while (i < len) {
+    if (isLaptop) {
+      if (i + 4 <= len) {
+        if (rowNumber % 2) {
+          fourColumRow(gallery, entries, i)
+        } else {
+          fourColumnReversedRow(gallery, entries, i)
+        }
+        i += 4
+      } else if (i + 3 <= len) {
+        if (rowNumber % 2) {
+          threeColumnRow(gallery, entries, i)
+        } else {
+          threeColumnReversedRow(gallery, entries, i)
+        }
+        i += 3
+      } else if (i + 2 <= len) {
+        twoColumnRow(gallery, entries, i)
+        i += 2
+      } else {
+        singleColumnRow(gallery, entries, i)
+        i++
+      }
+    } else if (isTablet) {
+      if (i + 2 <= len) {
+        twoColumnRow(gallery, entries, i)
+        i += 2
+      } else {
+        singleColumnRow(gallery, entries, i)
+        i++
+      }
+    } else {
+      singleColumnRow(gallery, entries, i)
+      i++
+    }
+    rowNumber++
+  }
+
+  // show full image on click
+  const elements = document.getElementsByClassName('achievement-entry')
+  len = elements.length
+  for (let i = 0; i < len; i++) {
+    elements[i].onclick = function () {
+      const achievements = document.getElementsByClassName('achievement-entry')
+      const len2 = achievements.length
+      for (let j = 0; j < len2; j++) {
+        achievements[j].classList.toggle('hidden')
+      }
+      this.classList.toggle('achievement-details')
+      this.classList.toggle('hidden')
+      this.parentElement.classList.toggle('col-lg-12')
+      this.parentElement.classList.toggle('col-md-12')
+      this.parentElement.classList.toggle('col-sm-12')
+      if (this.children.SmallImage.hasAttribute('active')) {
+        const mainLogo = this.children.LargeImage.getAttribute('Style')
+        this.children.LargeImage.setAttribute('active', true)
+        this.children.SmallImage.removeAttribute('active')
+
+        this.setAttribute('Style', mainLogo)
+      } else {
+        const mainLogo = this.children.SmallImage.getAttribute('Style')
+        this.children.SmallImage.setAttribute('active', true)
+        this.children.LargeImage.removeAttribute('active')
+        this.setAttribute('Style', mainLogo)
+      }
+
+      if (this.children.caption !== undefined) {
+        this.children.caption.classList.toggle('hidden')
+      }
+      if (this.children['enlarge-icon'] !== undefined) {
+        this.getElementsByClassName('fa-xmark')[0].classList.toggle('hidden')
+        this.getElementsByClassName('fa-magnifying-glass-plus')[0].classList.toggle('hidden')
+      }
+      if (this.children['achievement-title'] !== undefined) {
+        this.children['achievement-title'].classList.toggle('hidden')
+      }
+    }
+  }
+}
+
+['DOMContentLoaded', 'resize'].forEach((event) =>
+  document.addEventListener(event, showAchievements))

assets/scripts/sections/education.js

@@ -0,0 +1,33 @@
+// Show more rows in the taken courses table
+function toggleCourseVisibility (elem) {
+  // find the courses
+  const courses = elem.parentNode.getElementsByClassName('course')
+  if (courses == null) {
+    return
+  }
+
+  // toggle hidden-course class from the third elements
+  for (const course of courses) {
+    if (course.classList.contains('hidden-course') || course.classList.contains('toggled-hidden-course')) {
+      course.classList.toggle('hidden-course')
+      course.classList.add('toggled-hidden-course')
+    }
+  }
+
+  // toggle the buttons visibility
+  const buttonsToToggle = elem.parentNode.getElementsByClassName('show-more-btn')
+  for (const buttonToToggle of buttonsToToggle) {
+    buttonToToggle.classList.toggle('hidden')
+  }
+}
+
+window.addEventListener('DOMContentLoaded', () => {
+  const els = [
+    document.getElementById('show-more-btn'),
+    document.getElementById('show-less-btn')
+  ]
+
+  els.filter((el) => el != null).forEach((el) =>
+    el.addEventListener('click', ({ target }) =>
+      toggleCourseVisibility(target)))
+})

assets/scripts/sections/index.js

@@ -0,0 +1,7 @@
+import './navbar'
+import './sidebar'
+
+import './education'
+import './achievements'
+import './projects'
+import './publications'

assets/scripts/sections/navbar.js

@@ -0,0 +1,60 @@
+const updateNavBar = () => {
+  const topNavbar = document.getElementById('top-navbar')
+  const navbarToggler = document.getElementById('navbar-toggler')
+  const themeIcon = document.getElementById('navbar-theme-icon-svg')
+
+  if (window.scrollY > 40) {
+    topNavbar?.classList.remove('initial-navbar')
+    topNavbar?.classList.add('final-navbar', 'shadow')
+
+    navbarToggler?.classList.remove('navbar-dark')
+    navbarToggler?.classList.add('navbar-light')
+
+    // color theme selector a.k.a. dark mode
+    themeIcon?.classList.remove('navbar-icon-svg-dark')
+
+    // get the main logo from hidden img tag
+    const mainLogo = document.getElementById('main-logo')
+    if (mainLogo) {
+      const logoURL = mainLogo.getAttribute('src')
+      document.getElementById('logo')?.setAttribute('src', logoURL)
+    }
+  } else {
+    topNavbar?.classList.remove('final-navbar', 'shadow')
+    topNavbar?.classList.add('initial-navbar')
+
+    navbarToggler?.classList.remove('navbar-light')
+    navbarToggler?.classList.add('navbar-dark')
+
+    // color theme selector a.k.a. dark mode
+    themeIcon?.classList.add('navbar-icon-svg-dark')
+
+    // get the inverted logo from hidden img tag
+    const invertedLogo = document.getElementById('inverted-logo')
+    if (invertedLogo) {
+      const logoURL = invertedLogo.getAttribute('src')
+      document.getElementById('logo')?.setAttribute('src', logoURL)
+    }
+  }
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+  // change navbar style on scroll
+  // ==================================================
+  // When the user scrolls down 80px from the top of the document,
+  // resize the navbar's padding and the logo's font size
+  document.addEventListener('scroll', updateNavBar)
+
+  // Creates a click handler to collapse the navigation when
+  // anchors in the mobile nav pop up are clicked
+  const navMain =document.getElementsByClassName('navbar-collapse')
+  Array.from(navMain).forEach(function(el) {
+    el.addEventListener('click', function (e) {
+      if (e.target.tagName === 'A') {
+        el.classList.add('collapse')
+      }
+    })
+  })
+
+  updateNavBar()
+})

assets/scripts/sections/projects.js

@@ -0,0 +1,19 @@
+import Filterizr from 'filterizr'
+import { insertScript } from '../core'
+
+document.addEventListener('DOMContentLoaded', () => {
+  // ================== Project cards =====================
+
+  // setup project filter buttons
+  const projectCardHolder = document.getElementById('project-card-holder')
+  if (projectCardHolder != null && projectCardHolder.children.length !== 0) {
+    // eslint-disable-next-line no-new
+    new Filterizr('.filtr-projects', {
+      layout: 'sameWidth',
+      controlsSelector: '.project-filtr-control'
+    })
+  }
+})
+
+// dynamically insert github buttons script.
+insertScript('github-buttons', 'https://buttons.github.io/buttons.js')

assets/scripts/sections/publications.js

@@ -0,0 +1,13 @@
+import Filterizr from 'filterizr'
+
+document.addEventListener('DOMContentLoaded', () => {
+  const publicationCardHolder = document.getElementById('publication-card-holder')
+  if (publicationCardHolder != null && publicationCardHolder.children.length !== 0) {
+    // eslint-disable-next-line no-new
+    new Filterizr('.filtr-publications', {
+      layout: 'sameWidth',
+      gridItemsSelector: '.pub-filtr-item',
+      controlsSelector: '.pub-filtr-control'
+    })
+  }
+})

assets/scripts/sections/sidebar.js

@@ -0,0 +1,38 @@
+import { getDeviceState } from '../core/device'
+
+// Toggle sidebar on click. Here, class "hide" open the sidebar
+function toggleSidebar () {
+  const sidebar = document.getElementById('sidebar-section')
+  if (sidebar == null) {
+    return
+  }
+  if (sidebar.classList.contains('hide')) {
+    sidebar.classList.remove('hide')
+  } else {
+    // if toc-section is open, then close it first
+    const toc = document.getElementById('toc-section')
+    if (toc != null && toc.classList.contains('hide')) {
+      toc.classList.remove('hide')
+    }
+    // add "hide" class
+    sidebar.classList.add('hide')
+    // if it is mobile device. then scroll to top.
+    const { isMobile } = getDeviceState()
+    if (isMobile && sidebar.classList.contains('hide')) {
+      document.body.scrollTop = 0
+      document.documentElement.scrollTop = 0
+      if (document.getElementById('hero-area') != null) {
+        document.getElementById('hero-area').classList.toggle('hide')
+      }
+    }
+  }
+  if (document.getElementById('content-section') != null) {
+    document.getElementById('content-section').classList.toggle('hide')
+  }
+}
+
+window.addEventListener('DOMContentLoaded', () => {
+  // bind click event to #sidebar-toggler in navbar-2.html
+  const toggle = document.getElementById('sidebar-toggler')
+  if (toggle) toggle.addEventListener('click', toggleSidebar)
+})

content/notes/search.bn.md

@@ -0,0 +1,54 @@
+---
+title: "অনুসন্ধানের ফলাফল"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.cn.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.de.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.es.md

@@ -0,0 +1,54 @@
+---
+title: "Resultados de Búsqueda"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+Este archivo existe únicamente para responder a la URL /search con la plantilla de diseño `search` relacionada.
+
+No se muestra ningún contenido aquí, todo el contenido se basa en la plantilla layouts/page/search.html
+
+Establecer una prioridad muy baja en el mapa del sitio le dirá a los motores de búsqueda que éste no es un contenido importante.
+
+Esta implementación utiliza Fusejs, jquery y mark.js
+
+
+## Configuración inicial
+
+La búsqueda depende del tipo de contenido de salida adicional de JSON en config.toml
+
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Búsqueda de archivos adicionales
+
+Para buscar campos adicionales definidos en el front matter, debes añadirlo en 2 lugares.
+
+### Editar layouts/_default/index.JSON
+Esto expone los valores en /index.json: por ejemplo, para agregar `categories`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Editar las opciones de fuse.js para buscar
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.fr.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.hi.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.id.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.it.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.jp.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.ko.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.md

@@ -0,0 +1,52 @@
+---
+title: "Search Results"
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.ru.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/notes/search.vn.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.bn.md

@@ -0,0 +1,54 @@
+---
+title: "অনুসন্ধানের ফলাফল"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.cn.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.de.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.es.md

@@ -0,0 +1,54 @@
+---
+title: "Resultados de Búsqueda"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+Este archivo existe únicamente para responder a la URL /search con la plantilla de diseño `search` relacionada.
+
+No se muestra ningún contenido aquí, todo el contenido se basa en la plantilla layouts/page/search.html
+
+Establecer una prioridad muy baja en el mapa del sitio le dirá a los motores de búsqueda que éste no es un contenido importante.
+
+Esta implementación utiliza Fusejs, jquery y mark.js
+
+
+## Configuración inicial
+
+La búsqueda depende del tipo de contenido de salida adicional de JSON en config.toml
+
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Búsqueda de archivos adicionales
+
+Para buscar campos adicionales definidos en el front matter, debes añadirlo en 2 lugares.
+
+### Editar layouts/_default/index.JSON
+Esto expone los valores en /index.json: por ejemplo, para agregar `categories`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Editar las opciones de fuse.js para buscar
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.fr.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.hi.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.id.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.it.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.jp.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.ko.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.ru.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

content/posts/search.vn.md

@@ -0,0 +1,54 @@
+---
+title: "Search Results"
+date: 2010-06-08T08:06:25+06:00
+weight: 999999
+sitemap:
+  priority : 0.1
+layout: "search"
+url: search
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`assets/scripts/pages/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```

exampleSite/config.yaml

@@ -1,7 +1,37 @@
+
 baseURL: http://example.org/
 languageCode: en-us
-title: "Toha"
-theme: "toha"
+title: Example Site
+
+module:
+  imports:
+  - path: github.com/hugo-toha/hugo-toha.github.io
+    disable: false
+    mounts:
+    - source: content
+      target: content
+    - source: layouts
+      target: layouts
+    - source: data
+      target: data
+    - source: assets
+      target: assets
+    - source: static
+      target: static
+  - path: github.com/hugo-toha/toha/v4
+
+# 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: 3
+
+# Force a locale to be use, really useful to develop the application ! Should be commented in production, the "weight" should rocks.
+# DefaultContentLanguage: bn
 
 # Allow raw html in markdown file
 markup:
@@ -13,61 +43,250 @@ markup:
     endLevel: 6
     ordered: false
 
-# Enable Google Analytics
-googleAnalytics: UA-XXXXXXXXX-X
-
-# Enable Disqus forum
-disqusShortname: does-not-exist
+# At least HTML and JSON are required for the main HTML content and
+# client-side JavaScript search
+outputs:
+  home:
+    - HTML
+    - RSS
+    - JSON
 
 # 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"
+  # Background image of the landing page
+  background: /images/site/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
+    main: /images/site/main-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
+  # GitHub repo of your site
+  gitRepo: https://github.com/hugo-toha/hugo-toha.github.io
+  # Default branch of your Git repo
+  gitBranch: main
 
-  # specify whether you want to write blog post or not
-  enableBlogPost: true
+  # Configure the number of section title visible in the top navbar
+  topNavbar:
+    maxVisibleSections: 5
 
-  # specify whether you want to show Table of Contents in reading page
-  enableTOC: true
+  # Configure various features of this theme
+  features:
 
-  # 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/
+    # Enable dark theme
+    darkMode:
+      enable: false
+      services:
+        darkreader:
+          defaultColorScheme: system # options are 'system', 'dark', 'light'
+          fixes:
+            invert: ['img[src$=".svg"]'] # inverts svg colors.
+          theme:
+            brightness: 100
+            contrast: 100
+            sepia: 0
 
-  # Provide newsletter configuration. This feature hasn't been implemented yet.
-  # Currently, you can just hide it from the footer.
-  newsletter:
+    # Enable and configure portfolio
+    portfolio:
+      enable: true
+
+    # Enable and configure blog posts
+    blog:
+      enable: true
+      # Share post on different social media
+      shareButtons:
+        facebook: true
+        twitter: true
+        linkedin: true
+        reddit: true
+        whatsapp: true
+        email: true
+        # tumblr: true
+        # pocket: true
+        # diaspora: true
+        # mastodon: true
+
+    # Enable & configure "Notes" features
+    notes:
+      enable: true
+
+    # Enable comment feature. There, should be only one of them.
+    comment:
+      enable: false
+      services:
+        disqus:
+          shortName: toha-example-site
+        # valine:
+        #   appId: HTV6askWxVo3vOxlqjjaq2hd-MsYXbMMI
+        #   appKey: pVrT3C85KGIuk27t07eh6bUC
+        #   avatar: retro
+        #   placeholder: Share your thought.
+        #   lang: en
+        #   recordIP: true
+        #   enableQQ: true
+        # utteranc:
+        #   repo: github.com/hugo-toha/hugo-toha.github.io
+        #   issueTerm: title
+        #   theme: github-light
+        # giscus:
+        #   repo: your-repo/name
+        #   repoID: your-repo-id
+        #   category: your-category
+        #   categoryID: your-category-id
+          # theme: light
+          # map: url
+          # reaction: 1
+          # metadata: 0
+          # inputPosition: bottom
+          # crossOrigin: anonymous
+        # commento:
+        #   serverURL: cdn.commento.io
+        #   autoInit: true
+        #   hideDeleted: false
+
+    # Enable Analytics
+    analytics:
+      enabled: false
+      services:
+        # Google Analytics
+        google:
+          id: G-H4LBG7NDFZ
+        # # CounterDev
+        # counterDev:
+        #   id: <your counterdev id>
+        # # GoatCounter
+        # goatCounter:
+        #   code: <your goat counter code>
+        # # Matomo / Piwik
+        # matomo:
+        #   instance: matomo.example.com
+        #   siteId: 1 # Or any other number
+
+    # Enable Support
+    support:
+      enable: false
+      services:
+        kofi:
+          user: hossainemruz
+          text: Tip Me
+          textColor: '#f9fafc'
+          backgroundColor: '#248aaa'
+        # buymeacoffee:
+        #   user: <your buymeacoffee.com user>
+        #   text: Support me on Buy me a coffee!
+        #   info: Buy me a coffee!
+        #   color: '#FFDD00'
+
+    # specify whether you want to show Table of Contents in reading page
+    toc:
+      enable: true
+
+    # Show tags under the post title
+    tags:
+      enable: true
+
+    # Specify whether to show flag in the language selector. Default is true.
+    flags:
+      enable: true
+      # # If you want to use different country flag for a language, specify them here.
+      # flagOverwrites:
+      #   - languageCode: en
+      #     countryCode: us
+
+    # Enable this to use `embed-pdf` shortcode.
+    embedpdf:
+      enable: false
+
+    # Enable this to create flowcharts using shortcodes.
+    flowchart:
+      enable: false
+      services:
+        # Uncomment for `mermaid` shortcode.
+        mermaid:
+          # For config options, see: https://mermaid-js.github.io/mermaid/#/Setup?id=configuration
+          # theme: dark
+
+    # Enable this to create mathematic expressions using `$$` blocks
+    math:
+      enable: false
+      services:
+        # https://katex.org/docs/autorender.html#api for more configurations
+        katex:
+          delimiters:
+            - left: $$
+              right: $$
+              display: true
+            - left: \\[
+              right: \\]
+              display: true
+            - left: $
+              right: $
+              display: false
+            - left: \\(
+              right: \\)
+              display: false
+
+    # Enable to use custom syntax highlight
+    # Please note, Hugo comes with it's own html based syntax highlighter.
+    # Your code block will still be syntax highlighted by hugo.
+    # For more details: https://gohugo.io/content-management/syntax-highlighting/
+    # To disable Hugo's builtin syntax highlight,
+    # see: https://gohugo.io/getting-started/configuration-markup#highlight
+    # ```
+    # # config.yaml
+    # markup:
+    #   # this disables hugo's syntax highlighting.
+    #   codeFences: false
+    # ```
+    syntaxHighlight:
+      enable: true
+      services:
+        hljs:
+          # see: https://highlightjs.readthedocs.io/en/latest/api.html#configure
+          noHighlightRe: /^no-highlight$/i
+
+    # Enable to use `video-player` shortcode
+    videoPlayer:
+      enable: false
+      services:
+        # convert .js-player class into video player via https://plyr.io/
+        # Can play HTML5 Video, Audio, Youtube, Vimeo.
+        # For more info on setup: https://github.com/sampotts/plyr#quick-setup
+        plyr:
+          # options doc: https://github.com/sampotts/plyr#options
+          # fullscreen: true
+
+
+  # Provide footer configuration.
+  footer:
     enable: true
+    # You can provide your custom footer template using this option.
+    # Put your template in "layouts/partials" folder of your repo.
+    template: footer.html
+    # Show/hide navigation in the footer. Default is "true".
+    navigation:
+      enable: true
+      # show custom menus in the footer
+      customMenus: true
+    # Show/hide "Contact Me" section in the footer. Default is "true".
+    contactMe:
+      enable: true
+    # Show/hide credentials section in the footer. Default is "true".
+    credentials:
+      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
+    # Show/hide newsletter section in the footer. Default is "true".
+    # Currently, it supports "mailchimp".
+    newsletter:
+      enable: true
+      provider: mailchimp
+      mailchimpURL: https://github.us1.list-manage.com/subscribe/post?u=19de52a4603135aae97163fd8&amp;id=094a24c76e
+
+    # Show/hide disclaimer notice in the footer. Default is "false".
+    disclaimer:
+      enable: true

exampleSite/data/sections/about.yaml

@@ -1,76 +0,0 @@
-# section information
-section:
-  name: About
-  enable: true
-  weight: 1
-  showOnNavbar: true
-
-# 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: 'I am a passionate software engineer with x years of working experience. I built OSS tools for [Kubernetes](https://kubernetes.io/) using GO. My tools help people to deploy their workloads in Kubernetes. Sometimes, I work on some fun projects such as writing a theme, 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: 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/sections/achievements.yaml

@@ -1,23 +0,0 @@
-# section information
-section:
-  name: Achievements
-  enable: true
-  weight: 6
-  showOnNavbar: true
-  # Can optionally hide the title in sections
-  # hideTitle: true
-
-# Your achievements achievements
-achievements:
-- title: Best Presenter
-  image: images/achievements/presenter.jpg
-  summary: Best presenter in the 2020 XYZ conference.
-- title: Champion
-  image: images/achievements/sport.jpg
-  summary: Champion in cycling inter-city cycling championship 2020.
-- title: Graduation
-  image: images/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
-  summary: Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?

exampleSite/data/sections/experiences.yaml

@@ -1,63 +0,0 @@
-# section information
-section:
-  name: 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. is a widely recognized company for cloud-native development. It builds tools for 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: Oct 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. is a gateway company to enter into Example co. So, nothing special here.
-  positions:
-  - designation: Software Engineer
-    start: March 2016
-    end: May 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: Intern counting Company (ICC) is responsible for counting worldwide intern Engineers.
-  positions:
-  - designation: Intern
-    start: Jun 2015
-    end: Jan 2016
-    responsibilities:
-    - Count lost of interns.
-    - Count more interns.
-    - Count me as an intern.

exampleSite/data/sections/projects.yaml

@@ -1,63 +0,0 @@
-# section information
-section:
-  name: Projects
-  enable: true
-  weight: 4
-  showOnNavbar: true
-  # Can optionally hide the title in sections
-  # hideTitle: true
-
-# filter buttons
-buttons:
-- name: All
-  filter: "all"
-- name: Professional
-  filter: "professional"
-- name: Academic
-  filter: "academic"
-- name: Hobby
-  filter: "hobby"
-
-# your projects
-projects:
-- name: Kubernetes
-  logo: images/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/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/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/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/sections/recent-posts.yaml

@@ -1,10 +0,0 @@
-# section information
-section:
-  name: Recent Posts
-  enable: true
-  weight: 5
-  showOnNavbar: true
-  # Can optionally hide the title in sections
-  # hideTitle: true
-
-# no additional configuration is required

exampleSite/data/sections/skills.yaml

@@ -1,48 +0,0 @@
-# section information
-section:
-  name: 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/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"
-  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"
-  summary: "Worked with most of the major clouds such as GCP, AWS, Azure etc."
-
-- name: Docker
-  icon: "images/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"
-  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"
-  summary: "Using as the main operating system. Capable of writing bash/shell scripts."
-
-- name: Git
-  icon: "images/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"
-  summary: "Know basic C/C++ programming. Used for contest programming and problem solving."

exampleSite/go.mod

@@ -0,0 +1,7 @@
+module github.com/hugo-toha/toha/exampleSite
+
+go 1.19
+
+require github.com/hugo-toha/hugo-toha.github.io v0.0.0-20221228191121-007f31838bd6 // indirect
+
+replace github.com/hugo-toha/toha/v4 => ../../toha

exampleSite/go.sum

@@ -0,0 +1,2 @@
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20221228191121-007f31838bd6 h1:TPFhOZAnuH4wjLIdzimswCRa2qCcc1teKVTatADJU2g=
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20221228191121-007f31838bd6/go.mod h1:OMMaP9Hh9NsKd41lVIazBQRPa0s6Z57AfJoY3DcCNNY=