Add tags in post cards from search results (#895 )

* Add tags in post cards from search results * Use on_card parameter to decide to show the cards or not * Fix search cards height * Minor fix * Fix null tags * Fix CSS not applied properly in search page Signed-off-by: hossainemruz <hossainemruz@gmail.com> --------- Signed-off-by: hossainemruz <hossainemruz@gmail.com> Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>
Fix logos (#898 )
2024-02-23 23:37:35 +06:00 · 2024-02-19 15:11:18 +06:00 · 2024-02-16 20:34:13 +06:00 · 2024-02-14 02:01:20 +06:00 · 2024-02-13 01:35:55 +06:00 · 2024-02-12 23:24:21 +06:00
19 changed files with 188 additions and 125 deletions
@@ -67,6 +67,7 @@ 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).

@@ -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
      })
@@ -56,14 +56,12 @@
    font-size: 0.5em;
    list-style-type: none;
    display: inline-block;
-    background: get-light-color('accent-color');
    margin-left: 0.2em;
    margin-right: 0.2em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }
  a {
-    color: get-light-color('text-over-accent-color');
    text-decoration: none !important;
  }
 }
@@ -143,17 +141,6 @@ html[data-theme='dark'] {
    color: get-dark-color('muted-text-color');
  }

-  .tags {
-    li {
-      background: get-dark-color('accent-color');
-      a {
-        background-color: get-dark-color('bg-card');
-        border: 1px solid get-dark-color('muted-text-color');
-        color: get-dark-color('text-over-accent-color');
-      }
-    }
-  }
-
  .icon-button {
    background-color: get-dark-color('muted-text-color');
    color: get-dark-color('text-over-accent-color') !important;
@@ -46,3 +46,13 @@ html[data-theme='dark'] {
 .svg-inverted {
  filter: invert(1);
 }
+
+.logo-holder {
+  height: 64px;
+  margin-bottom: 1em;
+}
+
+.company-logo {
+  max-height: 100%;
+  width: auto;
+}
@@ -10,7 +10,7 @@ a {
  }
 }

-.list-link {
+.list-link, .taxonomy-term {
  text-decoration: none !important;
  color: get-light-color('text-color');
  @include transition();
@@ -67,7 +67,7 @@ html[data-theme='dark'] {
    }
  }

-  .list-link {
+  .list-link, .taxonomy-term {
    color: get-dark-color('text-color');

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

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

  .project-card-footer {
    display: flex;
+    .badge {
+      margin-left: 0.1em;
+      margin-right: 0.1em;
+    }
  }

  .project-tags-holder {
@@ -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;">

        <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">
+                  <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>

@@ -1,12 +1,15 @@
 <div class="post-card">
-  <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
  <div class="card">
    <div class="card-head">
+      <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
        <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}' alt="Hero Image">
+      </a>
    </div>
    <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 }}</p>
+      </a>
      {{ if and site.Params.features.tags.enable site.Params.features.tags.on_card }}
        {{ partial "misc/tags.html" .Params.tags }}
      {{ end }}
@@ -20,5 +23,4 @@
      class="float-right btn btn-outline-info btn-sm">{{ i18n "read" }}</a>
    </div>
  </div>
-  </a>
 </div>
@@ -2,7 +2,7 @@
  <ul style="padding-left: 0;">
    {{ range . }}
    {{ $url:= printf "tags/%s/" . }}
-      <li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn, btn-sm">{{ . }}</a></li>
+    <li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn btn-sm btn-info">{{ . }}</a></li>
    {{ end }}
  </ul>
 </div>
@@ -31,6 +31,14 @@
                    </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 }}
@@ -106,6 +114,14 @@
                                </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">
@@ -31,6 +31,14 @@
                    </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 }}
@@ -106,6 +114,14 @@
                                </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>
@@ -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/experience-info.html" $experience }}
+         {{ partial "sections/experiences/positions.html" $experience }}
       </div>
     {{else}}
       <div class="row align-items-center justify-content-end d-flex">
-         {{ partial "sections/experiences/experience-info.html" $experience }}
+         {{ partial "sections/experiences/positions.html" $experience }}
         {{ partial "sections/experiences/vertical-line.html" $index }}
       </div>
     {{ end }}
@@ -1,5 +0,0 @@
-{{ if gt (len .positions) 1 }}
-  {{ partial "sections/experiences/multiple-positions.html" . }}
-{{ else }}
-  {{ partial "sections/experiences/single-position.html" . }}
-{{ end }}
@@ -1,29 +0,0 @@
-<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>
@@ -0,0 +1,42 @@
+<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>
@@ -1,23 +0,0 @@
-<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>
@@ -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"
Author	SHA1	Message	Date
Bernat Borràs Civil	1ec4cd2688	Add tags in post cards from search results (#895 ) * Add tags in post cards from search results * Use on_card parameter to decide to show the cards or not * Fix search cards height * Minor fix * Fix null tags * Fix CSS not applied properly in search page Signed-off-by: hossainemruz <hossainemruz@gmail.com> --------- Signed-off-by: hossainemruz <hossainemruz@gmail.com> Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2024-02-23 23:37:35 +06:00
Bernat Borràs Civil	9f5a44e24e	Fix logos (#898 )	2024-02-19 15:11:18 +06:00
Bernat Borràs Civil	32e95a572f	Update theme.toml for hugoThemesSiteBuilder (#896 ) * Update theme.toml * Add min hugo version	2024-02-16 20:34:13 +06:00
Bernat Borràs Civil	b8bee52c7c	Fix hovering tags in posts (#894 )	2024-02-14 02:01:20 +06:00
Bernat Borràs Civil	35bca71987	Add spacing between project tags (#892 ) * Add spacing between project tags * Fix	2024-02-13 01:35:55 +06:00
Bernat Borràs Civil	cbdb07dbf1	Add custom subsections in education (#888 ) * Add custom subsections in education * Apply requested changes	2024-02-12 23:24:21 +06:00
Bernat Borràs Civil	970656789c	Fix anchors in post cards (#891 ) Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2024-02-12 13:31:09 +06:00
Bernat Borràs Civil	df78c743c8	Fix Tags sidebar font color (#890 ) Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2024-02-12 13:29:12 +06:00
Bernat Borràs Civil	96768ade2d	Add dutch in Readme (#883 ) Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2024-02-12 13:27:15 +06:00
Bernat Borràs Civil	11bddc36a2	Add company and school logos (#882 ) * Add education logo * Fix width * Update css * Add logos to company * Add multiple positions * Update Styling * Strenghten poistion title * Improve timeline * Fix missing curly braces * Fix curly braces * Add space * Add space between position and date * Make single and multiple experiences more consistent * Remove single-position layout * Remove duplicated comment	2024-02-12 13:26:12 +06:00