themes/default/layouts/partials/gallery-walk: Walk outside in public

Look inside public folder for image assets to include and minify. Massive
efficiency gains.

1 files changed, 12 insertions, 8 deletions

diff --git a/themes/default/layouts/partials/gallery-walk.html b/themes/default/layouts/partials/gallery-walk.html
index d6d988a..3e9dabf 100644
--- a/themes/default/layouts/partials/gallery-walk.html
+++ b/themes/default/layouts/partials/gallery-walk.html
@@ -3,11 +3,12 @@
 {{- if fileExists $folder }}
   {{- $files := readDir $folder }}
   {{- if $files }}
-    {{- range $files }}
+    {{- range first 6 $files }}
 
        {{- if not .IsDir }}
         {{- $name      := index (split .Name ".") 0 }}
         {{- $extension := lower (index (split .Name ".") 1) }}
+        {{- $path      := path.Join $folder .Name }}
 
         {{- if or
           (eq $extension "apng")
@@ -23,13 +24,16 @@
           (eq $extension "webp")
         }}
 
-          <img
-            width="100"
-            height="100"
-            title="{{- .Name }}"
-            alt="{{- .Name }}"
-            src="{{ "" | absURL }}/{{- strings.TrimPrefix "content/" (trim $folder "/") }}/{{- .Name }}"
-          />
+          {{- with $image := resources.Get $path -}}
+          {{- $imageContent := (.Content | resources.FromString (print "/data/static/images/" ($image | urlize))).Resize "100x" }}
+            <img
+              alt="{{- .Name }}"
+              title="{{- .Name }}"
+              width="{{ $imageContent.Width }}"
+              height="{{ $imageContent.Height }}"
+              src="{{ $imageContent.RelPermalink }}"
+            />
+          {{ end }}
 
         {{- end }}
        {{- end }}