Fix deprecation warning emitted by hugo (#904)

Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>

.github/workflows/autoprefixer.yml

@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout to latest commit
-        uses: actions/checkout@v4.1.1
+        uses: actions/checkout@v4.1.2
 
       - name: Setup Node
         uses: actions/setup-node@v4

.github/workflows/codeql-analysis.yml

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

.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.1.1
+    - uses: actions/checkout@v4.1.2
 
     - name: Setup Node
       uses: actions/setup-node@v4
@@ -35,7 +35,7 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4.1.1
+    - uses: actions/checkout@v4.1.2
 
     - name: Setup Node
       uses: actions/setup-node@v4
@@ -87,6 +87,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # checkout to latest commit
-    - uses: actions/checkout@v4.1.1
+    - uses: actions/checkout@v4.1.2
     # run markdown linter
     - uses: gaurav-nelson/github-action-markdown-link-check@1.0.15

assets/scripts/features/darkmode/index.js

@@ -39,6 +39,8 @@ window.addEventListener('load', async () => {
 
     // save preference to local storage
     saveScheme(newScheme)
+
+    setImages(newScheme)
   }
 
   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/pages/search.js

@@ -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
       })

layouts/_default/search.html

@@ -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>
                 </div>
               </div>
-	          </a>
           </div>
         </script>
 

layouts/_default/single.html

@@ -157,8 +157,8 @@
       {{ 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>

layouts/partials/analytics.html

@@ -56,6 +56,6 @@
 {{ end }}
 
 <!-- Keep backwards compatibility and consistency with HUGO defaults -->
-{{ if site.GoogleAnalytics }}
+{{ if .Site.Config.Services.GoogleAnalytics.ID }}
     {{ template "_internal/google_analytics.html" . }}
 {{ end }}

layouts/partials/sections/education-alt.html

@@ -33,13 +33,13 @@
                         <div class="degree-info card">
 
                             {{ $logoImage:= resources.Get .institution.logo}}
+                            {{ $darkLogoImage:= resources.Get .institution.darkLogo}}
                             {{ if $logoImage }}
-                            {{/*  svg don't support "Fit" operation   */}}
-                            {{ if ne $logoImage.MediaType.SubType "svg" }}
-                              {{ $logoImage = $logoImage.Fit "300x300" }}
-                            {{ end }}
-                            <div class="logo-holder">
-                                <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+                            <div class="logo-holder"> 
+                                <img class="company-logo light-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+                                {{ if $darkLogoImage }}
+                                <img class="company-logo dark-logo" src="{{ $darkLogoImage.RelPermalink }}" alt="{{ .name }}" />
+                                {{ end }}
                             </div>
                             {{ end }}
 

layouts/partials/sections/education.html

@@ -33,14 +33,13 @@
                         <div class="degree-info card">
 
                             {{ $logoImage:= resources.Get .institution.logo}}
+                            {{ $darkLogoImage:= resources.Get .institution.darkLogo}}
                             {{ if $logoImage }}
-                            {{/*  svg don't support "Fit" operation   */}}
-                            {{ if ne $logoImage.MediaType.SubType "svg" }}
-                              {{ $logoImage = $logoImage.Fit "300x300" }}
-                            {{ end }}
-                
-                            <div class="logo-holder">
-                                <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+                            <div class="logo-holder"> 
+                                <img class="company-logo light-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+                                {{ if $darkLogoImage }}
+                                <img class="company-logo dark-logo" src="{{ $darkLogoImage.RelPermalink }}" alt="{{ .name }}" />
+                                {{ end }}
                             </div>
                             {{ end }}
 

layouts/partials/sections/experiences/positions.html

@@ -1,15 +1,15 @@
 <div class="col-10 col-lg-8">
     <div class="experience-entry-heading">
         {{ $logoImage:= resources.Get .company.logo}}
-            {{ if $logoImage }}
-            {{/*  svg don't support "Fit" operation   */}}
-            {{ if ne $logoImage.MediaType.SubType "svg" }}
-              {{ $logoImage = $logoImage.Fit "300x300" }}
-            {{ end }}
-            <div class="logo-holder">
-                <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
-            </div>
+        {{ $darkLogoImage:= resources.Get .company.darkLogo}}
+        {{ if $logoImage }}
+        <div class="logo-holder"> 
+            <img class="company-logo light-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+            {{ if $darkLogoImage }}
+            <img class="company-logo dark-logo" src="{{ $darkLogoImage.RelPermalink }}" alt="{{ .name }}" />
             {{ end }}
+        </div>
+        {{ end }}
         <!-- Total experience duration on a company is time between the starting date of the oldest position and ending date of most recent position -->
         {{ $oldestPosition := index (last 1 .positions) 0}}
         {{ $mostRecentPosition := index (first 1 .positions) 0}}

theme.toml

@@ -1,24 +1,14 @@
-# theme.toml template for a Hugo theme
-# See https://github.com/gohugoio/hugoThemes#themetoml for an example
-description = "A simple hugo theme for personal portfolio"
-homepage = "https://hugo-toha.github.io/"
+name = "Toha"
 license = "MIT"
 licenselink = "https://github.com/hugo-toha/toha/blob/master/LICENSE"
-min_version = "0.118.0"
-name = "Toha"
+description = "A simple hugo theme for personal portfolio"
+
+# The home page of the theme, where the source can be found.
+homepage = "https://github.com/hugo-toha/toha"
+
+# If you have a running demo of the theme.
+demosite = "https://hugo-toha.github.io/"
 
-features = [
-  "Minimalist Design",
-  "Fully Responsive",
-  "Multiple Language Support",
-  "Carefully Designed Cards",
-  "Experience Timeline",
-  "Achievement Gallery",
-  "Sidebar to Categorize the Posts",
-  "Short Codes",
-  "Google Analytics Support",
-  "Disqus Comment Support",
-]
 tags = [
   "Portfolio",
   "Blog",
@@ -34,7 +24,24 @@ tags = [
   "Bootstrap",
   "Syntax highlighting",
 ]
+features = [
+  "Minimalist Design",
+  "Fully Responsive",
+  "Multiple Language Support",
+  "Carefully Designed Cards",
+  "Experience Timeline",
+  "Achievement Gallery",
+  "Sidebar to Categorize the Posts",
+  "Short Codes",
+  "Google Analytics Support",
+  "Disqus Comment Support",
+]
 
 [author]
-homepage = "https://hossainemruz.github.io"
-name = "Emruz Hossain"
+  homepage = "https://hossainemruz.github.io"
+  name = "Emruz Hossain"
+
+[module]
+  [module.hugoVersion]
+    extended = true
+    min = "0.118.0"