Skip to content

Commit 8e7fdc4

Browse files
philwarehamphilwareham
committed
WebP versions of these
1 parent 1ee554d commit 8e7fdc4

10 files changed

+23
-11
lines changed

‎src/assets/img/dark-index-blog-header.webp‎

15.1 KB
Loading

‎src/assets/img/dark-index-blog-header@2x.webp‎

31.5 KB
Loading

‎src/assets/img/dark-index-device-screens.webp‎

65.2 KB
Loading

‎src/assets/img/dark-index-device-screens@2x.webp‎

201 KB
Loading

‎src/assets/img/index-blog-header.webp‎

18.1 KB
Loading

‎src/assets/img/index-blog-header@2x.webp‎

48.6 KB
Loading

‎src/assets/img/index-device-screens.webp‎

56 KB
Loading

‎src/assets/img/index-device-screens@2x.webp‎

168 KB
Loading

‎src/mockups/index.html‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -187,12 +187,16 @@ <h2 class="index-feature-contribute">Contributors are welcomed</h2>
187187
<div class="container">
188188
<p>
189189
<picture class="screen-large">
190-
<source srcset="/assets/img/com/dark-index-device-screens.png, /assets/img/com/dark-index-device-screens@2x.png 2x" media="(prefers-color-scheme: dark)">
191-
<source srcset="/assets/img/com/index-device-screens.png, /assets/img/com/index-device-screens@2x.png 2x">
190+
<source srcset="/assets/img/com/dark-index-device-screens.webp, /assets/img/com/dark-index-device-screens@2x.webp 2x" type="image/webp" media="(prefers-color-scheme: dark)">
191+
<source srcset="/assets/img/com/index-device-screens.webp, /assets/img/com/index-device-screens@2x.webp 2x" type="image/webp">
192+
<source srcset="/assets/img/com/dark-index-device-screens.png, /assets/img/com/dark-index-device-screens@2x.png 2x" type="image/png" media="(prefers-color-scheme: dark)">
193+
<source srcset="/assets/img/com/index-device-screens.png, /assets/img/com/index-device-screens@2x.png 2x" type="image/png">
192194
<img loading="lazy" decoding="async" width="1150" height="494" alt="Textpattern Screenshots" src="/assets/img/com/index-device-screens.png">
193195
</picture>
194196
<picture class="screen-small">
195-
<source srcset="/assets/img/com/dark-index-device-screen.png" media="(prefers-color-scheme: dark)">
197+
<source srcset="/assets/img/com/dark-index-device-screen.webp" type="image/webp" media="(prefers-color-scheme: dark)">
198+
<source srcset="/assets/img/com/index-device-screen.webp" type="image/webp">
199+
<source srcset="/assets/img/com/dark-index-device-screen.png" type="image/png" media="(prefers-color-scheme: dark)">
196200
<img loading="lazy" decoding="async" width="620" height="477" alt="Textpattern Screenshot" src="/assets/img/com/index-device-screen.png">
197201
</picture>
198202
</p>
@@ -262,9 +266,11 @@ <h1><a href="showcase-landing.html">Site showcase</a></h1>
262266
<section class="layout-3col-2span" itemscope itemtype="https://schema.org/Blog">
263267
<h2>Latest from <a href="#">the blog</a>…</h2>
264268
<p>
265-
<picture class="screen-large">
266-
<source srcset="/assets/img/com/dark-index-blog-header.png, /assets/img/com/dark-index-blog-header@2x.png 2x" media="(prefers-color-scheme: dark)">
267-
<source srcset="/assets/img/com/index-blog-header.png, /assets/img/com/index-blog-header@2x.png 2x">
269+
<picture>
270+
<source srcset="/assets/img/com/dark-index-blog-header.webp, /assets/img/com/dark-index-blog-header@2x.webp 2x" type="image/webp" media="(prefers-color-scheme: dark)">
271+
<source srcset="/assets/img/com/index-blog-header.webp, /assets/img/com/index-blog-header@2x.webp 2x" type="image/webp">
272+
<source srcset="/assets/img/com/dark-index-blog-header.png, /assets/img/com/dark-index-blog-header@2x.png 2x" type="image/png" media="(prefers-color-scheme: dark)">
273+
<source srcset="/assets/img/com/index-blog-header.png, /assets/img/com/index-blog-header@2x.png 2x" type="image/png">
268274
<img loading="lazy" decoding="async" width="756" height="160" alt="The Textpattern blog" src="/assets/img/com/index-blog-header.png">
269275
</picture>
270276
</p>

‎src/templates/pages/default.txp‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -161,12 +161,16 @@ echo '<a class="count-bubble" rel="external" href="https://github.com/textpatter
161161
<div class="container">
162162
<p>
163163
<picture class="screen-large">
164-
<source srcset="/assets/img/com/dark-index-device-screens.png, /assets/img/com/dark-index-device-screens@2x.png 2x" media="(prefers-color-scheme: dark)">
165-
<source srcset="/assets/img/com/index-device-screens.png, /assets/img/com/index-device-screens@2x.png 2x">
164+
<source srcset="/assets/img/com/dark-index-device-screens.webp, /assets/img/com/dark-index-device-screens@2x.webp 2x" type="image/webp" media="(prefers-color-scheme: dark)">
165+
<source srcset="/assets/img/com/index-device-screens.webp, /assets/img/com/index-device-screens@2x.webp 2x" type="image/webp">
166+
<source srcset="/assets/img/com/dark-index-device-screens.png, /assets/img/com/dark-index-device-screens@2x.png 2x" type="image/png" media="(prefers-color-scheme: dark)">
167+
<source srcset="/assets/img/com/index-device-screens.png, /assets/img/com/index-device-screens@2x.png 2x" type="image/png">
166168
<img loading="lazy" decoding="async" width="1150" height="494" alt="Textpattern Screenshots" src="/assets/img/com/index-device-screens.png">
167169
</picture>
168170
<picture class="screen-small">
169-
<source srcset="/assets/img/com/dark-index-device-screen.png" media="(prefers-color-scheme: dark)">
171+
<source srcset="/assets/img/com/dark-index-device-screen.webp" type="image/webp" media="(prefers-color-scheme: dark)">
172+
<source srcset="/assets/img/com/index-device-screen.webp" type="image/webp">
173+
<source srcset="/assets/img/com/dark-index-device-screen.png" type="image/png" media="(prefers-color-scheme: dark)">
170174
<img loading="lazy" decoding="async" width="620" height="477" alt="Textpattern Screenshot" src="/assets/img/com/index-device-screen.png">
171175
</picture>
172176
</p>
@@ -244,8 +248,10 @@ echo '<a class="count-bubble" rel="external" href="https://github.com/textpatter
244248
<h2>Latest from <a href="<txp:site_url />weblog">the blog</a>…</h2>
245249
<p>
246250
<picture>
247-
<source srcset="/assets/img/com/dark-index-blog-header.png, /assets/img/com/dark-index-blog-header@2x.png 2x" media="(prefers-color-scheme: dark)">
248-
<source srcset="/assets/img/com/index-blog-header.png, /assets/img/com/index-blog-header@2x.png 2x">
251+
<source srcset="/assets/img/com/dark-index-blog-header.webp, /assets/img/com/dark-index-blog-header@2x.webp 2x" type="image/webp" media="(prefers-color-scheme: dark)">
252+
<source srcset="/assets/img/com/index-blog-header.webp, /assets/img/com/index-blog-header@2x.webp 2x" type="image/webp">
253+
<source srcset="/assets/img/com/dark-index-blog-header.png, /assets/img/com/dark-index-blog-header@2x.png 2x" type="image/png" media="(prefers-color-scheme: dark)">
254+
<source srcset="/assets/img/com/index-blog-header.png, /assets/img/com/index-blog-header@2x.png 2x" type="image/png">
249255
<img loading="lazy" decoding="async" width="756" height="160" alt="The Textpattern blog" src="/assets/img/com/index-blog-header.png">
250256
</picture>
251257
</p>

0 commit comments

Comments
 (0)