Fix mermaid rendering inside split shortcode (#1059)

* Fix build failure due to Hugo chaning `_internal` template behavior

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

* Update min Hugo version

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

---------

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

.github/workflows/autoprefixer.yml

@@ -8,12 +8,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout to latest commit
-        uses: actions/checkout@v4.1.1
+        uses: actions/checkout@v4.2.2
 
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: "15.x"
+          node-version: "20.x"
 
       - name: Run autoprefixer
         run: |
@@ -21,7 +21,7 @@ jobs:
           npm run autoprefixer
 
       - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v6
+        uses: peter-evans/create-pull-request@v7
         with:
           branch: autoprefixer
           branch-suffix: timestamp

.github/workflows/codeql-analysis.yml

@@ -39,7 +39,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4.1.1
+      uses: actions/checkout@v4.2.2
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL

.github/workflows/enforce-lablel.yml

@@ -0,0 +1,16 @@
+name: Label Enforcer
+
+# Run action on pull request creation, reopening, or label changes
+on:
+  pull_request:
+    types: [opened, reopened, labeled, unlabeled]
+
+jobs:
+  # Ensure that PR has desired labels
+  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/merge-to-main.yml

@@ -10,6 +10,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # Create/Update release draft
-    - uses: release-drafter/release-drafter@v6.0.0
+    - uses: release-drafter/release-drafter@v6.1.0
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/pull-request.yml

@@ -10,18 +10,18 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # checkout to the commit that has been pushed
-    - uses: actions/checkout@v4.1.1
+    - uses: actions/checkout@v4.2.2
 
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
-        node-version: 18
+        node-version: 20
 
     - name: Install node modules
       run: npm install
 
     - name: Setup Hugo
-      uses: peaceiris/actions-hugo@v2.6.0
+      uses: peaceiris/actions-hugo@v3.0.0
       with:
         hugo-version: 'latest'
         extended: true
@@ -35,12 +35,12 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4.1.1
+    - uses: actions/checkout@v4.2.2
 
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
-        node-version: 18
+        node-version: 20
 
     - name: Install node modules
       run: npm install
@@ -62,7 +62,7 @@ jobs:
         NETLIFY_TOKEN: ${{secrets.NETLIFY_TOKEN}}
 
     - name: Run Lighthouse
-      uses: foo-software/lighthouse-check-action@v10.0.0
+      uses: foo-software/lighthouse-check-action@v12.0.1
       id: lighthouseCheck
       with:
         accessToken: ${{ secrets.LIGHTHOUSE_TOKEN }}
@@ -73,20 +73,11 @@ jobs:
         timeout: 5
         urls: "${{ steps.preview.outputs.url }},${{ steps.preview.outputs.url }}/posts/,${{ steps.preview.outputs.url }}/posts/markdown-sample/,${{ steps.preview.outputs.url }}/posts/shortcodes/"
 
-  # Ensure that PR has desired labels
-  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']"
-
   # Check for any broken links
   markdown-link-check:
     runs-on: ubuntu-latest
     steps:
     # checkout to latest commit
-    - uses: actions/checkout@v4.1.1
+    - uses: actions/checkout@v4.2.2
     # run markdown linter
-    - uses: gaurav-nelson/github-action-markdown-link-check@1.0.15
+    - uses: gaurav-nelson/github-action-markdown-link-check@1.0.17

README.md

@@ -38,6 +38,7 @@ A [Hugo](https://gohugo.io/) theme for a personal portfolio with minimalist desi
   - counter.dev
   - Google Analytics
   - Matomo/Piwik
+  - [Umami](https://umami.is/)
 - Comment Support
   - [Disqus](https://disqus.com/)
   - [Valine](https://valine.js.org/)
@@ -55,6 +56,7 @@ For more details about the features please visit [here](https://toha-guides.netl
 - Deutsch
 - Español
 - 简体中文
+- 繁體中文
 - हिन्दी
 - Italiano
 - 日本語
@@ -62,11 +64,14 @@ For more details about the features please visit [here](https://toha-guides.netl
 - русский
 - suomi
 - Tiếng Việt
+- Azerbaijan
 - Turkish
 - Arabic (العربية)
 - Português Europeu
 - Català
 - Português Brasileiro
+- Nederlands
+- Hebrew
 
 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).
 
@@ -88,7 +93,7 @@ Here are few screenshots from the [example site](https://hugo-toha.github.io).
 
 ## Requirements
 
-- Hugo Version 0.118.0 (extended) or higher
+- Hugo Version 0.128.0 (extended) or higher
 - Go language 1.18 or higher (require for hugo modules)
 - Node version v18.x or later and npm 8.x or later.
 
@@ -108,7 +113,7 @@ hugo mod init github.com/<your username>/<your repo name>
 
 ##### 2. Add this theme as your module dependency
 
-Now, in your `config.yaml` file, add a `module` section.
+Now, in your `hugo.yaml` file, add a `module` section.
 
 ```yaml
 # Use Hugo modules to add theme
@@ -117,7 +122,7 @@ module:
   - path: github.com/hugo-toha/toha/v4
 ```
 
-Check this sample [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml) for further reference.
+Check this sample [hugo.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/hugo.yaml) for further reference.
 
 ##### 3. Update your module
 
@@ -204,7 +209,7 @@ $ npm install
 $ hugo server -w
 ```
 
-Now, you can make change in the theme and they will be reflected immediately on the running site. If you need to change any configuration, you can do that in the `config.yaml` file inside `exampleSite` folder. If you need to add any content or data, you can create the respective folder inside `exampleSite` directory and add your desired content or data there.
+Now, you can make change in the theme and they will be reflected immediately on the running site. If you need to change any configuration, you can do that in the `hugo.yaml` file inside `exampleSite` folder. If you need to add any content or data, you can create the respective folder inside `exampleSite` directory and add your desired content or data there.
 
 #### Running the forked theme against your own site
 

assets/scripts/core/theme-scheme.js

@@ -0,0 +1,9 @@
+let theme = localStorage.getItem('theme-scheme') || localStorage.getItem('darkmode:color-scheme') || 'light'
+if (theme === 'system') {
+  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    theme = 'dark'
+  } else {
+    theme = 'light'
+  }
+}
+document.documentElement.setAttribute('data-theme', theme)

assets/scripts/features/copyCode/copyCode.js

@@ -0,0 +1,22 @@
+addCopyButtons(navigator.clipboard)
+
+function addCopyButtons(clipboard) {
+  document.querySelectorAll('pre > code').forEach(function (codeBlock) {
+    const button = document.createElement('button')
+    button.title = "Copy"
+    button.className = 'copy-code-button btn btn-sm'
+    button.innerHTML = "<i class='fa-regular fa-copy'></i>"
+
+    button.addEventListener('click', function () {
+      clipboard.writeText(codeBlock.innerText)
+    })
+
+    const pre = codeBlock.parentNode
+    if (pre.parentNode.classList.contains('highlight')) {
+      const highlight = pre.parentNode
+      highlight.parentNode.insertBefore(button, highlight)
+    } else {
+      pre.parentNode.insertBefore(button, pre)
+    }
+  })
+}

assets/scripts/features/copyCode/index.js

@@ -0,0 +1 @@
+import './copyCode'

assets/scripts/features/darkmode/index.js

@@ -39,6 +39,8 @@ window.addEventListener('load', async () => {
 
     // save preference to local storage
     saveScheme(newScheme)
+
+    setImages(theme)
   }
 
   setScheme(loadScheme())
@@ -50,3 +52,19 @@ window.addEventListener('load', async () => {
     })
   })
 })
+
+function setImages(newScheme) {
+  const els = Array.from(document.getElementsByClassName('logo-holder'));
+  for (const el of els) {
+    const light = el.querySelector('.light-logo');
+    const dark = el.querySelector('.dark-logo');
+    if (newScheme === "dark" && dark !== null) {
+      if (light !== null) light.style.display = 'none'
+      dark.style.display = 'inline'
+    }
+    else {
+      if (light !== null) light.style.display = 'inline'
+      if (dark !== null) dark.style.display = 'none'
+    }
+  }
+}

assets/scripts/features/index.js

@@ -10,6 +10,10 @@ if (process.env.FEATURE_DARKMODE === '1') {
   import('./darkmode')
 }
 
+if (process.env.FEATURE_THEME === '1') {
+  import('./theme')
+}
+
 if (process.env.FEATURE_FLOWCHART === '1') {
   import('./flowchart')
 }
@@ -25,3 +29,7 @@ if (process.env.FEATURE_MATH === '1') {
 if (process.env.FEATURE_EMBEDPDF === '1') {
   import('./embedpdf')
 }
+
+if (process.env.FEATURE_COPYCODEBUTTON === '1') {
+  import('./copyCode')
+}

assets/scripts/features/theme/index.js

@@ -0,0 +1,88 @@
+import * as params from '@params';
+const PERSISTENCE_KEY = 'theme-scheme'
+
+const themeOptions = params.theme || {}
+const THEME_DARK = typeof themeOptions.dark === 'undefined' ? true : themeOptions.dark;
+const THEME_LIGHT = typeof themeOptions.light === 'undefined' ? true : themeOptions.light;
+const THEME_DEFAULT = typeof themeOptions.default === 'undefined' ? "system" : themeOptions.default;
+
+window.addEventListener('load', 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
+  }, {})
+
+
+  function checkScheme(scheme) {
+    if (THEME_LIGHT === false) return "dark"
+    if (THEME_DARK === false) return "light"
+    return scheme
+  }
+
+  function loadScheme() {
+    return localStorage.getItem(PERSISTENCE_KEY) || loadDefaultScheme()
+  }
+
+  function loadDefaultScheme() {
+    return THEME_DEFAULT || "system"
+  }
+
+  function saveScheme(scheme) {
+    localStorage.setItem(PERSISTENCE_KEY, scheme)
+  }
+
+  function getPreferredColorScheme() {
+    const isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    return isDarkMode ? "dark" : "light";
+  }
+
+  function setScheme(newScheme) {
+    let theme = newScheme
+    if (newScheme === 'system') {
+      theme = getPreferredColorScheme()
+    }
+    // set data-theme attribute on html tag
+    document.querySelector("html").dataset.theme = theme;
+
+    // update icon
+    $icon.src = iconMap[newScheme]
+
+    // save preference to local storage
+    saveScheme(newScheme)
+  
+    setImages(theme)
+  }
+
+  const checkedScheme = checkScheme(loadScheme())
+  setScheme(checkedScheme)
+
+  Array.from(menu.getElementsByTagName('a')).forEach((btn) => {
+    btn.addEventListener('click', () => {
+      const { scheme } = btn.dataset
+      setScheme(scheme)
+    })
+  })
+})
+
+function setImages(newScheme) {
+  const els = Array.from(document.getElementsByClassName('logo-holder'));
+  for (const el of els) {
+    const light = el.querySelector('.light-logo');
+    const dark = el.querySelector('.dark-logo');
+
+    if (newScheme === "dark" && dark !== null) {
+      if (light !== null) light.style.display = 'none'
+      dark.style.display = 'inline'
+    }
+    else {
+      if (light !== null) light.style.display = 'inline'
+      if (dark !== null) dark.style.display = 'none'
+    }
+  }
+}

assets/scripts/pages/search.js

@@ -7,7 +7,7 @@ window.addEventListener('DOMContentLoaded', () => {
   const fuseOptions = {
     shouldSort: true,
     includeMatches: true,
-    threshold: 0.0,
+    threshold: 0.1,
     tokenize: true,
     location: 0,
     distance: 100,
@@ -79,6 +79,13 @@ window.addEventListener('DOMContentLoaded', () => {
       // pull template from hugo template definition
       const templateDefinition = document.getElementById('search-result-template').innerHTML
       // replace values
+      function adaptTags() {
+        const tags = value.item.tags;
+        let string = '';
+        if (tags) tags.forEach((t) => {string += '<li class="rounded"><a href="/tags/' + t.toLowerCase() + '/" class="btn btn-sm btn-info">' + t + "</a></li>"});
+        return string;
+      }
+
       const output = render(templateDefinition, {
         key,
         title: value.item.title,
@@ -86,7 +93,7 @@ window.addEventListener('DOMContentLoaded', () => {
         date: value.item.date,
         summary: value.item.summary,
         link: value.item.permalink,
-        tags: value.item.tags,
+        tags: adaptTags(),
         categories: value.item.categories,
         snippet
       })

assets/scripts/pages/single.js

@@ -15,7 +15,7 @@ window.addEventListener('DOMContentLoaded', () => {
     }
   }
 
-  // =============== Make TOC Compatible wit Bootstrap Scroll Spy ========
+  // =============== Make TOC Compatible with Bootstrap Scroll Spy ========
   // add "navbar" class to the "nav" element
   const toc = document.getElementById('TableOfContents')
   if (toc) {

assets/scripts/sections/achievements.js

@@ -1,6 +1,6 @@
 import { getDeviceState } from '../core'
 
-function fourColumRow (gallery, entries, i) {
+function fourColumnRow (gallery, entries, i) {
   const entry1 = document.createElement('div')
   entry1.classList.add('col-lg-6', 'm-0', 'p-0')
   entry1.appendChild(entries[i].cloneNode(true))
@@ -140,7 +140,7 @@ function showAchievements () {
     if (isLaptop) {
       if (i + 4 <= len) {
         if (rowNumber % 2) {
-          fourColumRow(gallery, entries, i)
+          fourColumnRow(gallery, entries, i)
         } else {
           fourColumnReversedRow(gallery, entries, i)
         }

assets/scripts/sections/index.js

@@ -4,4 +4,5 @@ import './sidebar'
 import './education'
 import './achievements'
 import './projects'
+import './skills'
 import './publications'

assets/scripts/sections/navbar.js

@@ -54,8 +54,9 @@ document.addEventListener('DOMContentLoaded', function () {
   const navMain = document.getElementsByClassName('navbar-collapse')
   Array.from(navMain).forEach(function (el) {
     el.addEventListener('click', function (e) {
-      if (e.target.tagName === 'A') {
+      if (e.target.tagName === 'A' && !e.target.classList.contains("dropdown-toggle")) {
         el.classList.add('collapse')
+        el.classList.remove('show')
       }
     })
   })

assets/scripts/sections/skills.js

@@ -0,0 +1,15 @@
+import Filterizr from 'filterizr'
+
+document.addEventListener('DOMContentLoaded', () => {
+  // ================== Skill cards =====================
+
+  // setup skill filter buttons
+  const skillCardHolder = document.getElementById('skill-card-holder')
+  if (skillCardHolder != null && skillCardHolder.children.length !== 0) {
+    // eslint-disable-next-line no-new
+    new Filterizr('.filtr-skills', {
+      layout: 'sameWidth',
+      controlsSelector: '.skill-filtr-control'
+    })
+  }
+})

assets/styles/components/buttons.scss

@@ -49,6 +49,15 @@
   color: get-light-color('muted-text-color');
 }
 
+.navbar-toggler {
+  border: none;
+  &:focus {
+    border: none;
+    outline: none !important;
+    box-shadow: none;
+  }
+}
+
 .tags {
   text-align: left;
   padding-top: 0.5em;
@@ -56,14 +65,12 @@
     font-size: 0.5em;
     list-style-type: none;
     display: inline-block;
-    background: get-light-color('accent-color');
     margin-left: 0.2em;
     margin-right: 0.2em;
     margin-top: 0.6em;
     margin-bottom: 0.6em;
   }
   a {
-    color: get-light-color('text-over-accent-color');
     text-decoration: none !important;
   }
 }
@@ -95,6 +102,40 @@
   }
 }
 
+.copy-code-button {
+  float: right;
+  margin-top: 0.5em;
+  margin-left: -2.6em;
+  margin-right: 3em;
+
+  background-color: get-light-color('text-color') !important;
+  color: get-light-color('inverse-text-color') !important;
+  padding: 0.25rem 0.5rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+  border: none;
+
+  &:hover,
+  &:focus {
+    background-color: get-light-color('accent-color') !important;
+    color: get-light-color('text-over-accent-color') !important;
+    @include transition();
+  }
+  &:focus {
+    &::before {
+      content: 'Copied!';
+      position: absolute;
+      padding: 0.3em;
+      border-radius: 0.2em;
+      margin-left: -5em;
+      margin-top: -0.2em;
+      background-color: get-light-color('accent-color') !important;
+      color: get-light-color('text-over-accent-color') !important;
+      @include transition();
+    }
+  }
+}
+
 html[data-theme='dark'] {
   .btn-dark {
     background-color: get-dark-color('accent-color') !important;
@@ -143,17 +184,6 @@ html[data-theme='dark'] {
     color: get-dark-color('muted-text-color');
   }
 
-  .tags {
-    li {
-      background: get-dark-color('accent-color');
-      a {
-        background-color: get-dark-color('bg-card');
-        border: 1px solid get-dark-color('muted-text-color');
-        color: get-dark-color('text-over-accent-color');
-      }
-    }
-  }
-
   .icon-button {
     background-color: get-dark-color('muted-text-color');
     color: get-dark-color('text-over-accent-color') !important;
@@ -173,4 +203,15 @@ html[data-theme='dark'] {
       background-color: get-dark-color('hover-over-accent-color') !important;
     }
   }
+  .copy-code-button {
+    background-color: get-dark-color('bg-primary') !important;
+    color: get-dark-color('muted-text-color') !important;
+
+    &:hover,
+    &:focus,
+    &::before {
+      background-color: get-dark-color('accent-color') !important;
+      color: get-dark-color('text-over-accent-color') !important;
+    }
+  }
 }

assets/styles/components/cards.scss

@@ -9,6 +9,11 @@
     box-shadow: $box-shadow;
     border: 1px solid get-light-color('bg-primary');
     @include transition();
+    .card-img-top {
+      transform: scale(1.2);
+      object-fit: cover;
+      @include transition();
+    }
   }
 
   .card-head {
@@ -17,12 +22,17 @@
     overflow: hidden;
   }
 
+  .card-title {
+    font-size: large;
+  }
+
   .card-body {
-    text-align: justify;
+    text-align: left;
   }
 
   .card-img-top {
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
     @include transition();
   }
 
@@ -50,6 +60,7 @@
 
   .post-card-link {
     text-decoration: none !important;
+    color: get-light-color('text-color');
   }
 
   .card {
@@ -60,7 +71,8 @@
     &:focus {
       .card-img-top {
         transform: scale(1.2);
-        object-fit: cover;
+        -o-object-fit: cover;
+           object-fit: cover;
         @include transition();
       }
     }

assets/styles/components/images.scss

@@ -46,3 +46,31 @@ html[data-theme='dark'] {
 .svg-inverted {
   filter: invert(1);
 }
+
+.logo-holder {
+  height: 64px;
+  margin-bottom: 1em;
+}
+
+.company-logo {
+  max-height: 100%;
+  width: auto;
+}
+
+.light-logo {
+  display: inline;
+}
+
+.dark-logo {
+  display: none;
+}
+
+html[data-theme='dark'] {
+  .light-logo {
+    display: none;
+  }
+
+  .dark-logo {
+    display: inline;
+  }
+}

assets/styles/components/links.scss

@@ -2,15 +2,20 @@ a {
   color: get-light-color('accent-color');
   @include transition();
 
+  &:link {
+    text-decoration: none;
+  }
+
   &:hover,
   &:focus {
-    text-decoration: get-light-color('hover-over-accent-color') underline;
+    -webkit-text-decoration: get-light-color('hover-over-accent-color') underline;
+            text-decoration: get-light-color('hover-over-accent-color') underline;
     color: get-light-color('hover-over-accent-color');
     @include transition();
   }
 }
 
-.list-link {
+.list-link, .taxonomy-term {
   text-decoration: none !important;
   color: get-light-color('text-color');
   @include transition();
@@ -62,12 +67,13 @@ html[data-theme='dark'] {
 
     &:hover,
     &:focus {
-      text-decoration: get-dark-color('hover-over-accent-color') underline;
+      -webkit-text-decoration: get-dark-color('hover-over-accent-color') underline;
+              text-decoration: get-dark-color('hover-over-accent-color') underline;
       color: get-dark-color('hover-over-accent-color');
     }
   }
 
-  .list-link {
+  .list-link, .taxonomy-term {
     color: get-dark-color('text-color');
 
     &:hover,

assets/styles/components/tables.scss

@@ -96,6 +96,10 @@ html[data-theme='dark'] {
     }
   }
   .gist {
+    &::-moz-selection{
+      background: get-dark-color('text-color');
+      color: get-dark-color('inverse-text-color');
+    }
     &::selection{
       background: get-dark-color('text-color');
       color: get-dark-color('inverse-text-color');

assets/styles/components/texts.scss

@@ -12,7 +12,7 @@ strong {
 
 p {
   color: get-light-color('text-color');
-  text-align: justify;
+  text-align: left;
   text-justify: inter-word;
 }
 
@@ -33,6 +33,10 @@ blockquote {
   }
 }
 
+.text-justify {
+  text-align: justify;
+}
+
 .text-muted {
   color: get-light-color('muted-text-color') !important;
 }
@@ -72,7 +76,8 @@ html[data-theme='dark'] {
   h2,
   h3,
   h4,
-  h5 {
+  h5,
+  h6 {
     color: get-dark-color('heading-color');
   }
 

assets/styles/layouts/list.scss

@@ -1,6 +1,6 @@
-// in Hugo, Page kind can be either "section" or "page".
-// if it is section, then it's a page with a list of items, for example /posts
-// if it is page, then it is a single page.
+/* in Hugo, Page kind can be either "section" or "page".*/
+/* if it is section, then it's a page with a list of items, for example /posts*/
+/* if it is page, then it is a single page.*/
 body.kind-section,
 body.kind-term,
 body.kind-page {

assets/styles/layouts/main.scss

@@ -53,7 +53,6 @@ body {
   ol > ol,
   li > ol,
   li > ul {
-    -webkit-padding-start: 1rem;
     padding-inline-start: 1rem;
   }
 }

assets/styles/layouts/single.scss

@@ -184,6 +184,7 @@ body.kind-page {
 
   #scroll-to-top {
     position: fixed;
+    border: none;
     bottom: 0rem;
     right: 1rem;
     color: get-light-color('accent-color');

assets/styles/navigators/navbar.scss

@@ -27,6 +27,7 @@
 
   .navbar-brand {
     color: get-light-color('heading-color');
+    text-decoration: none !important;
     font-weight: 600;
     img {
       width: 42px;

assets/styles/override.scss

@@ -1,6 +1,6 @@
 /* override this file for custom css */
 
-/* you can import boostrap mixins */
+/* you can import bootstrap mixins */
 // @import 'bootstrap/scss/mixins';
 // Example usage
 // .some-class {

assets/styles/sections/education.scss

@@ -129,6 +129,12 @@
               margin-bottom: 0;
             }
           }
+
+          .custom-section {
+            .custom-content {
+              padding-bottom: 0.5em;
+            }
+          }
         }
       }
     }
@@ -223,6 +229,11 @@ html[data-theme='dark'] {
               border-left: 2px solid get-dark-color('accent-color');
             }
           }
+          .custom-section {
+            .custom-content {
+              color: get-dark-color('text-color');
+            }
+          }
         }
       }
     }

assets/styles/sections/experiences.scss

@@ -32,14 +32,14 @@
 
       &::after {
         content: '';
-        position: absolute;
+        position: relative;
         border-left: 3px solid get-light-color('accent-color');
         z-index: 1;
         height: 100%;
-        left: 50%;
+        left: -23px;
       }
       &:nth-child(even)::after {
-        left: calc(50% - 3px) !important;
+        left: -26px;
       }
     }
     .horizontal-line {
@@ -52,6 +52,7 @@
         margin: 0;
         top: 17px;
         position: relative;
+        opacity: 1;
       }
       .timeline-side-div {
         display: flex;
@@ -92,6 +93,16 @@
     }
   }
 
+  .company-heading {
+    h5 {
+      display: inline;
+      margin-right: 0.25em;
+    }
+    p {
+      display: inline;
+    }
+  }
+
   @include media('<=medium') {
     .container {
       max-width: 100%;

assets/styles/sections/footer.scss

@@ -13,7 +13,8 @@
     @include transition();
     &:hover {
       margin-left: 5px;
-      text-decoration: get-light-color('muted-text-color') underline;
+      -webkit-text-decoration: get-light-color('muted-text-color') underline;
+              text-decoration: get-light-color('muted-text-color') underline;
       @include transition();
     }
   }
@@ -79,7 +80,8 @@ html[data-theme='dark'] {
     a {
       color: get-dark-color('muted-text-color');
       &:hover {
-        text-decoration: get-dark-color('muted-text-color') underline;
+        -webkit-text-decoration: get-dark-color('muted-text-color') underline;
+                text-decoration: get-dark-color('muted-text-color') underline;
       }
     }
 
@@ -95,6 +97,10 @@ html[data-theme='dark'] {
       background-color: get-dark-color('bg-primary');
       &:focus {
         background-color: get-dark-color('bg-secondary');
+        color: get-dark-color('text-color');
+      }
+      &::placeholder {
+        color: get-dark-color('muted-text-color');
       }
     }
 

assets/styles/sections/pdf-viewer.scss

@@ -42,7 +42,4 @@
   @keyframes spin {
     to { -webkit-transform: rotate(360deg); }
   }
-  @-webkit-keyframes spin {
-    to { -webkit-transform: rotate(360deg); }
-  }
 }

assets/styles/sections/projects.scss

@@ -35,6 +35,10 @@
 
   .project-card-footer {
     display: flex;
+    .badge {
+      margin-left: 0.1em;
+      margin-right: 0.1em;
+    }
   }
 
   .project-tags-holder {

assets/styles/sections/publications.scss

@@ -24,6 +24,14 @@
           float: right !important;
         }
       }
+
+      a[href] {
+        text-decoration: underline; /* Underline only when href is present */
+      }
+      
+      a:not([href]) {
+        text-decoration: none; /* No underline when href is absent */
+      }
     }
 
     .card-body {

content/notes/search.bn.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.cn.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.de.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.fr.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.hi.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.id.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.it.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.jp.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.ko.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.md

@@ -24,7 +24,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.ru.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/notes/search.vn.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.bn.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.cn.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.de.md

@@ -1,5 +1,5 @@
 ---
-title: "Search Results"
+title: "Suchergebnisse"
 date: 2010-06-08T08:06:25+06:00
 weight: 999999
 sitemap:
@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.fr.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.hi.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.id.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.it.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.jp.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.ko.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.ru.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

content/search/search.vn.md

@@ -26,7 +26,7 @@ Search  depends on additional output content type of JSON in config.toml
   home = ["HTML", "JSON"]
 \```
 
-## Searching additional fileds
+## Searching additional fields
 
 To search additional fields defined in front matter, you must add it in 2 places.
 

data/toha/styles.yml

@@ -1,6 +1,6 @@
 flags:
   styles:
-    - flag-icon-css/css/flag-icons
+    - flag-icons/css/flag-icons
 
 videoplayer:
   services:

exampleSite/go.mod

@@ -1,10 +1,10 @@
 module github.com/hugo-toha/toha/exampleSite
 
-go 1.19
-
-require (
-	github.com/hugo-toha/hugo-toha.github.io v0.0.0-20231031082630-2c32a26d2207 // indirect
-	github.com/hugo-toha/toha/v4 v4.0.0-20231113175302-e5230e8c93d8 // indirect
-)
+go 1.21
 
 replace github.com/hugo-toha/toha/v4 => ../
+
+require (
+	github.com/hugo-toha/hugo-toha.github.io v0.0.0-20241018183051-dd13c36f46b4 // indirect
+	github.com/hugo-toha/toha/v4 v4.7.0 // indirect
+)

exampleSite/go.sum

@@ -1,2 +1,2 @@
-github.com/hugo-toha/hugo-toha.github.io v0.0.0-20231031082630-2c32a26d2207 h1:T71lEaGpHYpdy8yKM5vaVwm+CJGt8wjHvPgVM+GjCJM=
-github.com/hugo-toha/hugo-toha.github.io v0.0.0-20231031082630-2c32a26d2207/go.mod h1:aTn1lQX1rbcbfbwNuWHG/L5DPtD+bEzQro49QyFlbEg=
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20241018183051-dd13c36f46b4 h1:Yc5SJ5NJx1xu3YO2gQZPeADXqhGdJgUGWiDxgEDuUrQ=
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20241018183051-dd13c36f46b4/go.mod h1:3N7k1DSQGy5Zn5IVp5nQ3QJ/VWh5dSxXO6stUS7txrg=

exampleSite/hugo.yaml

@@ -1,4 +1,3 @@
-
 baseURL: http://example.org/
 languageCode: en-us
 title: Example Site
@@ -22,7 +21,7 @@ module:
   mounts:
   - source: static/files
     target: static/files
-  - source: ./node_modules/flag-icon-css/flags
+  - source: ./node_modules/flag-icons/flags
     target: static/flags
   - source: ./node_modules/@fontsource/mulish/files
     target: static/files
@@ -33,14 +32,18 @@ module:
 # For any more details, you can check the official documentation: https://gohugo.io/content-management/multilingual/
 languages:
   en:
+    languageCode: en
     languageName: English
+    title: "John's Blog"
     weight: 1
   bn:
+    languageCode: bn
     languageName: বাংলা
-    weight: 3
+    title: "জনের ব্লগ"
+    weight: 2
 
-# Force a locale to be use, really useful to develop the application ! Should be commented in production, the "weight" should rocks.
-# DefaultContentLanguage: bn
+# default language for the content
+defaultContentLanguage: en
 
 # Allow raw html in markdown file
 markup:
@@ -60,6 +63,12 @@ outputs:
     - RSS
     - JSON
 
+# Configure custom path for RSS feed. Default is "index.xml"
+# Ref: https://gohugo.io/templates/output-formats/
+outputFormats:
+  rss:
+    baseName: rss # default is index
+
 # Enable global emoji support
 enableEmoji: true
 
@@ -89,7 +98,20 @@ params:
 
     # Enable dark theme
     darkMode:
+
+    # [Deprecated] Enable dark theme
+    # This is a deprecated setting, but has not been removed to maintain backward compatibility
+    # If `theme` is set, the `darkMode` setting will be discarded.
+    # darkMode:
+    #   enable: true
+
+    # Configure theme color settings
+    theme:
       enable: true
+      services:
+        light: true # enable light theme. default "true"
+        dark: true # enable dark theme. default "true"
+        default: system # can be either light, dark or system. default "system"
 
     # Enable and configure portfolio
     portfolio:
@@ -170,7 +192,16 @@ params:
         # matomo:
         #   instance: matomo.example.com
         #   siteId: 1 # Or any other number
-
+        # # Umami
+        # umami:
+        #   scheme: https
+        #   instance: umami.example.com
+        #   id: <your umami site id>
+        # # Statcounter
+        # statcounter:
+        #   project: 1234567890
+        #   invisible: 1
+        #   security: deadbeef
     # Enable Support
     support:
       enable: false
@@ -265,12 +296,15 @@ params:
         plyr:
           # options doc: https://github.com/sampotts/plyr#options
           # fullscreen: true
-    
+
+    # Enables copy code button
+    copyCodeButton:
+      enable: true
+
     # Enable reading time support in post cards and in post pages
     readingTime:
       enable: true
 
-
   # Provide footer configuration.
   footer:
     enable: true

exampleSite/package.json

@@ -15,7 +15,7 @@
       "eslint-plugin-promise": "github.com/hugo-toha/toha/v4",
       "feather-icons": "github.com/hugo-toha/toha/v4",
       "filterizr": "github.com/hugo-toha/toha/v4",
-      "flag-icon-css": "github.com/hugo-toha/toha/v4",
+      "flag-icons": "github.com/hugo-toha/toha/v4",
       "fuse.js": "github.com/hugo-toha/toha/v4",
       "highlight.js": "github.com/hugo-toha/toha/v4",
       "imagesloaded": "github.com/hugo-toha/toha/v4",
@@ -30,12 +30,11 @@
       "postcss-cli": "github.com/hugo-toha/toha/v4"
     }
   },
-  "dependencies": {},
   "devDependencies": {
     "@fontsource/mulish": "4.5.13",
-    "@fortawesome/fontawesome-free": "^6.2.0",
-    "autoprefixer": "^10.4.13",
-    "bootstrap": "^4.6.2",
+    "@fortawesome/fontawesome-free": "^6.6.0",
+    "autoprefixer": "^10.4.20",
+    "bootstrap": "^5.3.3",
     "eslint": "^8.31.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-config-standard": "^17.0.0",
@@ -45,19 +44,19 @@
     "eslint-plugin-promise": "^6.1.1",
     "feather-icons": "^4.29.1",
     "filterizr": "^2.2.4",
-    "flag-icon-css": "^4.1.7",
+    "flag-icons": "^7.2.3",
     "fuse.js": "^6.6.2",
     "highlight.js": "^11.6.0",
     "imagesloaded": "^5.0.0",
     "include-media": "^1.4.10",
     "ityped": "^1.0.3",
-    "katex": "^0.16.3",
+    "katex": "^0.16.11",
     "mark.js": "^8.11.1",
-    "mermaid": "^9.2.1",
+    "mermaid": "^11.6.0",
     "plyr": "^3.7.2",
     "popper.js": "^1.16.1",
-    "postcss": "^8.4.21",
-    "postcss-cli": "^8.3.1"
+    "postcss": "^8.4.41",
+    "postcss-cli": "^11.0.0"
   },
   "name": "exampleSite",
   "version": "0.1.0"

go.mod

@@ -1,3 +1,3 @@
 module github.com/hugo-toha/toha/v4
 
-go 1.19
+go 1.21

go.sum

@@ -0,0 +1,2 @@
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20240730212302-83b19f7bd3b7 h1:RRonNzaf6/Ou9PqfXeKiRywkd+9KY7SVgfGBQXqXshM=
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20240730212302-83b19f7bd3b7/go.mod h1:yWw1t3trnfzv4t1lA9zh5pSsI0+kqqyg58ir8/kt6zk=

hugo.yaml

@@ -1,6 +1,6 @@
 module:
   hugoVersion:
-    min: "0.118.0"
+    min: "0.146.0"
     extended: true
   mounts:
   - source: content
@@ -17,7 +17,7 @@ module:
     target: i18n
   - source: archetypes
     target: archetypes
-  - source: ../../node_modules/flag-icon-css/flags
+  - source: ../../node_modules/flag-icons/flags
     target: static/flags
   - source: ../../node_modules/@fontsource/mulish/files
     target: static/files

i18n/az.toml

@@ -0,0 +1,130 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Əsas Səhifə"
+
+[posts]
+other = "Yazılar"
+
+[toc_heading]
+other = "Məzmun Cədvəli"
+
+[tags]
+other = "Etiketlər"
+
+[categories]
+other = "Kateqoriyalar"
+
+[at]
+other = ","
+
+[resume]
+other = "CV"
+
+[navigation]
+other = "Menyu"
+
+[contact_me]
+other = "Əlaqə:"
+
+[email]
+other = "E-Poçt"
+
+[phone]
+other = "Telefon"
+
+[newsletter_text]
+other = "Yeni məzmunlardan xəbərdar olmaq üçün E-Poçt ünvanınızı daxil edin."
+
+[newsletter_input_placeholder]
+other = "E-Poçt ünvanını daxil edin."
+
+[newsletter_warning]
+other = "E-Poçt ünvanınızı daxil etsəniz, bu veb saytın xəbər bülletenini almağı qəbul etmiş olursunuz."
+
+[submit]
+other = "Təsdiqlə"
+
+[hugoAttributionText]
+other = ""
+
+[prev]
+other = "Əvvəlki"
+
+[next]
+other = "Sonraki"
+
+[share_on]
+other = "Paylaş"
+
+[improve_this_page]
+other = "Bu səhifəyə töhfə verin"
+
+[out_of]
+other = "/"
+
+[publications]
+other = "Akademik Nəşrlər"
+
+[taken_courses]
+other = "Keçirilmiş Kurslar"
+
+[course_name]
+other = "Kursun Adı"
+
+[total_credit]
+other = "Ümumi Kredit"
+
+[obtained_credit]
+other = "Qazandırılmış Kredit"
+
+[extracurricular_activities]
+other = "Kursdankənar Fəaliyyətlər"
+
+[show_more]
+other = "Daha Çox Göstər"
+
+[show_less]
+other = "Gizlət"
+
+[responsibilities]
+other = "Məsuliyyətlər:"
+
+[present]
+other = "Hal-hazırda"
+
+[comments_javascript]
+other = "Görmək üçün xahiş edirəm JavaScript-i aktiv edin"
+
+[comments_by]
+other = "Şərh edən"
+
+[read]
+other = "Oxu"
+
+[project_star]
+other = "Ulduz"
+
+[project_details]
+other = "Təfərrüatlar"
+
+[err_404]
+other = "Axtardığınız səhifə tapılmadı."
+
+[more]
+other = "Daha Çox"
+
+[view_certificate]
+other = "Sertifikatı Görüntülə"
+
+[notes]
+other = "Qeydlər"
+
+[disclaimer_text]
+other = "Məsuliyyət İnkarı"
+
+[search]
+other = "Axtar"
+
+[minute]
+one = "dəqiqə"
+other = "dəqiqə"

i18n/de.toml

@@ -96,7 +96,7 @@ other = "heute"
 other = "Bitte aktiviere JavaScript um die Kommentare zu sehen"
 
 [comments_by]
-other = "Kommentare Unterstützt von"
+other = "Kommentare unterstützt von"
 
 [read]
 other = "Lesen"
@@ -124,3 +124,7 @@ other = "Haftungshinweis"
 
 [search]
 other = "Suche"
+
+[minute]
+one = "Minute"
+other = "Minuten"

i18n/fi.toml

@@ -124,3 +124,7 @@ other = "Vastuuilmoitus"
 
 [search]
 other = "Haku"
+
+[minute]
+one = "minuutti"
+other = "minuuttia"

i18n/he.toml

@@ -0,0 +1,126 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "בית"
+
+[posts]
+other = "פוסטים"
+
+[toc_heading]
+other = "תוכן העניינים"
+
+[tags]
+other = "תגים"
+
+[categories]
+other = "קטגוריות"
+
+[at]
+other = "ב"
+
+[resume]
+other = "הקורות החיים שלי"
+
+[navigation]
+other = "ניווט"
+
+[contact_me]
+other = "צור קשר:"
+
+[email]
+other = "דוא\"ל"
+
+[phone]
+other = "טלפון"
+
+[newsletter_text]
+other = "הישאר מעודכן עם התראות בדוא\"ל"
+
+[newsletter_input_placeholder]
+other = "הכנס דוא\"ל"
+
+[newsletter_warning]
+other = "על ידי הזנת כתובת הדוא\"ל שלך, אתה מסכים לקבל את הניוזלטר של אתר זה."
+
+[submit]
+other = "שלח"
+
+[hugoAttributionText]
+other = "מופעל ע\"י"
+
+[prev]
+other = "הקודם"
+
+[next]
+other = "הבא"
+
+[share_on]
+other = "שתף ב"
+
+[improve_this_page]
+other = "שפר את הדף הזה"
+
+[out_of]
+other = "מתוך"
+
+[publications]
+other = "פרסומים"
+
+[taken_courses]
+other = "קורסים"
+
+[course_name]
+other = "שם הקורס"
+
+[total_credit]
+other = "נקודות זכות סך הכל"
+
+[obtained_credit]
+other = "נקודות זכות שהושגו"
+
+[extracurricular_activities]
+other = "פעילויות חוץ לימודיות"
+
+[show_more]
+other = "הצג יותר"
+
+[show_less]
+other = "הצג פחות"
+
+[responsibilities]
+other = "אחריות:"
+
+[present]
+other = "נוכחי"
+
+[comments_javascript]
+other = "אנא הפעל את JavaScript כדי לראות את"
+
+[comments_by]
+other = "תגובות מופעלות ע\"י"
+
+[read]
+other = "קרא"
+
+[project_star]
+other = "כוכב"
+
+[project_details]
+other = "פרטים"
+
+[err_404]
+other = "הדף שאתה מחפש אינו קיים עדיין."
+
+[more]
+other = "עוד"
+
+[view_certificate]
+other = "צפה בתעודה"
+
+[notes]
+other = "הערות"
+
+[disclaimer_text]
+other = "הבהרת אחריות"
+
+[search]
+other = "חיפוש"

i18n/tr.toml

@@ -93,16 +93,16 @@ other = "Sorumluluklar:"
 other = "Halen"
 
 [comments_javascript]
-other = "Görüntüleyebilmek için lüften Javascript etkinleştirin"
+other = "Görüntüleyebilmek için lüften JavaScript etkinleştirin"
 
 [comments_by]
-other = "comments powered by"
+other = "Yorum sağlayıcı"
 
 [read]
 other = "Oku"
 
 [project_star]
-other = "Star"
+other = "Yıldız"
 
 [project_details]
 other = "Detaylar"
@@ -124,3 +124,7 @@ other = "Yükümlülük Bildirisi"
 
 [search]
 other = "Ara"
+
+[minute]
+one = "dakika"
+other = "dakika"

i18n/zh-cn.toml

@@ -124,3 +124,7 @@ other = "免责声明"
 
 [search]
 other = "搜索"
+
+[minute]
+one = "分钟"
+other = "分钟"

i18n/zh-tw.toml

@@ -9,10 +9,10 @@ other = "文章"
 other = "目錄"
 
 [tags]
-other = "标签"
+other = "標籤"
 
 [categories]
-other = "类别"
+other = "類別"
 
 [at]
 other = "at"
@@ -42,7 +42,7 @@ other = "在此輸入您的電子郵件地址"
 other = "輸入您的電子郵件地址，即表示您同意接受本網站的最新消息"
 
 [submit]
-other = "提交"
+other = "送出"
 
 [hugoAttributionText]
 other = "Powered by"
@@ -63,10 +63,10 @@ other = "改善此頁面"
 other = "/"
 
 [publications]
-other = "出版"
+other = "著作"
 
 [taken_courses]
-other = "修習課程"
+other = "修課內容"
 
 [course_name]
 other = "課程名稱"
@@ -123,4 +123,8 @@ other = "筆記"
 other = "免責聲明"
 
 [search]
-other = "搜索"
+other = "搜尋"
+
+[minute]
+one = "分鐘"
+other = "分鐘"

layouts/_default/baseof.html

@@ -4,27 +4,20 @@
     <title>{{ .Page.Title }}</title>
     <!------ ADD COMMON HEADERS -------->
     {{- partial "header.html" . -}}
-    {{ template "_internal/opengraph.html" . }}
-    {{ template "_internal/twitter_cards.html" . }}
+    {{- partial "opengraph.html" . -}}
     <!------ ADD PAGE SPECIFIC HEADERS ------->
     {{ block "header" . }} {{ end }}
 
     <!--================= add analytics if enabled =========================-->
     {{- partial "analytics.html" . -}}
-    <script>
-      theme = localStorage.getItem('darkmode:color-scheme') || 'system';
-      if (theme == 'system') {
-        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-          theme = 'dark';
-        } else {
-          theme = 'light';
-        }
-      }
-      document.documentElement.setAttribute('data-theme', theme);
+    {{ with resources.Get "scripts/core/theme-scheme.js" | fingerprint }}
+    <script integrity="{{.Data.Integrity}}">
+     {{ .Content | safeJS }}
     </script>
+    {{ end }}
   </head>
 
-  <body class="type-{{ .Page.Type }} kind-{{ .Page.Kind }}" data-spy="scroll" data-target="#TableOfContents" data-offset="80">
+  <body class="type-{{ .Page.Type }} kind-{{ .Page.Kind }}" data-bs-spy="scroll" data-bs-target="#TableOfContents" data-bs-offset="80">
     <div class="container-fluid bg-secondary wrapper">
       <!----- ADD NAVBAR --------------->
       {{ block "navbar" . }} {{ end }}

layouts/_default/list.html

@@ -4,7 +4,7 @@
 
 {{ define "sidebar" }}
   {{ $homePage:="#" }}
-  {{ if site.IsMultiLingual }}
+  {{ if hugo.IsMultilingual }}
     {{ $homePage = (path.Join (cond ( eq .Language.Lang "en") "" .Language.Lang) .Type) }}
   {{ end }}
 
@@ -43,7 +43,7 @@
       {{ end }}
     </div>
     <div class="paginator">
-      {{ template "_internal/pagination.html" . }}
+      {{ partial "pagination.html" . }}
     </div>
   </div>
 </section>

layouts/_default/rss.xml

@@ -19,9 +19,9 @@
     <link>{{ .Permalink }}</link>
     <description>Recent content {{ if ne  .Title  .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
     <generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
-    <language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
-    <managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
-    <webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
+    <language>{{.}}</language>{{end}}{{ with .Site.Params.Author.email }}
+    <managingEditor>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Params.Author.email }}
+    <webMaster>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
     <copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
     <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
     {{- with .OutputFormats.Get "RSS" -}}
@@ -33,7 +33,7 @@
       <title>{{ .Title }}</title>
       <link>{{ .Permalink }}</link>
       <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
-      {{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
+      {{ with .Site.Params.Author.email }}<author>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</author>{{end}}
       <guid>{{ .Permalink }}</guid>
       <description>{{ .Summary | html }}</description>
     </item>

layouts/_default/search.html

@@ -4,7 +4,7 @@
 
 {{ define "sidebar" }}
   {{ $homePage:="#" }}
-  {{ if site.IsMultiLingual }}
+  {{ if hugo.IsMultilingual }}
     {{ $homePage = (path.Join (cond ( eq .Language.Lang "en") "" .Language.Lang) .Type) }}
   {{ end }}
 
@@ -28,28 +28,40 @@
 {{ end }}
 
 {{ define "content" }}
+<script>
+  document.body.classList.replace('kind-page', 'kind-section');
+</script>
 <section class="content-section" id="content-section">
   <div class="content container-fluid" id="content">
     <div class="container-fluid post-card-holder" id="post-card-holder">
-      <div id="search-results">
+      <div id="search-results" style="display: flex; flex-wrap: wrap;">
 
         <script id="search-result-template" type="text/x-js-template">
           <div class="post-card">
-            <a href="${link}" class="post-card-link">
-              <div class="card" style="min-height: 352px;"><a href="${link}" class="post-card-link">
+              <div class="card">
                 <div class="card-head">
+                  <a href="${link}" class="post-card-link">
                   <img class="card-img-top" src="${hero}" alt="Card Heading Image">
+                  </a>
                 </div>
                 <div class="card-body">
-                  <h5 class="card-title">${title}</h5>
-                  <p class="card-text post-summary">${summary}</p>
+                  <a href="${link}" class="post-card-link">
+                    <h5 class="card-title">${title}</h5>
+                    <p class="card-text post-summary">${summary}</p>
+                  </a>
+                  {{ if site.Params.features.tags.on_card }}
+                  <div class="tags">
+                    <ul style="padding-left: 0;">
+                    ${tags}
+                    </ul>
+                  </div>
+                  {{ end }}
                 </div>
                 <div class="card-footer">
-                  <span class="float-left">${date}</span>
-                  <a href="${link}" class="float-right btn btn-outline-info btn-sm">Read</a>
+                  <span class="float-start">${date}</span>
+                  <a href="${link}" class="float-end btn btn-outline-info btn-sm">Read</a>
                 </div>
               </div>
-	          </a>
           </div>
         </script>
 

layouts/_default/single.html

@@ -1,5 +1,8 @@
 {{ define "header" }}
 <meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Title }}{{ end }}" />
+{{ with .Params.relcanonical }}
+<link rel="canonical" href="{{ . | relLangURL }}" itemprop="url" />
+{{ end }}
 {{ end }}
 
 {{ define "navbar" }}
@@ -37,7 +40,7 @@
       <!--Content Start-->
       <div class="page-content">
         {{ if site.Params.features.blog.showAuthor | default true }}
-        <div class="author-profile ml-auto align-self-lg-center">
+        <div class="author-profile ms-auto align-self-lg-center">
           <img class="rounded-circle" src='{{ partial "helpers/get-author-image.html" . }}' alt="Author Image">
           <h5 class="author-name">{{ partial "helpers/get-author-name.html" . }}</h5>
           <p class="text-muted">{{ .Page.Date | time.Format ":date_full" }}{{ if site.Params.features.readingTime }} | {{ .ReadingTime }} {{i18n "minute" .ReadingTime }}{{ end }}</p>
@@ -45,13 +48,13 @@
         {{ else }}
         <div style="margin-bottom: 80px;"></div>
         {{ end }}
-        
+
         <div class="title">
           <h1>{{ .Page.Title }}</h1>
         </div>
 
         {{ if not (site.Params.features.blog.showAuthor | default true) }}
-        <div class="author-profile ml-auto align-self-lg-center">
+        <div class="author-profile ms-auto align-self-lg-center">
           <p class="text-muted">{{ .Page.Date | time.Format ":date_full" }}{{ if site.Params.features.readingTime }} | {{ .ReadingTime }} {{i18n "minute" .ReadingTime }}{{ end }}</p>
         </div>
         {{ end }}
@@ -64,7 +67,7 @@
         </div>
 
         <!-- Share or Contribute -->
-        <div class="row pl-3 pr-3">
+        <div class="row ps-3 pe-3">
         <!--Social Media Share Buttons-->
           <div class="col-md-6 share-buttons">
           {{ if site.Params.features.blog.shareButtons }}
@@ -157,15 +160,15 @@
       {{ end }}
 
       <!-- Keep backward compatibility with old config.yaml -->
-      {{ if site.DisqusShortname }}
-        {{ partial "comments/disqus.html" (dict (slice "disqus" "shortName")  site.DisqusShortname) }}
+      {{ if .Site.Config.Services.Disqus.Shortname }}
+        {{ partial "comments/disqus.html" (dict (slice "disqus" "shortName")  .Site.Config.Services.Disqus.Shortname) }}
       {{ end }}
 
       </div>
     </div>
   </div>
   <!--scroll back to top-->
-  <a id="scroll-to-top" class="btn"  data-toggle="tooltip" data-placement="left" title="Scroll to top">
+  <a id="scroll-to-top" class="btn" type="button" data-bs-toggle="tooltip" data-bs-placement="left" title="Scroll to top">
     <i class="fas fa-chevron-circle-up"></i>
   </a>
 </section>
@@ -175,7 +178,7 @@
   <section class="toc-section" id="toc-section">
     {{ if and site.Params.features.toc.enable ( .Params.enableTOC | default true ) }}
     <div class="toc-holder">
-      <h5 class="text-center pl-3">{{ i18n "toc_heading" }}</h5>
+      <h5 class="text-center ps-3">{{ i18n "toc_heading" }}</h5>
       <hr>
       <div class="toc">
         {{ .TableOfContents }}

layouts/categories/list.html

@@ -4,7 +4,7 @@
 
 {{ define "sidebar" }}
   {{ $homePage:="#" }}
-  {{ if site.IsMultiLingual }}
+  {{ if hugo.IsMultilingual }}
     {{ $homePage = (path.Join (cond ( eq .Language.Lang "en") "" .Language.Lang) .Type) }}
   {{ end }}
 
@@ -44,7 +44,7 @@
       {{ end }}
     </div>
     <div class="paginator">
-      {{ template "_internal/pagination.html" . }}
+      {{ partial "pagination.html" . }}
     </div>
   </div>
 </section>

layouts/index.html

@@ -17,19 +17,13 @@
     
     <!--================= add analytics if enabled =========================-->
     {{- partial "analytics.html" . -}}
-    <script>
-      theme = localStorage.getItem('darkmode:color-scheme') || 'system';
-      if (theme == 'system') {
-        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-          theme = 'dark';
-        } else {
-          theme = 'light';
-        }
-      }
-      document.documentElement.setAttribute('data-theme', theme);
+    {{ with resources.Get "scripts/core/theme-scheme.js" | fingerprint }}
+    <script integrity="{{.Data.Integrity}}">
+     {{ .Content | safeJS }}
     </script>
+    {{ end }}
   </head>
-  <body data-spy="scroll" data-target="#top-navbar" data-offset="100">
+  <body data-bs-spy="scroll" data-bs-target="#top-navbar" data-bs-offset="100">
 
     <!--- NAVBAR ------------------------->
     {{- partial "navigators/navbar.html" . -}}

layouts/notes/list.html

@@ -4,7 +4,7 @@
 
 {{ define "sidebar" }}
   {{ $homePage:="#" }}
-  {{ if site.IsMultiLingual }}
+  {{ if hugo.IsMultilingual }}
     {{ $homePage = (path.Join (cond ( eq .Language.Lang "en") "" .Language.Lang) .Type) }}
   {{ end }}
 
@@ -41,7 +41,7 @@
       {{ end }}
     </div>
     <div class="paginator">
-      {{ template "_internal/pagination.html" . }}
+      {{ partial "pagination.html" . }}
     </div>
   </div>
 </section>

layouts/notes/single.html

@@ -4,7 +4,7 @@
 
 {{ define "sidebar" }}
   {{ $homePage:="#" }}
-  {{ if site.IsMultiLingual }}
+  {{ if hugo.IsMultilingual }}
     {{ $homePage = (path.Join (cond ( eq .Language.Lang "en") "" .Language.Lang) .Type) }}
   {{ end }}
 

layouts/partials/analytics.html

@@ -2,60 +2,83 @@
 {{ with site.Params.features.analytics }}
     {{ if or .enable .enabled }}
         {{ with .services }}
-        <!-- Google Analytics -->
-        {{ with .google }}
-            {{ $privacyConfig:= dict (slice "Site" "Config" "Privacy" "GoogleAnalytics") $.Site.Config.Privacy.GoogleAnalytics }}
-            {{ $analyticsConfig := dict (slice "Site" "GoogleAnalytics") .id }}
-            {{ template "_internal/google_analytics.html" (merge $privacyConfig $analyticsConfig) }}
-        {{ end }}
+            <!-- Google Analytics -->
+            {{ with .google }}
+                {{ partial "google_analytics.html" . }}
+            {{ end }}
 
-        <!-- Counter.dev -->
-        {{ with .counterDev }}
-            <script src="https://cdn.counter.dev/script.js"
-                data-id="{{ .id }}"
-                data-utcoffset="1"
-            ></script>
-        {{ end }}
+            <!-- Counter.dev -->
+            {{ with .counterDev }}
+                <script src="https://cdn.counter.dev/script.js"
+                    data-id="{{ .id }}"
+                    data-utcoffset="1"
+                ></script>
+            {{ end }}
 
-        <!-- GoatCounter -->
-	{{ with .goatCounter }}
-		{{ with .code }}
-			<script data-goatcounter="https://{{ . }}.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
-    		{{ else }}
-     			<script data-goatcounter="https://{{ .instance }}/count" async src="https://{{ .instance }}/count.js"></script>
-		{{ end }}
-        {{ end }}
+            <!-- GoatCounter -->
+            {{ with .goatCounter }}
+                {{ with .code }}
+                    <script data-goatcounter="https://{{ . }}.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
+                    {{ else }}
+                        <script data-goatcounter="https://{{ .instance }}/count" async src="https://{{ .instance }}/count.js"></script>
+                {{ end }}
+            {{ end }}
 
-        <!-- Piwik/Matomo -->
-        {{ with .matomo }}
-        <!-- Matomo -->
-            <script>
-            var _paq = window._paq = window._paq || [];
-            /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-            _paq.push(['trackPageView']);
-            _paq.push(['enableLinkTracking']);
-            (function() {
-                var u="//{{ .instance }}/";
-                _paq.push(['setTrackerUrl', u+'matomo.php']);
-                _paq.push(['setSiteId', '{{ .siteId }}']);
-                var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-                g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-            })();
+            <!-- Piwik/Matomo -->
+            {{ with .matomo }}
+            <!-- Matomo -->
+                <script>
+                var _paq = window._paq = window._paq || [];
+                /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+                _paq.push(['trackPageView']);
+                _paq.push(['enableLinkTracking']);
+                (function() {
+                    var u="//{{ .instance }}/";
+                    _paq.push(['setTrackerUrl', u+'matomo.php']);
+                    _paq.push(['setSiteId', '{{ .siteId }}']);
+                    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+                    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+                })();
+                </script>
+            {{ end }}
+
+            {{ with .cloudflare }}
+                <!-- Cloudflare Web Analytics -->
+                <script defer src='https://static.cloudflareinsights.com/beacon.min.js'
+                    data-cf-beacon='{"token": "{{ .token }}"}'
+                ></script>
+                <!-- End Cloudflare Web Analytics -->
+            {{ end }}
+
+            {{ with .umami }}
+            <!-- Umami analytics -->
+            <script defer src='{{ or .scheme "https" }}://{{ or .instance "analytics.eu.umami.is" }}/script.js' data-website-id="{{ .id }}"></script>
+            <!-- End Umami analytics -->
+            {{end}}
+
+            {{ with .statcounter }}
+            <!-- Statcounter analytics -->
+            <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
+            <script type="text/javascript">
+              var sc_project = {{ .project }};
+              var sc_invisible = {{ .invisible }};
+              var sc_security = "{{ .security }}";
+              var scJsHost = (("https:" == document.location.protocol) ?
+                "https://www.statcounter.com/js/" : "https://www.statcounter.com/js/");
             </script>
-        {{ end }}
-
-        {{ with .cloudflare }}
-            <!-- Cloudflare Web Analytics -->
-            <script defer src='https://static.cloudflareinsights.com/beacon.min.js'
-                data-cf-beacon='{"token": "{{ .token }}"}'
-            ></script>
-            <!-- End Cloudflare Web Analytics -->
-        {{ end }}
+            <noscript>
+              <div class="statcounter"><a title="web counter" href="https://statcounter.com/" target="_blank"><img
+                    class="statcounter" src="https://c.statcounter.com/{{ .project }}/0/{{ .security }}/{{ .invisible }}/"
+                    alt="web counter" referrerPolicy="no-referrer-when-downgrade"></a></div>
+                <!-- End of Statcounter Code -->
+            </noscript>
+            <!-- End Statcounter analytics -->
+            {{ end }}
         {{ end }}
     {{ end }}
 {{ end }}
 
 <!-- Keep backwards compatibility and consistency with HUGO defaults -->
-{{ if site.GoogleAnalytics }}
-    {{ template "_internal/google_analytics.html" . }}
+{{ if .Site.Config.Services.GoogleAnalytics.ID }}
+    {{ partial "google_analytics.html" . }}
 {{ end }}

layouts/partials/cards/accomplishments.html

@@ -4,7 +4,7 @@
       <h5 class="card-title mb-0">{{ .name }}</h5>
       <div class="sub-title">
         <span><a href="{{ .organization.url }}" title="{{ .organization.name }}" target="_blank" rel="noopener">{{ .organization.name }}</a></span>
-        <span class="ml-2">{{ .timeline }}</span>
+        <span class="ms-2">{{ .timeline }}</span>
       </div>
     </div>
     <div class="card-body">
@@ -12,7 +12,7 @@
     </div>
     <div class="card-footer">
       {{ if .certificateURL }}
-        <a class="btn btn-outline-info ml-1 pl-2 mb-2" href="{{ .certificateURL }}" target="_blank" rel="noopener" role="button">{{ i18n "view_certificate"}}</a>
+        <a class="btn btn-outline-info ms-1 ps-2 mb-2" href="{{ .certificateURL }}" target="_blank" rel="noopener" role="button">{{ i18n "view_certificate"}}</a>
       {{ end }}
     </div>
   </div>

layouts/partials/cards/post.html

@@ -1,24 +1,26 @@
 <div class="post-card">
-  <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
-    <div class="card">
-      <div class="card-head">
+  <div class="card">
+    <div class="card-head">
+      <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
         <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}' alt="Hero Image">
-      </div>
-      <div class="card-body">
-        <h5 class="card-title">{{ .Title }}</h5>
-        <p class="card-text post-summary">{{ .Summary }}</p>
-        {{ if and site.Params.features.tags.enable site.Params.features.tags.on_card }}
-          {{ partial "misc/tags.html" .Params.tags }}
-        {{ end }}
-      </div>
-      <div class="card-footer">
-        <span class="float-left">
-            {{ .Date | time.Format ":date_full" }}
-            {{ if site.Params.features.readingTime }} | {{.ReadingTime}} {{ i18n "minute" .ReadingTime }} {{ end }}</span>
-        <a
-        href="{{ .RelPermalink | relLangURL }}"
-        class="float-right btn btn-outline-info btn-sm">{{ i18n "read" }}</a>
-      </div>
+      </a>
     </div>
-  </a>
+    <div class="card-body">
+      <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
+        <h5 class="card-title">{{ .Title }}</h5>
+        <p class="card-text post-summary">{{ .Summary | plainify }}</p>
+      </a>
+      {{ if and site.Params.features.tags.enable site.Params.features.tags.on_card }}
+        {{ partial "misc/tags.html" .Params.tags }}
+      {{ end }}
+    </div>
+    <div class="card-footer">
+      <span class="float-start">
+          {{ .Date | time.Format ":date_full" }}
+          {{ if site.Params.features.readingTime }} | {{.ReadingTime}} {{ i18n "minute" .ReadingTime }} {{ end }}</span>
+      <a
+      href="{{ .RelPermalink | relLangURL }}"
+      class="float-end btn btn-outline-info btn-sm">{{ i18n "read" }}</a>
+    </div>
+  </div>
 </div>

layouts/partials/cards/project.html

@@ -4,26 +4,48 @@
 >
   <div class="card mt-1">
     <div class="card">
-      <a class="card-header" href="{{ if .repo }}{{ .repo }}{{ else if .url }}{{ .url }}{{ else }}javascript:void(0){{ end }}" {{ if or .repo .url }}target="_blank" rel="noopener"{{ end }}>
-        <div>
-          <div class="d-flex">
-            {{ if .logo }}
-
-            {{ $logoImage:= resources.Get .logo}}
-            {{ if $logoImage }}
+      <a href="{{ if .repo }}{{ .repo }}{{ else if .url }}{{ .url }}{{ else }}javascript:void(0){{ end }}" {{ if or .repo .url }}target="_blank" rel="noopener"{{ end }}>
+        {{ if .image }}
+        <div class="card-head">
+          {{ $imageImage:= resources.Get .image}}
+          {{ if $imageImage }}
             {{/*  svg don't support "Fit" operation   */}}
-            {{ if ne $logoImage.MediaType.SubType "svg" }}
-              {{ $logoImage = $logoImage.Fit "24x24" }}
+            {{ if ne $imageImage.MediaType.SubType "svg" }}
+              {{ $imageImage = $imageImage.Fit "1000x1000" }}
             {{ end }}
+            <img class="card-img-top" src="{{ $imageImage.RelPermalink }}" alt="{{ .name }}" />
+          {{ end }}
+        </div>
+        {{ end }}
+        <div class="card-header">
+          <div>
+            <div class="d-flex">
+              {{ if .logo }}
 
-            <img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
-            {{ end }}
-            {{ end }}
-            <h5 class="card-title mb-0">{{ .name }}</h5>
-          </div>
-          <div class="sub-title">
-            <span>{{ .role }}</span>
-            <span>{{ .timeline }}</span>
+                {{ if eq (len (findRE ".*/.*" .logo) ) 0 }}
+
+                  <i style="padding-right: 0.25em" class="{{.logo}} h4"></i>
+
+                {{ else }}
+
+                  {{ $logoImage:= resources.Get .logo}}
+                    {{ if $logoImage }}
+                      {{/*  svg don't support "Fit" operation   */}}
+                      {{ if ne $logoImage.MediaType.SubType "svg" }}
+                        {{ $logoImage = $logoImage.Fit "24x24" }}
+                      {{ end }}
+                      <img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+                    {{ end }}
+                  {{ end }}
+
+              {{ end }}
+              
+              <h5 class="card-title mb-0">{{ .name }}</h5>
+            </div>
+            <div class="sub-title">
+              <span>{{ .role }}</span>
+              <span>{{ .timeline }}</span>
+            </div>
           </div>
         </div>
       </a>

layouts/partials/cards/publication.html

@@ -11,12 +11,22 @@
     <div class="card-header">
       <h5 class="card-title mb-0">{{ .title }}</h5>
       <div class="sub-title">
-        <span><a class="" href="{{.publishedIn.url}}">{{ .publishedIn.name }}</a></span>
-        <span class="ml-2">{{ .publishedIn.date }}</span>
+        <span>
+          {{ if .publishedIn.url }}
+          <a class="" href="{{.publishedIn.url}}">{{ .publishedIn.name }}</a>
+          {{ else }}
+          <a class="">{{ .publishedIn.name }}</a>
+          {{ end }}
+        </span>
+        <span class="ms-2">{{ .publishedIn.date }}</span>
       </div>
       <div class="authors">
         {{ range $index,$author:= .authors }}
-          <span class="mr-2"><a class="" href="{{.url}}">{{ .name }}</a></span>
+        {{if .url}}
+          <span class="me-2"><a class="" href="{{.url}}">{{ .name }}</a></span>
+        {{ else }}
+        <span class="me-2"><a class="">{{ .name }}</a></span>
+        {{ end }}
         {{ end }}
       </div>
     </div>
@@ -26,14 +36,16 @@
     <div class="card-footer">
       <div class="tags">
         {{ range $index,$tag:= .tags }}
-            <span class="btn badge btn-info ml-1 p-2">
+            <span class="btn badge btn-info ms-1 p-2">
               {{ $tag }}
             </span>
         {{ end }}
       </div>
+      {{ if .paper.url }}
       <div class="details-btn">
-        <a class="btn btn-outline-info ml-1 pl-2 mb-2" href="{{ .paper.url }}" target="_blank" rel="noopener" role="button">{{ i18n "project_details"}}</a>
+        <a class="btn btn-outline-info ms-1 ps-2 mb-2" href="{{ .paper.url }}" target="_blank" rel="noopener" role="button">{{ i18n "project_details"}}</a>
       </div>
+      {{ end }}
     </div>
   </div>
 </div>

layouts/partials/cards/skill.html

@@ -1,4 +1,6 @@
-<div class="col-xs-12 col-sm-6 col-lg-4 pt-2">
+<div class="col-xs-12 col-sm-6 col-lg-4 pt-2 filtr-item"
+  data-category='all, {{ with .categories }}{{ delimit . ","}}{{ end }}'
+>
   <a class="text-decoration-none" {{ if .url }}href="{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener"{{ end }}>
     <div class="card">
       <div class="card-head d-flex">
@@ -18,7 +20,7 @@
           <h5 class="card-title">{{ .name }}</h5>
         {{ end }}
       </div>
-      <div class="card-body">
+      <div class="card-body text-justify pt-1 pb-1">
         <p class="card-text">{{ .summary | markdownify }}</p>
       </div>
     </div>

layouts/partials/footer.html

@@ -66,7 +66,7 @@
 
   <footer id="footer" class="container-fluid text-center align-content-center footer pb-2">
     <div class="container pt-5">
-      <div class="row text-left">
+      <div class="row text-start">
         {{ if $navigationEnabled }}
         <div class="col-md-4 col-sm-12">
           <h5>{{ i18n "navigation" }}</h5>
@@ -106,7 +106,9 @@
                   <span><i class="fas fa-envelope"></i></span> <span>{{ $value }}</span>
                 </a></li>
               {{ else if (eq $key "phone") }}
-                <li><span><i class="fas fa-phone-alt"></i></span> <span>{{ $value }}</span></li>
+                <li><a href={{ printf "tel:%s" $value | safeURL }} target="_blank" rel="noopener">
+                  <span><i class="fas fa-phone-alt"></i></span> <span>{{ $value }}</span>
+                </a></li>
               {{ else if (eq $key "linkedin") }}
                 <li><a href={{ printf "https://www.linkedin.com/in/%s" $value }} target="_blank" rel="noopener">
                   <span><i class="fab fa-linkedin"></i></span> <span>{{ $author.name }}</span>
@@ -193,7 +195,7 @@
     {{ if $credentialsEnabled }}
     <hr />
     <div class="container">
-      <div class="row text-left">
+      <div class="row text-start">
         <div class="col-md-4">
           <a id="theme" href="https://github.com/hugo-toha/toha" target="_blank" rel="noopener">
             <img src="{{ $themeLogo }}" alt="Toha Theme Logo">
@@ -201,7 +203,7 @@
           </a>
         </div>
         <div class="col-md-4 text-center">{{ $copyrightNotice | markdownify }}</div>
-        <div class="col-md-4 text-right">
+        <div class="col-md-4 text-end">
           <a id="hugo" href="https://gohugo.io/" target="_blank" rel="noopener">{{ i18n "hugoAttributionText" }}
           <img
             src="{{ $hugoLogo }}"

layouts/partials/google_analytics.html

@@ -0,0 +1,22 @@
+{{ if site.Params.features.analytics.enabled }}
+  {{- with site.Params.features.analytics.services.google.id }}
+    {{- if strings.HasPrefix (lower .) "ua-" }}
+      {{- warnf "Google Analytics 4 (GA4) replaced Google Universal Analytics (UA) effective 1 July 2023. See https://support.google.com/analytics/answer/11583528. Create a GA4 property and data stream, then replace the Google Analytics ID in your site configuration with the new value." }}
+    {{- else }}
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
+      <script>
+        var doNotTrack = false;
+        if ({{ site.Params.features.analytics.services.google.respectDoNotTrack }}) {
+          var dnt = (navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack);
+          var doNotTrack = (dnt == "1" || dnt == "yes");
+        }
+        if (!doNotTrack) {
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', '{{ . }}');
+        }
+      </script>
+    {{- end }}
+  {{- end }}
+{{- end -}}

layouts/partials/header.html

@@ -18,3 +18,7 @@
 
   <link rel="icon" type="image/png" href="{{ $favicon }}" />
 {{end}}
+
+{{ with .OutputFormats.Get "rss" -}}
+  {{ printf `<link rel=%q type=%q href=%q title=%q>` .Rel .MediaType.Type .Permalink site.Title | safeHTML }}
+{{ end }}

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

@@ -1,7 +1,7 @@
 {{/*  Uses the top level site's config for a single author across all locales  */}}
 {{ $authorName:= site.Params.author.name }}
 
-{{/*  Overrides with the locale specifc author if provided  */}}
+{{/*  Overrides with the locale specific author if provided  */}}
 {{ if (index site.Data site.Language.Lang).author }}
   {{ $authorName = (index site.Data site.Language.Lang).author.name }}
 {{ end }}

layouts/partials/helpers/get-esbuild-options.html

@@ -69,15 +69,26 @@ params:
         #  id: foo
         #  name: bar
     
-    # The `darkMode` feature
-    darkmode:
+    # [Deprecated] The `darkMode` feature
+    # This is a deprecated setting, but has not been removed to maintain backward compatibility
+    # If `theme` is set, the `darkMode` setting will be discarded.
+    darkMode:
       enable: true
+  
+    # The `theme` feature
+    theme:
+      enable: true
+      services:
+        light: true # enable light theme. default "true"
+        dark: true # enable dark theme. default "true"
+        default: system # can be either light, dark or system. default "system"
 
 This helper will convert the above config into the following env vars:
 
   * `FEATURE_ANALYTICS=1`
   * `FEATURE_ANALYTICS_GOOGLE=1`
   * `FEATURE_DARKMODE=1`
+  * `FEATURE_THEME=1`
 
 In JS, you can use it like this:
 

layouts/partials/helpers/style-bundle.html

@@ -7,5 +7,5 @@
 {{- $scss := $template | resources.ExecuteAsTemplate "styles/application.scss" . -}}
 
 {{/*  Bundle application.scss  */}}
-{{- $bundle := $scss | resources.ToCSS $options | fingerprint -}}
+{{- $bundle := $scss | css.Sass $options | fingerprint -}}
 <link rel="stylesheet" href="{{ $bundle.RelPermalink }}" integrity="{{ $bundle.Data.Integrity }}" />

layouts/partials/misc/tags.html

@@ -1,8 +1,8 @@
 <div class="tags">
-    <ul style="padding-left: 0;">
-      {{ range . }}
-      {{ $url:= printf "tags/%s/" . }}
-      <li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn, btn-sm">{{ . }}</a></li>
-      {{ end }}
-    </ul>
+  <ul style="padding-left: 0;">
+    {{ range . }}
+    {{ $url:= printf "tags/%s/" . }}
+    <li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn btn-sm btn-info">{{ . }}</a></li>
+    {{ end }}
+  </ul>
 </div>

layouts/partials/navigators/lang-selector.html

@@ -1,21 +1,21 @@
 {{ $pageURL:= .RelPermalink }}
-{{ if site.IsMultiLingual }}
+{{ if hugo.IsMultilingual }}
   {{ $pageURL = strings.TrimPrefix (path.Join "/" .Language.Lang) $pageURL }}
 {{ end }}
 <li class="nav-item dropdown">
-    <a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    <a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         {{ if ne site.Params.features.flags.enable false }}
             {{ $countryCode := partial "helpers/country-code.html" . }}
-            <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+            <span class="fi fi-{{$countryCode}}"></span>
         {{ end }}
         {{ site.Language.LanguageName }}
     </a>
     <div class="dropdown-menu" aria-labelledby="languageSelector">
         {{ range site.Home.AllTranslations }}
-        <a class="dropdown-item nav-link languages-item" href="{{ path.Join "/" (cond (eq .Language.Lang "en") "" .Language.Lang) $pageURL }}">
+        <a class="dropdown-item nav-link languages-item" href="{{ path.Join "/" (cond (eq .Language.Lang $.Sites.Default.Language.Lang) "" .Language.Lang) $pageURL }}">
             {{ if ne site.Params.features.flags.enable false }}
                 {{ $countryCode := partial "helpers/country-code.html" . }}
-                <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+                <span class="fi fi-{{$countryCode}}"></span>
             {{ end }}
             {{ .Language.LanguageName }}
         </a>

layouts/partials/navigators/navbar.html

@@ -1,6 +1,8 @@
 {{/*  variables for enabling/disabling various features  */}}
 {{ $blogEnabled   := site.Params.features.blog.enable   | default false }}
+{{ $blogTitle  := site.Params.features.blog.title | default (i18n "posts") }}
 {{ $notesEnabled  := site.Params.features.notes.enable  | default false }}
+{{ $notesTitle := site.Params.features.notes.title  | default (i18n "notes") }}
 {{ $maxVisibleSections   := site.Params.topNavbar.maxVisibleSections   | default 5 }}
 
 {{/*  keep backward compatibility for blog post  */}}
@@ -11,6 +13,7 @@
 {{/* by default, don't use any logo */}}
 {{ $mainLogo := "" }}
 {{ $invertedLogo := "" }}
+{{ $darkLogo := "" }}
 
 {{/*  if custom logo has been provided, use them  */}}
 {{ if site.Params.logo.main }}
@@ -19,11 +22,14 @@
 {{ if site.Params.logo.inverted }}
   {{ $invertedLogo = site.Params.logo.inverted }}
 {{ end }}
+{{ if site.Params.logo.dark }}
+  {{ $darkLogo = site.Params.logo.dark }}
+{{ end }}
 
 {{/* resize the logos. don't resize svg because it is not supported */}}
 {{ if $mainLogo }}
   {{ $mainLogo = resources.Get $mainLogo}}
-  {{ if and $mainLogo (ne $mainLogo.MediaType.SubType "svg") }}
+  {{ if and $mainLogo (not (or (eq $mainLogo.MediaType.SubType "svg") (eq $mainLogo.MediaType.SubType "gif"))) }}
     {{ $mainLogo = $mainLogo.Resize "42x" }}
   {{ end }}
   {{ $mainLogo = $mainLogo.RelPermalink}}
@@ -31,12 +37,20 @@
 
 {{ if $invertedLogo }}
   {{ $invertedLogo = resources.Get $invertedLogo}}
-  {{ if and $invertedLogo (ne $invertedLogo.MediaType.SubType "svg")}}
+  {{ if and $invertedLogo (not (or (eq $invertedLogo.MediaType.SubType "svg") (eq $invertedLogo.MediaType.SubType "gif"))) }}
     {{ $invertedLogo = $invertedLogo.Resize "42x" }}
   {{ end }}
   {{ $invertedLogo = $invertedLogo.RelPermalink}}
 {{ end }}
 
+{{ if $darkLogo }}
+  {{ $darkLogo = resources.Get $darkLogo}}
+  {{ if and $darkLogo (not (or (eq $darkLogo.MediaType.SubType "svg") (eq $darkLogo.MediaType.SubType "gif"))) }}
+    {{ $darkLogo = $darkLogo.Resize "42x" }}
+  {{ end }}
+  {{ $darkLogo = $darkLogo.RelPermalink}}
+{{ end }}
+
 {{ $logo := $mainLogo }}
 {{ if .IsHome }}
   {{ $logo = $invertedLogo }}
@@ -52,6 +66,11 @@
   {{ $sections = (index site.Data site.Language.Lang).sections }}
 {{ end }}
 
+{{ $navBarTitle := (index site.Data site.Language.Lang).site.navBarTitle }}
+{{ if not $navBarTitle }}
+  {{ $navBarTitle = site.Title }}
+{{ end }}
+
 <nav class="navbar navbar-expand-xl top-navbar shadow {{ if .IsHome}}transparent-navbar homepage{{end}}" id="top-navbar">
   <div class="container">
     {{ if not .IsHome }}
@@ -63,21 +82,21 @@
       {{ if $logo }}
         <img src="{{ $logo }}" id="logo" alt="Logo">
       {{ end }}
-      {{- site.Title -}}
+      {{- $navBarTitle -}}
     </a>
     <button
       class="navbar-toggler {{if .IsHome}}navbar-dark{{else}}navbar-light{{end}}"
       id="navbar-toggler"
       type="button"
-      data-toggle="collapse"
-      data-target="#top-nav-items"
+      data-bs-toggle="collapse"
+      data-bs-target="#top-nav-items"
       aria-label="menu"
     >
       <i data-feather="menu"></i>
     </button>
 
     <div class="collapse navbar-collapse dynamic-navbar" id="top-nav-items">
-      <ul class="nav navbar-nav ml-auto">
+      <ul class="nav navbar-nav ms-auto">
         <li class="nav-item">
           <a class="nav-link" href="{{ if .IsHome }}#home{{else}}{{ site.BaseURL | relLangURL }}#home{{end}}">{{ i18n "home" }}</a>
         </li>
@@ -95,7 +114,7 @@
           {{- end }}
           {{ if gt $sectionCount $maxVisibleSections }}
           <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{i18n "more" }}</a>
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{i18n "more" }}</a>
             <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                 {{ $sectionCount := 1 }}
                 {{ range sort $sections "section.weight" }}
@@ -116,12 +135,12 @@
         {{ end }}
         {{ if $blogEnabled }}
           <li class="nav-item">
-            <a class="nav-link" id="blog-link" href="{{ path.Join (site.BaseURL | relLangURL) "posts" }}">{{ i18n "posts" }}</a>
+            <a class="nav-link" id="blog-link" href="{{ path.Join (site.BaseURL | relLangURL) "posts" }}">{{ $blogTitle }}</a>
           </li>
         {{ end }}
         {{ if $notesEnabled }}
           <li class="nav-item">
-            <a class="nav-link" id="note-link" href="{{ path.Join (site.BaseURL | relLangURL) "notes" }}">{{ i18n "notes" }}</a>
+            <a class="nav-link" id="note-link" href="{{ path.Join (site.BaseURL | relLangURL) "notes" }}">{{ $notesTitle }}</a>
           </li>
         {{ end }}
         {{ range $customMenus }}
@@ -134,7 +153,7 @@
         {{ if .IsTranslated }}
           {{ partial "navigators/lang-selector.html" . }}
         {{ end }}
-        {{ if site.Params.features.darkMode.enable }}
+        {{ if or site.Params.features.darkMode.enable site.Params.features.theme.enable }}
           {{ partial "navigators/theme-selector.html" . }}
         {{ end }}
       </ul>
@@ -147,4 +166,7 @@
   {{ if $invertedLogo }}
     <img src="{{ $invertedLogo }}" class="d-none" id="inverted-logo" alt="Inverted Logo">
   {{ end }}
+  {{ if $darkLogo }}
+    <img src="{{ $darkLogo }}" class="d-none" id="dark-logo" alt="Dark Logo">
+  {{ end }}
 </nav>

layouts/partials/navigators/theme-selector.html

@@ -1,17 +1,31 @@
+{{/*  variables for enabling/disabling various features  */}}
+{{ $darkEnabled  := true }}
+{{ $lightEnabled := true }}
+{{ if site.Params.features.theme.enable }}
+  {{ $darkEnabled   = site.Params.features.theme.services.dark   | default true }}
+  {{ $lightEnabled  = site.Params.features.theme.services.light  | default true }}
+{{ end }}
+
 <li class="nav-item dropdown">
 <a class="nav-link dropdown-toggle"  href="#" id="themeSelector" role="button"
-  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+  data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   <img id="navbar-theme-icon-svg" class="theme-icon" src="{{ "icons/moon-svgrepo-com.svg" | relURL }}" width=20 alt="Dark Theme">
 </a>
 <div id="themeMenu" class="dropdown-menu dropdown-menu-icons-only" aria-labelledby="themeSelector">
+  {{ if $lightEnabled }}
   <a class="dropdown-item nav-link" href="#" data-scheme="light">
     <img class="theme-icon" src="{{ "icons/sun-svgrepo-com.svg" | relURL }}" width=20 alt="Light Theme">
   </a>
+  {{ end }}
+  {{ if $darkEnabled }}
   <a class="dropdown-item nav-link" href="#" data-scheme="dark">
     <img class="theme-icon" src="{{ "icons/moon-svgrepo-com.svg" | relURL }}" width=20 alt="Dark Theme">
   </a>
+  {{ end }}
+  {{ if and $lightEnabled $darkEnabled }}
   <a class="dropdown-item nav-link" href="#" data-scheme="system">
     <img class="theme-icon" src="{{ "icons/computer-svgrepo-com.svg" | relURL }}" width=20 alt="System Theme">
   </a>
+  {{ end }}
 </div>
 </li>