Skip to content

Commit

Permalink
use avif format
Browse files Browse the repository at this point in the history
  • Loading branch information
@jschroeter
jschroeter committed Dec 9, 2023
1 parent b8c2151 commit cc67c69
Showing 1 changed file with 18 additions and 18 deletions.
36 changes: 18 additions & 18 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,31 +13,31 @@
<h1>Hello</h1>
</div>
<div class="box">
<img src="https://source.unsplash.com/random/500x300" />
<img src="https://images.unsplash.com/photo-1700422300144-713dad3a1c4a?crop=entropy&cs=tinysrgb&fit=crop&w=500&h=300&q=80&fm=avif" />
</div>
<div class="box">
<h2>Breaking news</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div class="images">
<img src="https://source.unsplash.com/random/400x300?1" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?2" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?3" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?4" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?5" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?6" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?7" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?8" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?9" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?10" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?11" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?12" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?13" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?14" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?15" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?16" loading="lazy" />
<img src="https://source.unsplash.com/random/400x300?17" loading="lazy" />
<img src="https://images.unsplash.com/photo-1614793420458-87f74faa4998?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1553504250-ca9c0aa095e9?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1592882403955-28ac5cf61cf3?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1531637078800-a52de262330f?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1565800516833-e483fe987cce?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1665726911265-80c068af2c23?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1595370799125-ea27a55380c0?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1581956131142-1364df07b0dc?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1529955106150-db2ca93ab69b?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1524929630545-f416a20c047a?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1565205088180-a56d0b49cd85?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1589745657371-95477b1bd0a8?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1637329204781-2eda9e8c0e16?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1525569792854-aaaf1b68cb8b?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1604800652495-a64a246ef61b?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1692386892512-e5ff7759f1d4?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
<img src="https://images.unsplash.com/photo-1585705298976-15f14746879a?crop=entropy&cs=tinysrgb&fit=crop&w=400&h=300&q=80&fm=avif" loading="lazy" />
</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/4QkuvwRftTw" loading="lazy" allow="autoplay; encrypted-media; picture-in-picture" allowfullscreen></iframe>

Expand Down

0 comments on commit cc67c69

Please sign in to comment.