PUBLISH: render first 3 summary tags with non-lazy images
This commit is contained in:
parent
9c3f532357
commit
b9e28bef46
22 changed files with 443 additions and 310 deletions
|
|
@ -51,9 +51,10 @@
|
|||
<a class="button button:large" href="https://caalden.github.io/film/genres">Back to Genres</a>
|
||||
</header>
|
||||
<div class="cards">
|
||||
<div class="card">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Fright Night" />
|
||||
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Poster forFright Night" />
|
||||
|
||||
<a class="card-favorite-star" href="https://caalden.github.io/film/favorites">
|
||||
<span hidden>Favorite</span>
|
||||
|
|
@ -79,9 +80,11 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="In Time" />
|
||||
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="Poster forIn Time" />
|
||||
|
||||
</div>
|
||||
<section class="card-content">
|
||||
|
|
@ -101,9 +104,11 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Now You See Me 2" />
|
||||
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forNow You See Me 2" />
|
||||
|
||||
</div>
|
||||
<section class="card-content">
|
||||
|
|
@ -123,9 +128,11 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Beverly Hills Cop" />
|
||||
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
|
||||
|
||||
</div>
|
||||
<section class="card-content">
|
||||
|
|
@ -145,9 +152,11 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Kingsman: The Secret Service" />
|
||||
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forKingsman: The Secret Service" />
|
||||
|
||||
</div>
|
||||
<section class="card-content">
|
||||
|
|
@ -168,6 +177,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue