Add education logo

hugo-toha · Feb 2, 2024 · e6e2ace · e6e2ace
1 parent de1cee3
commit e6e2ace
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/assets/styles/components/images.scss b/assets/styles/components/images.scss
@@ -46,3 +46,9 @@ html[data-theme='dark'] {
 .svg-inverted {
   filter: invert(1);
 }
+
+.company-logo {
+  height: auto;
+  width: 64px;
+  margin-bottom: 1em;
+}
diff --git a/layouts/partials/sections/education-alt.html b/layouts/partials/sections/education-alt.html
@@ -31,6 +31,17 @@ <h1 class="text-center" style="display: none">
                     </td>
                     <td class="details">
                         <div class="degree-info card">
+
+                            {{ $logoImage:= resources.Get .institution.logo}}
+                            {{ if $logoImage }}
+                            {{/*  svg don't support "Fit" operation   */}}
+                            {{ if ne $logoImage.MediaType.SubType "svg" }}
+                              {{ $logoImage = $logoImage.Fit "300x300" }}
+                            {{ end }}
+
+                            <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+                            {{ end }}
+
                             <div class="row">
                                 <div class="col-lg-10 col-md-8">
                                     {{ if .institution.url }}

diff --git a/layouts/partials/sections/education.html b/layouts/partials/sections/education.html
@@ -31,6 +31,17 @@ <h1 class="text-center" style="display: none">
                     </td>
                     <td class="details">
                         <div class="degree-info card">
+
+                            {{ $logoImage:= resources.Get .institution.logo}}
+                            {{ if $logoImage }}
+                            {{/*  svg don't support "Fit" operation   */}}
+                            {{ if ne $logoImage.MediaType.SubType "svg" }}
+                              {{ $logoImage = $logoImage.Fit "300x300" }}
+                            {{ end }}
+
+                            <img class="company-logo" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+                            {{ end }}
+
                             <div class="row">
                                 <div class="col-lg-10 col-md-8">
                                     {{ if .institution.url }}