.github/workflows/autoprefixer.yml

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

.github/workflows/codeql-analysis.yml

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

.github/workflows/enforce-lablel.yml

@@ -1,16 +0,0 @@
-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.1.0
+    - uses: release-drafter/release-drafter@v6.0.0
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/pull-request.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # checkout to the commit that has been pushed
-    - uses: actions/checkout@v4.2.2
+    - uses: actions/checkout@v4.1.5
 
     - name: Setup Node
       uses: actions/setup-node@v4
@@ -35,7 +35,7 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4.2.2
+    - uses: actions/checkout@v4.1.5
 
     - name: Setup Node
       uses: actions/setup-node@v4
@@ -73,11 +73,20 @@ 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.2.2
+    - uses: actions/checkout@v4.1.5
     # run markdown linter
-    - uses: gaurav-nelson/github-action-markdown-link-check@1.0.17
+    - uses: gaurav-nelson/github-action-markdown-link-check@1.0.15

README.md

@@ -56,7 +56,6 @@ For more details about the features please visit [here](https://toha-guides.netl
 - Deutsch
 - Español
 - 简体中文
-- 繁體中文
 - हिन्दी
 - Italiano
 - 日本語
@@ -64,7 +63,6 @@ For more details about the features please visit [here](https://toha-guides.netl
 - русский
 - suomi
 - Tiếng Việt
-- Azerbaijan
 - Turkish
 - Arabic (العربية)
 - Português Europeu
@@ -93,7 +91,7 @@ Here are few screenshots from the [example site](https://hugo-toha.github.io).
 
 ## Requirements
 
-- Hugo Version 0.128.0 (extended) or higher
+- Hugo Version 0.118.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.
 
@@ -113,7 +111,7 @@ hugo mod init github.com/<your username>/<your repo name>
 
 ##### 2. Add this theme as your module dependency
 
-Now, in your `hugo.yaml` file, add a `module` section.
+Now, in your `config.yaml` file, add a `module` section.
 
 ```yaml
 # Use Hugo modules to add theme
@@ -122,7 +120,7 @@ module:
   - path: github.com/hugo-toha/toha/v4
 ```
 
-Check this sample [hugo.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/hugo.yaml) for further reference.
+Check this sample [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml) for further reference.
 
 ##### 3. Update your module
 
@@ -209,7 +207,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 `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.
+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.
 
 #### Running the forked theme against your own site
 

assets/scripts/core/theme-scheme.js

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

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

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

assets/scripts/features/darkmode/index.js

@@ -67,4 +67,4 @@ function setImages(newScheme) {
       if (dark !== null) dark.style.display = 'none'
     }
   }
-}
+}

assets/scripts/features/index.js

@@ -10,10 +10,6 @@ if (process.env.FEATURE_DARKMODE === '1') {
   import('./darkmode')
 }
 
-if (process.env.FEATURE_THEME === '1') {
-  import('./theme')
-}
-
 if (process.env.FEATURE_FLOWCHART === '1') {
   import('./flowchart')
 }
@@ -29,7 +25,3 @@ 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

@@ -1,88 +0,0 @@
-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.1,
+    threshold: 0.0,
     tokenize: true,
     location: 0,
     distance: 100,

assets/scripts/sections/index.js

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

assets/scripts/sections/navbar.js

@@ -54,9 +54,8 @@ 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' && !e.target.classList.contains("dropdown-toggle")) {
+      if (e.target.tagName === 'A') {
         el.classList.add('collapse')
-        el.classList.remove('show')
       }
     })
   })

assets/scripts/sections/skills.js

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

@@ -102,40 +102,6 @@
   }
 }
 
-.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;
@@ -203,15 +169,4 @@ 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,11 +9,6 @@
     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 {
@@ -22,17 +17,12 @@
     overflow: hidden;
   }
 
-  .card-title {
-    font-size: large;
-  }
-
   .card-body {
-    text-align: left;
+    text-align: justify;
   }
 
   .card-img-top {
-    -o-object-fit: cover;
-       object-fit: cover;
+    object-fit: cover;
     @include transition();
   }
 
@@ -71,8 +61,7 @@
     &:focus {
       .card-img-top {
         transform: scale(1.2);
-        -o-object-fit: cover;
-           object-fit: cover;
+        object-fit: cover;
         @include transition();
       }
     }

assets/styles/components/images.scss

@@ -55,22 +55,4 @@ html[data-theme='dark'] {
 .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

@@ -8,8 +8,7 @@ a {
 
   &:hover,
   &:focus {
-    -webkit-text-decoration: get-light-color('hover-over-accent-color') underline;
-            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();
   }
@@ -67,8 +66,7 @@ html[data-theme='dark'] {
 
     &:hover,
     &:focus {
-      -webkit-text-decoration: get-dark-color('hover-over-accent-color') underline;
-              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');
     }
   }

assets/styles/components/tables.scss

@@ -96,10 +96,6 @@ 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: left;
+  text-align: justify;
   text-justify: inter-word;
 }
 
@@ -33,10 +33,6 @@ blockquote {
   }
 }
 
-.text-justify {
-  text-align: justify;
-}
-
 .text-muted {
   color: get-light-color('muted-text-color') !important;
 }
@@ -76,8 +72,7 @@ html[data-theme='dark'] {
   h2,
   h3,
   h4,
-  h5,
-  h6 {
+  h5 {
     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,6 +53,7 @@ body {
   ol > ol,
   li > ol,
   li > ul {
+    -webkit-padding-start: 1rem;
     padding-inline-start: 1rem;
   }
 }

assets/styles/sections/education.scss

@@ -229,11 +229,6 @@ 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/footer.scss

@@ -13,8 +13,7 @@
     @include transition();
     &:hover {
       margin-left: 5px;
-      -webkit-text-decoration: get-light-color('muted-text-color') underline;
-              text-decoration: get-light-color('muted-text-color') underline;
+      text-decoration: get-light-color('muted-text-color') underline;
       @include transition();
     }
   }
@@ -80,8 +79,7 @@ html[data-theme='dark'] {
     a {
       color: get-dark-color('muted-text-color');
       &:hover {
-        -webkit-text-decoration: get-dark-color('muted-text-color') underline;
-                text-decoration: get-dark-color('muted-text-color') underline;
+        text-decoration: get-dark-color('muted-text-color') underline;
       }
     }
 
@@ -97,10 +95,6 @@ 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,4 +42,7 @@
   @keyframes spin {
     to { -webkit-transform: rotate(360deg); }
   }
+  @-webkit-keyframes spin {
+    to { -webkit-transform: rotate(360deg); }
+  }
 }

assets/styles/sections/publications.scss

@@ -24,14 +24,6 @@
           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 {

config.yaml

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

data/toha/styles.yml

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

exampleSite/go.mod

@@ -1,10 +1,10 @@
 module github.com/hugo-toha/toha/exampleSite
 
-go 1.21
-
-replace github.com/hugo-toha/toha/v4 => ../
+go 1.19
 
 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
+	github.com/hugo-toha/hugo-toha.github.io v0.0.0-20240319164719-d8a7e99b594d // indirect
+	github.com/hugo-toha/toha/v4 v4.4.0 // indirect
 )
+
+replace github.com/hugo-toha/toha/v4 => ../

exampleSite/go.sum

@@ -1,2 +1,4 @@
-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=
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20240319164719-d8a7e99b594d h1:TWNaAG2e1EZDvtl64fjyriR/qc8m7qaKnN13DgKzkFk=
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20240319164719-d8a7e99b594d/go.mod h1:BRsZS1LeIc+eSM2OWSOeXDNeZUNRcTlJtw1bL874AfQ=
+github.com/hugo-toha/toha/v4 v4.4.0 h1:RdRpjfsPgE+VXb/m3Rl+1n86pVZTrplsDvtXYK3wNh0=
+github.com/hugo-toha/toha/v4 v4.4.0/go.mod h1:p/K34lqlqmhzfPd4cx66od7sjlROBqhMxG30mJz+aKQ=

exampleSite/hugo.yaml

@@ -1,3 +1,4 @@
+
 baseURL: http://example.org/
 languageCode: en-us
 title: Example Site
@@ -21,7 +22,7 @@ module:
   mounts:
   - source: static/files
     target: static/files
-  - source: ./node_modules/flag-icons/flags
+  - source: ./node_modules/flag-icon-css/flags
     target: static/flags
   - source: ./node_modules/@fontsource/mulish/files
     target: static/files
@@ -63,12 +64,6 @@ 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
 
@@ -98,20 +93,7 @@ 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:
@@ -197,11 +179,7 @@ params:
         #   scheme: https
         #   instance: umami.example.com
         #   id: <your umami site id>
-        # # Statcounter
-        # statcounter:
-        #   project: 1234567890
-        #   invisible: 1
-        #   security: deadbeef
+
     # Enable Support
     support:
       enable: false
@@ -296,15 +274,12 @@ 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-icons": "github.com/hugo-toha/toha/v4",
+      "flag-icon-css": "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,10 +30,11 @@
       "postcss-cli": "github.com/hugo-toha/toha/v4"
     }
   },
+  "dependencies": {},
   "devDependencies": {
     "@fontsource/mulish": "4.5.13",
-    "@fortawesome/fontawesome-free": "^6.6.0",
-    "autoprefixer": "^10.4.20",
+    "@fortawesome/fontawesome-free": "^6.2.0",
+    "autoprefixer": "^10.4.13",
     "bootstrap": "^5.3.3",
     "eslint": "^8.31.0",
     "eslint-config-prettier": "^8.6.0",
@@ -44,19 +45,19 @@
     "eslint-plugin-promise": "^6.1.1",
     "feather-icons": "^4.29.1",
     "filterizr": "^2.2.4",
-    "flag-icons": "^7.2.3",
+    "flag-icon-css": "^4.1.7",
     "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.11",
+    "katex": "^0.16.10",
     "mark.js": "^8.11.1",
-    "mermaid": "^11.6.0",
+    "mermaid": "^9.2.1",
     "plyr": "^3.7.2",
     "popper.js": "^1.16.1",
-    "postcss": "^8.4.41",
-    "postcss-cli": "^11.0.0"
+    "postcss": "^8.4.21",
+    "postcss-cli": "^8.3.1"
   },
   "name": "exampleSite",
   "version": "0.1.0"

go.mod

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

go.sum

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

i18n/az.toml

@@ -1,130 +0,0 @@
-# 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,7 +124,3 @@ other = "Haftungshinweis"
 
 [search]
 other = "Suche"
-
-[minute]
-one = "Minute"
-other = "Minuten"

i18n/zh-cn.toml

@@ -124,7 +124,3 @@ 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,8 +123,4 @@ other = "筆記"
 other = "免責聲明"
 
 [search]
-other = "搜尋"
-
-[minute]
-one = "分鐘"
-other = "分鐘"
+other = "搜索"

layouts/_default/baseof.html

@@ -4,17 +4,24 @@
     <title>{{ .Page.Title }}</title>
     <!------ ADD COMMON HEADERS -------->
     {{- partial "header.html" . -}}
-    {{- partial "opengraph.html" . -}}
+    {{ template "_internal/opengraph.html" . }}
+    {{ template "_internal/twitter_cards.html" . }}
     <!------ ADD PAGE SPECIFIC HEADERS ------->
     {{ block "header" . }} {{ end }}
 
     <!--================= add analytics if enabled =========================-->
     {{- partial "analytics.html" . -}}
-    {{ with resources.Get "scripts/core/theme-scheme.js" | fingerprint }}
-    <script integrity="{{.Data.Integrity}}">
-     {{ .Content | safeJS }}
+    <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);
     </script>
-    {{ end }}
   </head>
 
   <body class="type-{{ .Page.Type }} kind-{{ .Page.Kind }}" data-bs-spy="scroll" data-bs-target="#TableOfContents" data-bs-offset="80">

layouts/_default/list.html

@@ -43,7 +43,7 @@
       {{ end }}
     </div>
     <div class="paginator">
-      {{ partial "pagination.html" . }}
+      {{ template "_internal/pagination.html" . }}
     </div>
   </div>
 </section>

layouts/_default/single.html

@@ -1,8 +1,5 @@
 {{ 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" }}
@@ -48,7 +45,7 @@
         {{ else }}
         <div style="margin-bottom: 80px;"></div>
         {{ end }}
-
+        
         <div class="title">
           <h1>{{ .Page.Title }}</h1>
         </div>

layouts/categories/list.html

@@ -44,7 +44,7 @@
       {{ end }}
     </div>
     <div class="paginator">
-      {{ partial "pagination.html" . }}
+      {{ template "_internal/pagination.html" . }}
     </div>
   </div>
 </section>

layouts/index.html

@@ -17,11 +17,17 @@
     
     <!--================= add analytics if enabled =========================-->
     {{- partial "analytics.html" . -}}
-    {{ with resources.Get "scripts/core/theme-scheme.js" | fingerprint }}
-    <script integrity="{{.Data.Integrity}}">
-     {{ .Content | safeJS }}
+    <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);
     </script>
-    {{ end }}
   </head>
   <body data-bs-spy="scroll" data-bs-target="#top-navbar" data-bs-offset="100">
 

layouts/notes/list.html

@@ -41,7 +41,7 @@
       {{ end }}
     </div>
     <div class="paginator">
-      {{ partial "pagination.html" . }}
+      {{ template "_internal/pagination.html" . }}
     </div>
   </div>
 </section>

layouts/partials/analytics.html

@@ -4,7 +4,9 @@
         {{ with .services }}
             <!-- Google Analytics -->
             {{ with .google }}
-                {{ partial "google_analytics.html" . }}
+                {{ $privacyConfig:= dict (slice "Site" "Config" "Privacy" "GoogleAnalytics") $.Site.Config.Privacy.GoogleAnalytics }}
+                {{ $analyticsConfig := dict (slice "Site" "Config" "Services" "GoogleAnalytics" "ID") .id }}
+                {{ template "_internal/google_analytics.html" (merge $privacyConfig $analyticsConfig) }}
             {{ end }}
 
             <!-- Counter.dev -->
@@ -55,30 +57,11 @@
             <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>
-            <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.Config.Services.GoogleAnalytics.ID }}
-    {{ partial "google_analytics.html" . }}
+    {{ template "_internal/google_analytics.html" . }}
 {{ end }}

layouts/partials/cards/post.html

@@ -8,7 +8,7 @@
     <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>
+        <p class="card-text post-summary">{{ .Summary }}</p>
       </a>
       {{ if and site.Params.features.tags.enable site.Params.features.tags.on_card }}
         {{ partial "misc/tags.html" .Params.tags }}

layouts/partials/cards/project.html

@@ -4,48 +4,34 @@
 >
   <div class="card mt-1">
     <div class="card">
-      <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 $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 }}
+      <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 }}
 
-                {{ if eq (len (findRE ".*/.*" .logo) ) 0 }}
+              {{ if eq (len (findRE ".*/.*" .logo) ) 0 }}
 
-                  <i style="padding-right: 0.25em" class="{{.logo}} h4"></i>
+                <i style="padding-right: 0.25em" class="{{.logo}} h4"></i>
 
-                {{ else }}
+              {{ 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 }}" />
+                {{ $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>
+            {{ end }}
+            
+            <h5 class="card-title mb-0">{{ .name }}</h5>
+          </div>
+          <div class="sub-title">
+            <span>{{ .role }}</span>
+            <span>{{ .timeline }}</span>
           </div>
         </div>
       </a>

layouts/partials/cards/publication.html

@@ -11,22 +11,12 @@
     <div class="card-header">
       <h5 class="card-title mb-0">{{ .title }}</h5>
       <div class="sub-title">
-        <span>
-          {{ if .publishedIn.url }}
-          <a class="" href="{{.publishedIn.url}}">{{ .publishedIn.name }}</a>
-          {{ else }}
-          <a class="">{{ .publishedIn.name }}</a>
-          {{ end }}
-        </span>
+        <span><a class="" href="{{.publishedIn.url}}">{{ .publishedIn.name }}</a></span>
         <span class="ms-2">{{ .publishedIn.date }}</span>
       </div>
       <div class="authors">
         {{ range $index,$author:= .authors }}
-        {{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>
@@ -41,11 +31,9 @@
             </span>
         {{ end }}
       </div>
-      {{ if .paper.url }}
       <div class="details-btn">
         <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,6 +1,4 @@
-<div class="col-xs-12 col-sm-6 col-lg-4 pt-2 filtr-item"
-  data-category='all, {{ with .categories }}{{ delimit . ","}}{{ end }}'
->
+<div class="col-xs-12 col-sm-6 col-lg-4 pt-2">
   <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">
@@ -20,7 +18,7 @@
           <h5 class="card-title">{{ .name }}</h5>
         {{ end }}
       </div>
-      <div class="card-body text-justify pt-1 pb-1">
+      <div class="card-body">
         <p class="card-text">{{ .summary | markdownify }}</p>
       </div>
     </div>

layouts/partials/footer.html

@@ -106,9 +106,7 @@
                   <span><i class="fas fa-envelope"></i></span> <span>{{ $value }}</span>
                 </a></li>
               {{ else if (eq $key "phone") }}
-                <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>
+                <li><span><i class="fas fa-phone-alt"></i></span> <span>{{ $value }}</span></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>

layouts/partials/google_analytics.html

@@ -1,22 +0,0 @@
-{{ 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,7 +18,3 @@
 
   <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-esbuild-options.html

@@ -69,26 +69,15 @@ params:
         #  id: foo
         #  name: bar
     
-    # [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:
+    # The `darkMode` feature
+    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 | css.Sass $options | fingerprint -}}
+{{- $bundle := $scss | resources.ToCSS $options | fingerprint -}}
 <link rel="stylesheet" href="{{ $bundle.RelPermalink }}" integrity="{{ $bundle.Data.Integrity }}" />

layouts/partials/navigators/lang-selector.html

@@ -6,16 +6,16 @@
     <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="fi fi-{{$countryCode}}"></span>
+            <span class="flag-icon flag-icon-{{$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 $.Sites.Default.Language.Lang) "" .Language.Lang) $pageURL }}">
+        <a class="dropdown-item nav-link languages-item" href="{{ path.Join "/" (cond (eq .Language.Lang $.Sites.First.Language.Lang) "" .Language.Lang) $pageURL }}">
             {{ if ne site.Params.features.flags.enable false }}
                 {{ $countryCode := partial "helpers/country-code.html" . }}
-                <span class="fi fi-{{$countryCode}}"></span>
+                <span class="flag-icon flag-icon-{{$countryCode}}"></span>
             {{ end }}
             {{ .Language.LanguageName }}
         </a>

layouts/partials/navigators/navbar.html

@@ -1,8 +1,6 @@
 {{/*  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  */}}
@@ -13,7 +11,6 @@
 {{/* by default, don't use any logo */}}
 {{ $mainLogo := "" }}
 {{ $invertedLogo := "" }}
-{{ $darkLogo := "" }}
 
 {{/*  if custom logo has been provided, use them  */}}
 {{ if site.Params.logo.main }}
@@ -22,14 +19,11 @@
 {{ 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 (not (or (eq $mainLogo.MediaType.SubType "svg") (eq $mainLogo.MediaType.SubType "gif"))) }}
+  {{ if and $mainLogo (ne $mainLogo.MediaType.SubType "svg") }}
     {{ $mainLogo = $mainLogo.Resize "42x" }}
   {{ end }}
   {{ $mainLogo = $mainLogo.RelPermalink}}
@@ -37,20 +31,12 @@
 
 {{ if $invertedLogo }}
   {{ $invertedLogo = resources.Get $invertedLogo}}
-  {{ if and $invertedLogo (not (or (eq $invertedLogo.MediaType.SubType "svg") (eq $invertedLogo.MediaType.SubType "gif"))) }}
+  {{ if and $invertedLogo (ne $invertedLogo.MediaType.SubType "svg")}}
     {{ $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 }}
@@ -135,12 +121,12 @@
         {{ end }}
         {{ if $blogEnabled }}
           <li class="nav-item">
-            <a class="nav-link" id="blog-link" href="{{ path.Join (site.BaseURL | relLangURL) "posts" }}">{{ $blogTitle }}</a>
+            <a class="nav-link" id="blog-link" href="{{ path.Join (site.BaseURL | relLangURL) "posts" }}">{{ i18n "posts" }}</a>
           </li>
         {{ end }}
         {{ if $notesEnabled }}
           <li class="nav-item">
-            <a class="nav-link" id="note-link" href="{{ path.Join (site.BaseURL | relLangURL) "notes" }}">{{ $notesTitle }}</a>
+            <a class="nav-link" id="note-link" href="{{ path.Join (site.BaseURL | relLangURL) "notes" }}">{{ i18n "notes" }}</a>
           </li>
         {{ end }}
         {{ range $customMenus }}
@@ -153,7 +139,7 @@
         {{ if .IsTranslated }}
           {{ partial "navigators/lang-selector.html" . }}
         {{ end }}
-        {{ if or site.Params.features.darkMode.enable site.Params.features.theme.enable }}
+        {{ if site.Params.features.darkMode.enable }}
           {{ partial "navigators/theme-selector.html" . }}
         {{ end }}
       </ul>
@@ -166,7 +152,4 @@
   {{ 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,31 +1,17 @@
-{{/*  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-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>

layouts/partials/opengraph.html

@@ -10,3 +10,5 @@
 <meta property="og:description" content="{{ $description }}"/>
 <meta property="og:image" content="{{ $image | relURL }}">
 <meta property="og:url" content="{{ $url }}">
+
+{{ template "_internal/twitter_cards.html" . }}

layouts/partials/sections/home.html

@@ -20,10 +20,6 @@
   {{ $backgroundImage = site.Params.background }}
 {{ end }}
 
-{{ $darkBackgroundImage:= $backgroundImage }}
-{{ if site.Params.darkBackground }}
-  {{ $darkBackgroundImage = site.Params.darkBackground }}
-{{ end }}
 
 {{ $authorImage:= "/images/default-avatar.png" }}
 {{ if $author.image }}
@@ -77,41 +73,6 @@
   {{ $large := $src}}
 {{ end }}
 
-{{/* get file that matches the filename as specified as src="" in shortcode */}}
-{{ $darkSrc := resources.Get $darkBackgroundImage }}
-
-{{/* resize the src image to the given sizes */}}
-
-{{ $darkTiny := $darkSrc.Resize $tinyw }}
-{{ $darkSmall := $darkSrc.Resize $smallw }}
-{{ $darkMedium := $darkSrc.Resize $mediumw }}
-{{ $darkLarge := $darkSrc.Resize $largew }}
-
-{{/* only use images smaller than or equal to the src (original) image size, as Hugo will upscale small images */}}
-{{/* set the sizes attribute to (min-width: 35em) 1200px, 100vw unless overridden in shortcode */}}
-
-{{ if lt $darkSrc.Width "500" }}
-  {{ $darkTiny := $src}}
-  {{ $darkSmall := $src}}
-  {{ $darkMedium := $src}}
-  {{ $darkLarge := $src}}
-{{ end }}
-
-{{ if lt $src.Width "800" }}
-  {{ $darkSmall := $src}}
-  {{ $darkMedium := $src}}
-  {{ $darkLarge := $src}}
-{{ end }}
-
-{{ if lt $src.Width "1200" }}
-  {{ $darkMedium := $src}}
-  {{ $darkLarge := $src}}
-{{ end }}
-
-{{ if lt $src.Width "1500" }}
-  {{ $darkLarge := $src}}
-{{ end }}
-
 <div class="container-fluid home" id="home">
   <style>
     /* 0 to 299 */
@@ -139,34 +100,6 @@
           background-image: url('{{ $src.RelPermalink }}');
         }
     }
-
-    html[data-theme='dark'] {
-      /* 0 to 299 */
-      #homePageBackgroundImageDivStyled {
-        background-image: url('{{ $darkTiny.RelPermalink }}');
-      }
-      /* 300 to X */
-      @media (min-width: 500px) and (max-width: 800px) { /* or 301 if you want really the same as previously.  */
-        #homePageBackgroundImageDivStyled {   
-          background-image: url('{{ $darkSmall.RelPermalink }}');
-        }
-      }
-      @media (min-width: 801px) and (max-width: 1200px) { /* or 301 if you want really the same as previously.  */
-        #homePageBackgroundImageDivStyled {   
-          background-image: url('{{ $darkMedium.RelPermalink }}');
-        }
-      }
-      @media (min-width: 1201px) and (max-width: 1500px) { /* or 301 if you want really the same as previously.  */
-        #homePageBackgroundImageDivStyled {   
-          background-image: url('{{ $darkLarge.RelPermalink }}');
-        }
-      }
-      @media (min-width: 1501px) { /* or 301 if you want really the same as previously.  */
-        #homePageBackgroundImageDivStyled {   
-          background-image: url('{{ $darkSrc.RelPermalink }}');
-        }
-      }
-    }
     </style>
     <span class="on-the-fly-behavior"></span>
   <div

layouts/partials/sections/skills.html

@@ -3,7 +3,7 @@
   {{ $sectionID = .section.id }}
 {{ end }}
 
-<div class="container-fluid anchor pb-5 skills-section" id="{{ $sectionID }}">
+<div class="container-fluid anchor pb-5 skills-section">
   {{ if not (.section.hideTitle) }}
     <h1 class="text-center">
         <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
@@ -11,25 +11,11 @@
     <h1 class="text-center" style="display: none">
         <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
-  {{ if .section.filter }}
-  <div class="container ms-auto text-center">
-    <div class="btn-group flex-wrap" role="group" id="skill-filter-buttons">
-      {{ range .buttons }}
-      <button type="button" class="btn btn-dark skill-filtr-control" data-filter="{{ .filter }}">
-        {{ .name }}
-      </button>
+  <div class="container d-flex-block">
+    <div class="row" id="primary-skills">
+      {{ range .skills }}
+        {{ partial "cards/skill.html" . }}
       {{ end }}
     </div>
   </div>
-  <div class="container d-flex-block filtr-skills">
-    <div class="row" id="skill-card-holder" style="margin-left:unset">
-  {{ else }}
-  <div class="container d-flex-block">
-    <div class="row" id="primary-skills">
-  {{ end }}
-      {{ range .skills }}
-      {{ partial "cards/skill.html" . }}
-    {{ end }}
-    </div>
-  </div>
 </div>

layouts/shortcodes/gist.html

@@ -1 +0,0 @@
-<script src="https://gist.github.com/{{ index .Params 0 }}/{{ index .Params 1 }}.js{{if len .Params | eq 3 }}?file={{ index .Params 2 }}{{end}}"></script>

layouts/shortcodes/mermaid.html

@@ -9,5 +9,5 @@
 {{ end }}
 
 <div class="mermaid" align="{{ $alignment }}" style="background-color: {{ $background }}; border-radius: 5px;">
-    {{- safeHTML .Inner -}}
+    {{ safeHTML .Inner }}
 </div>

layouts/tags/list.html

@@ -44,7 +44,7 @@
       {{ end }}
     </div>
     <div class="paginator">
-      {{ partial "pagination.html" . }}
+      {{ template "_internal/pagination.html" . }}
     </div>
   </div>
 </section>

netlify.toml

@@ -5,34 +5,34 @@ publish = "exampleSite/public"
 [context.production.environment]
 HUGO_ENABLEGITINFO = "true"
 HUGO_ENV           = "production"
-HUGO_VERSION       = "0.146.4"
-NODE_VERSION       = "v23.1.0"
-NPM_VERSION        = "10.9.2"
+HUGO_VERSION       = "0.124.0"
+NODE_VERSION       = "v20.11.1"
+NPM_VERSION        = "10.5.0"
 
 [context.split1]
 command = "cd exampleSite && hugo mod tidy && hugo mod npm pack && npm install && hugo --gc --minify --enableGitInfo"
 
     [context.split1.environment]
     HUGO_ENV     = "production"
-    HUGO_VERSION = "0.146.4"
-    NODE_VERSION = "v23.1.0"
-    NPM_VERSION  = "10.9.2"
+    HUGO_VERSION = "0.124.0"
+    NODE_VERSION = "v20.11.1"
+    NPM_VERSION  = "10.5.0"
 
 [context.deploy-preview]
 command = "cd exampleSite && hugo mod tidy && hugo mod npm pack && npm install && hugo --gc --minify --buildFuture -b $DEPLOY_PRIME_URL"
 
     [context.deploy-preview.environment]
-    HUGO_VERSION = "0.146.4"
-    NODE_VERSION = "v23.1.0"
-    NPM_VERSION  = "10.9.2"
+    HUGO_VERSION = "0.124.0"
+    NODE_VERSION = "v20.11.1"
+    NPM_VERSION  = "10.5.0"
 
 [context.branch-deploy]
 command = "cd exampleSite && hugo mod tidy && hugo mod npm pack && npm install && hugo --gc --minify -b $DEPLOY_PRIME_URL"
 
     [context.branch-deploy.environment]
-    HUGO_VERSION = "0.146.4"
-    NODE_VERSION = "v23.1.0"
-    NPM_VERSION  = "10.9.2"
+    HUGO_VERSION = "0.124.0"
+    NODE_VERSION = "v20.11.1"
+    NPM_VERSION  = "10.5.0"
 
 [context.next.environment]
 HUGO_ENABLEGITINFO = "true"

package.hugo.json

@@ -19,7 +19,7 @@
   },
   "homepage": "https://github.com/hugo-toha/toha#readme",
   "devDependencies": {
-    "autoprefixer": "^10.4.20",
+    "autoprefixer": "^10.4.13",
     "eslint": "^8.31.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-config-standard": "^17.0.0",
@@ -27,18 +27,18 @@
     "eslint-plugin-n": "^15.6.0",
     "eslint-plugin-no-jquery": "^2.7.0",
     "eslint-plugin-promise": "^6.1.1",
-    "postcss": "^8.4.41",
-    "postcss-cli": "^11.0.0",
+    "postcss": "^8.4.31",
+    "postcss-cli": "^8.3.1",
     "@fontsource/mulish": "4.5.13",
-    "@fortawesome/fontawesome-free": "^6.6.0",
+    "@fortawesome/fontawesome-free": "^6.2.0",
     "bootstrap": "^5.3.3",
     "filterizr": "^2.2.4",
-    "flag-icons": "^7.2.3",
+    "flag-icon-css": "^4.1.7",
     "fuse.js": "^6.6.2",
     "highlight.js": "^11.6.0",
     "imagesloaded": "^5.0.0",
     "ityped": "^1.0.3",
-    "katex": "^0.16.11",
+    "katex": "^0.16.10",
     "mark.js": "^8.11.1",
     "mermaid": "^9.2.1",
     "plyr": "^3.7.2",

package.json

@@ -19,7 +19,7 @@
       "eslint-plugin-promise": "project",
       "feather-icons": "project",
       "filterizr": "project",
-      "flag-icons": "project",
+      "flag-icon-css": "project",
       "fuse.js": "project",
       "highlight.js": "project",
       "imagesloaded": "project",
@@ -38,8 +38,8 @@
   "description": "A [Hugo](https://gohugo.io/) theme for a personal portfolio with minimalist design and responsiveness.",
   "devDependencies": {
     "@fontsource/mulish": "4.5.13",
-    "@fortawesome/fontawesome-free": "^6.6.0",
-    "autoprefixer": "^10.4.20",
+    "@fortawesome/fontawesome-free": "^6.2.0",
+    "autoprefixer": "^10.4.13",
     "bootstrap": "^5.3.3",
     "eslint": "^8.31.0",
     "eslint-config-prettier": "^8.6.0",
@@ -50,19 +50,19 @@
     "eslint-plugin-promise": "^6.1.1",
     "feather-icons": "^4.29.1",
     "filterizr": "^2.2.4",
-    "flag-icons": "^7.2.3",
+    "flag-icon-css": "^4.1.7",
     "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.21",
+    "katex": "^0.16.10",
     "mark.js": "^8.11.1",
-    "mermaid": "^11.6.0",
+    "mermaid": "^9.2.1",
     "plyr": "^3.7.2",
     "popper.js": "^1.16.1",
-    "postcss": "^8.4.41",
-    "postcss-cli": "^11.0.0"
+    "postcss": "^8.4.31",
+    "postcss-cli": "^8.3.1"
   },
   "homepage": "https://github.com/hugo-toha/toha#readme",
   "license": "MIT",

theme.toml

@@ -44,4 +44,4 @@ features = [
 [module]
   [module.hugoVersion]
     extended = true
-    min = "0.146.0"
+    min = "0.118.0"