Merge branch 'main' into html-proof

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

.github/workflows/autoprefixer.yml

@@ -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@v5
         with:
           branch: autoprefixer
           branch-suffix: timestamp

.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@v5.25.0
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/pull-request.yml

@@ -90,3 +90,35 @@ jobs:
     - uses: actions/checkout@v4.1.1
     # run markdown linter
     - uses: gaurav-nelson/github-action-markdown-link-check@1.0.15
+
+  proof-html:
+    runs-on: ubuntu-latest
+    steps:
+      # checkout to the commit that has been pushed
+      - uses: actions/checkout@v4.1.1
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Install node modules
+        run: npm install
+
+      - name: Setup Hugo
+        uses: peaceiris/actions-hugo@v2.6.0
+        with:
+          hugo-version: 'latest'
+          extended: true
+
+      - name: Build
+        run: |
+          cd exampleSite
+          hugo --minify
+
+      # Run HTML Proofer
+      - uses: anishathalye/proof-html@v2.1.2
+        with:
+          directory: exampleSite/public
+          enforce_https: false
+          ignore_url: "#"

README.md

@@ -1,6 +1,3 @@
-> [!IMPORTANT]
-> If you are migrating from v3 (`git submodule` based) theme to v4 (`hugo modules` based) theme, please read this [migration guide](https://toha-guides.netlify.app/posts/update-v3-to-v4/).
-
 # Toha
 
 [![Netlify Status](https://api.netlify.com/api/v1/badges/b1b93b02-f278-440b-ae1b-304e9f4c4ab5/deploy-status)](https://app.netlify.com/sites/toha/deploys)
@@ -67,7 +64,6 @@ For more details about the features please visit [here](https://toha-guides.netl
 - Português Europeu
 - Català
 - Português Brasileiro
-- Nederlands
 
 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).
 
@@ -189,72 +185,34 @@ For local development, you can make changes in the theme submodule and test the
 
 At first, fork [this repo](https://github.com/hugo-toha/toha). Then, follow the following steps to use the forked theme for local developments,
 
-#### Running the forked theme against the example site
+**Using the forked theme in your own site:**
+
+If you want to run your local development against your own site, follow the following steps:
+
+```bash
+# add the original theme as a submodule of your site if you haven't done already
+$ git submodule add https://github.com/hugo-toha/toha.git themes/toha
+# navigate into the toha theme folder
+$ cd themes/toha
+# add your own fork as a remote
+$ git remote add my-fork https://github.com/<your-github-user>/toha
+# create a new branch for your changes
+$ git checkout -b my-feature-branch
+```
+
+**Using the forked theme in the example site:**
 
 If your want to run your local development against this [example site](https://github.com/hugo-toha/hugo-toha.github.io), follow the following steps:
 
 ```bash
-# go to exampleSite directory
-$ cd exampleSite
-# install hugo modules
-$ hugo mod tidy
-# install dependencies
-$ hugo mod npm pack
-$ npm install
-# run the example site locally
-$ 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.
-
-#### Running the forked theme against your own site
-
-If you want to run your local development against your own site, follow the following steps:
-
-**Replace the theme module:**
-
-Open your site's `go.mod` file and replace the `github.com/hugo-toha/toha/v4` with your forked repo's path. For example, if your forked repo is `github.com/<your-github-user>/toha`, then replace the `github.com/hugo-toha/toha/v4` with `github.com/<your-github-user>/toha/v4`.
-
-```go
-module github.com/hugo-toha/hugo-toha.github.io
-
-go 1.19
-
-require github.com/hugo-toha/toha/v4 v4.0.1-0.20231229170427-d3968ca711ef // indirect
-
-replace(
-    github.com/hugo-toha/toha/v4 => github.com/<your-github-user>/toha/v4 <git branch>
-)
-```
-
-For interactive development, you can replace the theme with your locally cloned fork. For example, if you have cloned your fork in `/home/my-projects/toha`, then replace the `github.com/hugo-toha/toha/v4` with `/home/my-projects/toha`.
-
-```go
-module github.com/hugo-toha/hugo-toha.github.io
-
-go 1.19
-
-require github.com/hugo-toha/toha/v4 v4.0.1-0.20231229170427-d3968ca711ef // indirect
-
-replace(
-    github.com/hugo-toha/toha/v4 => /home/my-projects/toha
-)
-```
-
-**Update dependencies:**
-
-```bash
-# update hugo modules
-$ hugo mod tidy
-# install dependencies
-$ hugo mod npm pack
-$ npm install
-```
-
-**Run your site locally:**
-
-```bash
-$ hugo server -w
+# clone the example site along with the submodules
+$ git clone git@github.com:hugo-toha/hugo-toha.github.io.git --recursive
+# navigate into the toha theme folder
+$ cd themes/toha
+# add your own fork as a remote
+$ git remote add my-fork https://github.com/<your-github-user>/toha
+# create a new branch for your changes
+$ git checkout -b my-feature-branch
 ```
 
 From there you can make changes to the source code of the theme while testing with your running Hugo site or the example site.

assets/scripts/pages/search.js

@@ -79,13 +79,6 @@ 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,
@@ -93,7 +86,7 @@ window.addEventListener('DOMContentLoaded', () => {
         date: value.item.date,
         summary: value.item.summary,
         link: value.item.permalink,
-        tags: adaptTags(),
+        tags: value.item.tags,
         categories: value.item.categories,
         snippet
       })

assets/styles/components/buttons.scss

@@ -56,12 +56,14 @@
     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;
   }
 }
@@ -141,6 +143,17 @@ 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;

assets/styles/components/images.scss

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

assets/styles/components/links.scss

@@ -10,11 +10,10 @@ a {
   }
 }
 
-.list-link, .taxonomy-term {
+.list-link {
   text-decoration: none !important;
   color: get-light-color('text-color');
   @include transition();
-
   &.active {
     display: inline;
     color: get-light-color('accent-color');
@@ -30,7 +29,6 @@ a {
 a.header-anchor {
   text-decoration: none;
   color: get-light-color('heading-color');
-
   i,
   svg {
     font-size: 10pt;
@@ -38,15 +36,12 @@ a.header-anchor {
     display: none;
     margin-left: 0.5rem;
   }
-
   &:hover {
-
     i,
     svg {
       display: inline-block;
     }
   }
-
   code {
     color: get-light-color('inline-code-color');
   }
@@ -59,33 +54,26 @@ a.header-anchor {
 html[data-theme='dark'] {
   a {
     color: get-dark-color('accent-color');
-
     &:hover,
     &:focus {
       text-decoration: get-dark-color('hover-over-accent-color') underline;
       color: get-dark-color('hover-over-accent-color');
     }
   }
-
-  .list-link, .taxonomy-term {
+  .list-link {
     color: get-dark-color('text-color');
-
-    &:hover,
-    &.active {
+    &:hover {
       color: get-dark-color('accent-color');
     }
   }
-
   a.header-anchor {
     color: get-dark-color('heading-color');
-
     i,
     svg {
       color: get-dark-color('text-color');
     }
-
     code {
       color: get-dark-color('inline-code-color');
     }
   }
-}
+}

assets/styles/sections/education.scss

@@ -129,12 +129,6 @@
               margin-bottom: 0;
             }
           }
-
-          .custom-section {
-            .custom-content {
-              padding-bottom: 0.5em;
-            }
-          }
         }
       }
     }

assets/styles/sections/experiences.scss

@@ -92,16 +92,6 @@
     }
   }
 
-  .company-heading {
-    h5 {
-      display: inline;
-      margin-right: 0.25em;
-    }
-    p {
-      display: inline;
-    }
-  }
-
   @include media('<=medium') {
     .container {
       max-width: 100%;

assets/styles/sections/projects.scss

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

config.yaml

@@ -1,7 +1,4 @@
 module:
-  hugoVersion:
-    min: "0.118.0"
-    extended: true
   mounts:
   - source: content
     target: content
@@ -22,4 +19,4 @@ module:
   - source: ../../node_modules/@fontsource/mulish/files
     target: static/files
   - source: ../../node_modules/katex/dist/fonts
-    target: static/fonts
+    target: static/fonts

exampleSite/config.yaml

@@ -98,7 +98,6 @@ params:
     # Enable and configure blog posts
     blog:
       enable: true
-      showAuthor: true
       # Share post on different social media
       shareButtons:
         facebook: true

exampleSite/go.sum

@@ -1,2 +1,4 @@
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20221228191121-007f31838bd6 h1:TPFhOZAnuH4wjLIdzimswCRa2qCcc1teKVTatADJU2g=
+github.com/hugo-toha/hugo-toha.github.io v0.0.0-20221228191121-007f31838bd6/go.mod h1:OMMaP9Hh9NsKd41lVIazBQRPa0s6Z57AfJoY3DcCNNY=
 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=

i18n/fr.toml

@@ -117,7 +117,7 @@ other = "Suite"
 other = "Afficher le certificat"
 
 [notes]
-other = "Notes"
+other = "Remarques"
 
 [disclaimer_text]
 other = "Avis de responsabilité"
@@ -127,4 +127,4 @@ other = "Chercher"
 
 [minute]
 one = "minute"
-other = "minutes"
+other = "minutes"

layouts/_default/list.html

@@ -32,8 +32,7 @@
   <div class="content container-fluid" id="content">
     <div class="container-fluid post-card-holder" id="post-card-holder">
       {{ $posts := where .RegularPagesRecursive "Layout" "!=" "search" }}
-      {{ $numShow := site.Params.features.pagination.maxPostsPerPage | default 12}}
-      {{ $paginator := .Paginate $posts $numShow }}
+      {{ $paginator := .Paginate $posts 12 }}
       {{ range $paginator.Pages }}
         {{ if .Layout }}
           {{/* ignore the search.md file*/}}

layouts/_default/search.html

@@ -28,40 +28,28 @@
 {{ 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" style="display: flex;">
+      <div id="search-results">
 
         <script id="search-result-template" type="text/x-js-template">
           <div class="post-card">
-              <div class="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-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">
-                  <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 }}
+                  <h5 class="card-title">${title}</h5>
+                  <p class="card-text post-summary">${summary}</p>
                 </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

@@ -36,26 +36,15 @@
 
       <!--Content Start-->
       <div class="page-content">
-        {{ if site.Params.features.blog.showAuthor | default true }}
         <div class="author-profile ml-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>
         </div>
-        {{ 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">
-          <p class="text-muted">{{ .Page.Date | time.Format ":date_full" }}{{ if site.Params.features.readingTime }} | {{ .ReadingTime }} {{i18n "minute" .ReadingTime }}{{ end }}</p>
-        </div>
-        {{ end }}
-
         {{ if site.Params.features.tags.enable }}
           {{partial "misc/tags.html" .Params.tags }}
         {{ end }}

layouts/categories/list.html

@@ -33,8 +33,7 @@
   <div class="content container-fluid" id="content">
     <div class="container-fluid post-card-holder" id="post-card-holder">
       {{ $posts := where .RegularPagesRecursive "Layout" "!=" "search" }}
-      {{ $numShow := site.Params.features.pagination.maxPostsPerPage | default 12}}
-      {{ $paginator := .Paginate $posts $numShow }}
+      {{ $paginator := .Paginate $posts 12 }}
       {{ range $paginator.Pages }}
         {{ if .Layout }}
           {{/* ignore the search.md file*/}}

layouts/partials/cards/post.html

@@ -1,26 +1,24 @@
 <div class="post-card">
-  <div class="card">
-    <div class="card-head">
-      <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
+  <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
+    <div class="card">
+      <div class="card-head">
         <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}' alt="Hero Image">
-      </a>
-    </div>
-    <div class="card-body">
-      <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
+      </div>
+      <div class="card-body">
         <h5 class="card-title">{{ .Title }}</h5>
         <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 }}
-      {{ end }}
+        {{ 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>
     </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>
-  </div>
+  </a>
 </div>

layouts/partials/footer.html

@@ -115,10 +115,6 @@
                 <li><a href={{ printf "https://github.com/%s" $value }} target="_blank" rel="noopener">
                   <span><i class="fab fa-github"></i></span> <span>{{ $value }}</span>
                 </a></li>
-              {{ else if (eq $key "researchgate") }}
-                <li><a href={{ printf "https://www.researchgate.net/profile/%s" $value }} target="_blank" rel="noopener">
-                  <span><i class="fab fa-researchgate"></i></span> <span>{{ $author.name }}</span>
-                </a></li>            
               {{ else if reflect.IsMap $value }}
                 <li>
                   {{ if (and (isset $value "url") (isset $value "icon"))}}

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 btn-info">{{ . }}</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">{{ . }}</a></li>
+      {{ end }}
+    </ul>
 </div>

layouts/partials/sections/education-alt.html

@@ -31,14 +31,6 @@
                     </td>
                     <td class="details">
                         <div class="degree-info card">
-
-                            {{ $logoImage:= resources.Get .institution.logo}}
-                            {{ if $logoImage }}
-                            <div class="logo-holder">
-                                <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
-                            </div>
-                            {{ end }}
-
                             <div class="row">
                                 <div class="col-lg-10 col-md-8">
                                     {{ if .institution.url }}
@@ -114,14 +106,6 @@
                                 </ul>
                             </div>
                             {{ end }}
-                            {{ if .custonSections }}
-                            <div class="custom-section">
-                                {{ range .custonSections }}
-                                    <h6 class="text-heading">{{ .name }}: </h6>
-                                    <div class="custom-content">{{ .content | markdownify }}</div>
-                                {{ end }}
-                            </div>
-                            {{ end }}
                         </div>
                     </td>
                     <td class="line">

layouts/partials/sections/education.html

@@ -31,14 +31,6 @@
                     </td>
                     <td class="details">
                         <div class="degree-info card">
-
-                            {{ $logoImage:= resources.Get .institution.logo}}
-                            {{ if $logoImage }}
-                            <div class="logo-holder">
-                                <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
-                            </div>
-                            {{ end }}
-
                             <div class="row">
                                 <div class="col-lg-10 col-md-8">
                                     {{ if .institution.url }}
@@ -114,14 +106,6 @@
                                 </ul>
                             </div>
                             {{ end }}
-                            {{ if .custonSections }}
-                            <div class="custom-section">
-                                {{ range .custonSections }}
-                                    <h6 class="text-heading">{{ .name }}: </h6>
-                                    <div class="custom-content">{{ .content | markdownify }}</div>
-                                {{ end }}
-                            </div>
-                            {{ end }}
                         </div>
                     </td>
                 </tr>

layouts/partials/sections/experiences.html

@@ -18,11 +18,11 @@
      {{ if eq (mod $index 2) 0 }}
        <div class="row align-items-center  d-flex">
          {{ partial "sections/experiences/vertical-line.html" $index }}
-         {{ partial "sections/experiences/positions.html" $experience }}
+         {{ partial "sections/experiences/experience-info.html" $experience }}
        </div>
      {{else}}
        <div class="row align-items-center justify-content-end d-flex">
-         {{ partial "sections/experiences/positions.html" $experience }}
+         {{ partial "sections/experiences/experience-info.html" $experience }}
          {{ partial "sections/experiences/vertical-line.html" $index }}
        </div>
      {{ end }}

layouts/partials/sections/experiences/experience-info.html

@@ -0,0 +1,5 @@
+{{ if gt (len .positions) 1 }}
+  {{ partial "sections/experiences/multiple-positions.html" . }}
+{{ else }}
+  {{ partial "sections/experiences/single-position.html" . }}
+{{ end }}

layouts/partials/sections/experiences/multiple-positions.html

@@ -0,0 +1,29 @@
+<div class="col-10 col-lg-8">
+    <div class="experience-entry-heading">
+        <!-- For multiple positions, give emphasis on the company name-->
+        <h5>{{ if .company.url }}<a href={{.company.url}} title="{{ .company.name }}" target="_blank" rel="noopener">{{ .company.name }}</a>{{ else }}{{ .company.name }}{{ end }}</h5>
+
+        <!-- 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}}
+        <p class="text-muted">
+            {{ $oldestPosition.start }} - {{ if $mostRecentPosition.end }}{{ $mostRecentPosition.end }}{{ else }}{{ i18n "present" }}{{ end }},
+            {{ .company.location }}
+        </p>
+        <!-- Add company overview -->
+        <p>{{ .company.overview | markdownify }}</p>
+    </div>
+    <!-- Add the positions information -->
+    <div class="positions">
+    {{ range $index,$position:= .positions }}
+        <h6 class="designation">{{ $position.designation }}</h6>
+        <p class="text-muted">{{ $position.start }} - {{if $position.end }} {{ $position.end }} {{else}} {{ i18n "present" }} {{end}}</p>
+        <!-- Add the responsibilities handled at this position -->
+        <ul class="justify-content-around">
+        {{ range $position.responsibilities }}
+            <li>{{ . | markdownify }}</li>
+        {{ end }}
+        </ul>
+    {{ end }}
+    </div>
+</div>

layouts/partials/sections/experiences/positions.html

@@ -1,42 +0,0 @@
-<div class="col-10 col-lg-8">
-    <div class="experience-entry-heading">
-        {{ $logoImage:= resources.Get .company.logo}}
-            {{ if $logoImage }}
-            <div class="logo-holder">
-                <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
-            </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}}
-        <div class="company-heading">
-            <h5>{{ if .company.url }}<a href={{.company.url}} title="{{ .company.name }}" target="_blank" rel="noopener">{{ .company.name }}</a>{{ else }}{{ .company.name }}{{ end }}</h5>
-            <p class="text-muted">
-                {{ $oldestPosition.start }} - {{ if $mostRecentPosition.end }}{{ $mostRecentPosition.end }}{{ else }}{{ i18n "present" }}{{ end }}
-            </p>
-        </div>
-        <p class="text-muted">
-            <i class="fa-solid fa-location-dot"></i> {{ .company.location }}
-        </p>
-        <!-- Add company overview -->
-        <p>{{ .company.overview | markdownify }}</p>
-    </div>
-    <!-- Add the positions information -->
-    <div class="positions">
-    {{ range $index,$position:= .positions }}
-        <div class="company-heading">
-            <h5 class="designation">{{ $position.designation }}</h5>
-            <p class="text-muted">{{ $position.start }} - {{if $position.end }} {{ $position.end }} {{else}} {{ i18n "present" }} {{end}}</p>
-        </div>
-        <!-- Add the responsibilities handled at this position -->
-        {{ if $position.responsibilities }}
-            <h6 class="text-heading">{{ i18n "responsibilities" }}</h6>
-            <ul class="justify-content-around">
-                {{ range $position.responsibilities }}
-                    <li>{{ . | markdownify }}</li>
-                {{ end }}
-            </ul>
-        {{ end }}
-    {{ end }}
-    </div>
-</div>

layouts/partials/sections/experiences/single-position.html

@@ -0,0 +1,23 @@
+<div class="col-10 col-lg-8">
+    <div class="experience-entry-heading">
+        {{ $position:= index .positions 0 }}
+        <!-- For single position, give emphasis on the designation-->
+        <h5>{{ $position.designation }}</h5>
+        <h6>{{ if .company.url }}<a href={{.company.url}} title="{{ .company.name }}" target="_blank" rel="noopener">{{ .company.name }}</a>{{ else }}{{ .company.name }}{{ end }}</h6>
+        <!-- Add experience duration info -->
+        <p class="text-muted">{{ $position.start }} - {{ if $position.end }}{{ $position.end }}{{ else }}{{ i18n "present" }}{{ end }},
+            {{ .company.location }}
+        </p>
+    </div>
+    <!-- Add company overview -->
+    <p>{{ .company.overview | markdownify }}</p>
+    <!-- Add the responsibilities handled at this position -->
+    {{ if $position.responsibilities }}
+    <h6 class="text-heading">{{ i18n "responsibilities" }}</h6>
+    <ul class="justify-content-around">
+    {{ range $position.responsibilities }}
+        <li>{{ . | markdownify }}</li>
+    {{ end }}
+    </ul>
+    {{ end }}
+</div>

layouts/tags/list.html

@@ -33,8 +33,7 @@
   <div class="content container-fluid" id="content">
     <div class="container-fluid post-card-holder" id="post-card-holder">
       {{ $posts := where .RegularPagesRecursive "Layout" "!=" "search" }}
-      {{ $numShow := site.Params.features.pagination.maxPostsPerPage | default 12}}
-      {{ $paginator := .Paginate $posts $numShow }}
+      {{ $paginator := .Paginate $posts 12 }}
       {{ range $paginator.Pages }}
         {{ if .Layout }}
           {{/* ignore the search.md file*/}}

theme.toml

@@ -1,14 +1,24 @@
-name = "Toha"
+# 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/"
 license = "MIT"
 licenselink = "https://github.com/hugo-toha/toha/blob/master/LICENSE"
-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/"
+min_version = "0.118.0"
+name = "Toha"
 
+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",
@@ -24,24 +34,7 @@ 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"
-
-[module]
-  [module.hugoVersion]
-    extended = true
-    min = "0.118.0"
+homepage = "https://hossainemruz.github.io"
+name = "Emruz Hossain"