Update/fix image references (#28)

* Add blog theme files * Readability improvements * Display posts list as summary * Adding defaults * Sample conent * List styling * Header improvement * Adding new tags * Update theme info * Styling improvement * Better styling * Homepage sample * Remove extra files * Fix caching for even images * Fix image reference
zetxek · Jun 25, 2024 · c5410c5 · c5410c5
1 parent 4cde46a
commit c5410c5
Show file tree

Hide file tree

Showing 37 changed files with 18 additions and 7 deletions.
diff --git a/assets/images/works/carlos-muza-hpjSkU2UYSU-unsplash.jpg b/assets/images/works/carlos-muza-hpjSkU2UYSU-unsplash.jpg
diff --git a/assets/images/works/radity-finance.jpg b/assets/images/works/radity-finance.jpg
diff --git a/assets/images/works/[email protected] b/assets/images/works/[email protected]
diff --git a/assets/images/works/robo-advisor.jpg b/assets/images/works/robo-advisor.jpg
diff --git a/assets/images/works/[email protected] b/assets/images/works/[email protected]
diff --git a/static/img/works/robo-advisor.jpg → assets/images/works/robo-advisorcopy.jpg b/static/img/works/robo-advisor.jpg → assets/images/works/robo-advisorcopy.jpg
diff --git a/assets/images/works/swissfintech.jpg b/assets/images/works/swissfintech.jpg
diff --git a/assets/images/works/[email protected] b/assets/images/works/[email protected]
diff --git a/layouts/partials/client-and-work.html b/layouts/partials/client-and-work.html
@@ -75,13 +75,24 @@ <h3>{{ .title }}</h3>
       </div>
       {{ else }}
       <div class="col-12 col-md-7 pl-md-0 text-right">
-        <img
-          class='lozad img-responsive {{ cond (eq ( mod $index 4) 1)  "img-clip-right-backward" "img-clip-right-forward" }}'
-          src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
-          data-src="{{ .image.x | absURL }}"
-          data-srcset="{{ .image.x | absURL }} 1x, {{ .image._2x | absURL }} 2x"
-          alt="{{ .title }}"
-        />
+        {{ $img := resources.Get .image.x }}
+        {{ $img2x := resources.Get .image._2x }}
+        {{ $imgWebp := $img.Resize (printf "%dx%d webp q75 Lanczos picture" $img.Width $img.Height) }}
+        {{ $img2xWebp := $img2x.Resize (printf "%dx%d webp q75 Lanczos picture" $img2x.Width $img2x.Height) }}
+        <picture>
+          <source srcset="{{ $imgWebp.RelPermalink }} 1x, {{ $img2xWebp.RelPermalink }} 2x" type="image/webp" />
+          <source srcset="{{ $img.RelPermalink }} 1x, {{ $img2x.RelPermalink }} 2x" type="image/webp">
+          <img
+            width="{{ $img.Width }}"
+            height="{{ $img.Height }}"
+            class="lozad img-responsive"
+            src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
+            srcset="{{ $img.RelPermalink }} 1x, {{ $img2x.RelPermalink }} 2x"
+            data-src="{{ $img.RelPermalink }}"
+            data-srcset="{{ $img.RelPermalink }} 1x, {{ $img2x.RelPermalink }} 2x"
+            alt="{{ .title }}"
+          />
+        </picture>
       </div>
       <div class="col-12 col-md-5 mt-4 mt-md-0 my-md-auto">
         <h3>{{ .title }}</h3>

diff --git a/static/img/clients/asgardia.png b/static/img/clients/asgardia.png
diff --git a/static/img/clients/[email protected] b/static/img/clients/[email protected]
diff --git a/static/img/clients/earth-2.png b/static/img/clients/earth-2.png
diff --git a/static/img/clients/[email protected] b/static/img/clients/[email protected]
diff --git a/static/img/clients/goldline.png b/static/img/clients/goldline.png
diff --git a/static/img/clients/[email protected] b/static/img/clients/[email protected]
diff --git a/static/img/clients/kanba.png b/static/img/clients/kanba.png
diff --git a/static/img/clients/[email protected] b/static/img/clients/[email protected]
diff --git a/static/img/clients/zoo-tv.png b/static/img/clients/zoo-tv.png
diff --git a/static/img/clients/[email protected] b/static/img/clients/[email protected]
diff --git a/static/img/clients/ztos.png b/static/img/clients/ztos.png
diff --git a/static/img/clients/[email protected] b/static/img/clients/[email protected]
diff --git a/static/img/showcase/showcase-mobile.jpg b/static/img/showcase/showcase-mobile.jpg
diff --git a/static/img/showcase/showcase.png b/static/img/showcase/showcase.png
diff --git a/static/img/showcase/[email protected] b/static/img/showcase/[email protected]
diff --git a/static/img/testimonials/antonio-willis.jpg b/static/img/testimonials/antonio-willis.jpg
diff --git a/static/img/testimonials/[email protected] b/static/img/testimonials/[email protected]
diff --git a/static/img/testimonials/daniel-jordan.jpg b/static/img/testimonials/daniel-jordan.jpg
diff --git a/static/img/testimonials/[email protected] b/static/img/testimonials/[email protected]
diff --git a/static/img/testimonials/jonathan-peters.jpg b/static/img/testimonials/jonathan-peters.jpg
diff --git a/static/img/testimonials/[email protected] b/static/img/testimonials/[email protected]
diff --git a/static/img/who-am-i/user-picture.png b/static/img/who-am-i/user-picture.png
diff --git a/static/img/who-am-i/[email protected] b/static/img/who-am-i/[email protected]
diff --git a/static/img/works/radity-finance.jpg b/static/img/works/radity-finance.jpg
diff --git a/static/img/works/[email protected] b/static/img/works/[email protected]
diff --git a/static/img/works/[email protected] b/static/img/works/[email protected]
diff --git a/static/img/works/swissfintech.jpg b/static/img/works/swissfintech.jpg
diff --git a/static/img/works/[email protected] b/static/img/works/[email protected]