CaAlden/film
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PUBLISH: Try and add schema.org microdata to the site

Browse source
This commit is contained in:
Campbell Alden 2022-11-02 15:49:35 +09:00
parent b9e28bef46
commit 514aafcb68
14 changed files with 438 additions and 384 deletions
Download patch file Download diff file Expand all files Collapse all files

554
docs/genres/index.html
View file

@ -60,21 +60,21 @@
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forNow You See Me 2" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forKingsman: The Secret Service" />
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Now You See Me 2</h3> <h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
</header> </header>
<div>A group of magicians are coerced into pulling off another heist</div> <div>A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">2/5</span> <span class="numbers">4/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/now-you-see-me-2/"> <a class="button" href="/film/reviews/kingsman/">
Read review Read review
</a> </a>
</div> </div>
@ -108,37 +108,7 @@
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Poster forFright Night" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
<a class="card-favorite-star" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="yellow" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
</a>
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Fright Night</h3>
</header>
<div>A high school student suspects his next door neighbor is a vampire</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/fright-night/">
Read review
</a>
</div>
</div>
</div>
<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="Poster forBeverly Hills Cop" />
</div> </div>
<section class="card-content"> <section class="card-content">
@ -162,21 +132,51 @@
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forKingsman: The Secret Service" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forNow You See Me 2" />
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3> <h3 class="subtitle">Now You See Me 2</h3>
</header> </header>
<div>A secret British spy agency unravels a billionaire&rsquo;s evil plot</div> <div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review
</a>
</div>
</div>
</div>
<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="Poster forFright Night" />
<a class="card-favorite-star" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="yellow" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
</a>
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Fright Night</h3>
</header>
<div>A high school student suspects his next door neighbor is a vampire</div>
<div class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">4/5</span> <span class="numbers">4/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/kingsman/"> <a class="button" href="/film/reviews/fright-night/">
Read review Read review
</a> </a>
</div> </div>
@ -268,6 +268,30 @@
</header> </header>
<div class="carasol"> <div class="carasol">
<div class="card">
<div class="card-image">
<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">
<header>
<h3 class="subtitle">In Time</h3>
</header>
<div>A dystopian future where time is literally money</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/in-time/">
Read review
</a>
</div>
</div>
</div>
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster forNow You See Me" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster forNow You See Me" />
@ -298,30 +322,6 @@
</div> </div>
<div class="card">
<div class="card-image">
<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">
<header>
<h3 class="subtitle">In Time</h3>
</header>
<div>A dystopian future where time is literally money</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/in-time/">
Read review
</a>
</div>
</div>
</div>
</div> </div>
</section> </section>
@ -356,30 +356,6 @@
</div> </div>
<div class="card">
<div class="card-image">
<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">
<header>
<h3 class="subtitle">Now You See Me 2</h3>
</header>
<div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review
</a>
</div>
</div>
</div>
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" />
@ -410,6 +386,30 @@
</div> </div>
<div class="card">
<div class="card-image">
<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">
<header>
<h3 class="subtitle">Now You See Me 2</h3>
</header>
<div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review
</a>
</div>
</div>
</div>
</div> </div>
</section> </section>
@ -420,166 +420,6 @@
</header> </header>
<div class="carasol"> <div class="carasol">
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" />
<a class="card-favorite-star" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="yellow" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
</a>
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Holes</h3>
</header>
<div>A boy is sent to a juvenile work camp as punishment after being mistakenly arrested.</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">3/5</span>
</div>
<div>
<a class="button" href="/film/reviews/holes/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img 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">
<header>
<h3 class="subtitle">Beverly Hills Cop</h3>
</header>
<div>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/beverly-hills-cop/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<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">
<header>
<h3 class="subtitle">Now You See Me 2</h3>
</header>
<div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review
</a>
</div>
</div>
</div>
<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="Poster forKingsman: The Secret Service" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
</header>
<div>A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/kingsman/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe French Dispatch" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">The French Dispatch</h3>
</header>
<div>Authors for a New Yorker-esque magazine report on a small town in France</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/the-french-dispatch/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Drama</h2>
<a href="drama" class="button button:large">See more</a>
</header>
<div class="carasol">
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Whisper of the Heart</h3>
</header>
<div>A slice of life story about a bookish middle school girl living in Tokyo</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">5/5</span>
</div>
<div>
<a class="button" href="/film/reviews/whisper-of-the-heart/">
Read review
</a>
</div>
</div>
</div>
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe French Dispatch" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe French Dispatch" />
@ -636,21 +476,21 @@
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="Poster forNo Reservations" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">No Reservations</h3> <h3 class="subtitle">Beverly Hills Cop</h3>
</header> </header>
<div>A NY City chef and her recently adopted niece adapt to their life together</div> <div>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</div>
<div class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">3/5</span> <span class="numbers">4/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/no-reservations/"> <a class="button" href="/film/reviews/beverly-hills-cop/">
Read review Read review
</a> </a>
</div> </div>
@ -658,33 +498,47 @@
</div> </div>
</div>
</section>
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Family</h2>
<a href="family" class="button button:large">See more</a>
</header>
<div class="carasol">
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" /> <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> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Whisper of the Heart</h3> <h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
</header> </header>
<div>A slice of life story about a bookish middle school girl living in Tokyo</div> <div>A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">5/5</span> <span class="numbers">4/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/whisper-of-the-heart/"> <a class="button" href="/film/reviews/kingsman/">
Read review
</a>
</div>
</div>
</div>
<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="Poster forNow You See Me 2" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Now You See Me 2</h3>
</header>
<div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review Read review
</a> </a>
</div> </div>
@ -697,8 +551,8 @@
<section> <section>
<header class="cluster spacing:between p1" style="align-items: flex-end;"> <header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Romance</h2> <h2>Drama</h2>
<a href="romance" class="button button:large">See more</a> <a href="drama" class="button button:large">See more</a>
</header> </header>
<div class="carasol"> <div class="carasol">
@ -750,6 +604,70 @@
</div> </div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" />
<a class="card-favorite-star" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="yellow" stroke="gold" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
</a>
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Holes</h3>
</header>
<div>A boy is sent to a juvenile work camp as punishment after being mistakenly arrested.</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">3/5</span>
</div>
<div>
<a class="button" href="/film/reviews/holes/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Whisper of the Heart</h3>
</header>
<div>A slice of life story about a bookish middle school girl living in Tokyo</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">5/5</span>
</div>
<div>
<a class="button" href="/film/reviews/whisper-of-the-heart/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Family</h2>
<a href="family" class="button button:large">See more</a>
</header>
<div class="carasol">
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
@ -779,28 +697,28 @@
<section> <section>
<header class="cluster spacing:between p1" style="align-items: flex-end;"> <header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Crime</h2> <h2>Romance</h2>
<a href="crime" class="button button:large">See more</a> <a href="romance" class="button button:large">See more</a>
</header> </header>
<div class="carasol"> <div class="carasol">
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Beverly Hills Cop</h3> <h3 class="subtitle">Whisper of the Heart</h3>
</header> </header>
<div>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</div> <div>A slice of life story about a bookish middle school girl living in Tokyo</div>
<div class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">4/5</span> <span class="numbers">5/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/beverly-hills-cop/"> <a class="button" href="/film/reviews/whisper-of-the-heart/">
Read review Read review
</a> </a>
</div> </div>
@ -808,6 +726,64 @@
</div> </div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="Poster forNo Reservations" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">No Reservations</h3>
</header>
<div>A NY City chef and her recently adopted niece adapt to their life together</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">3/5</span>
</div>
<div>
<a class="button" href="/film/reviews/no-reservations/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe French Dispatch" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">The French Dispatch</h3>
</header>
<div>Authors for a New Yorker-esque magazine report on a small town in France</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/the-french-dispatch/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Crime</h2>
<a href="crime" class="button button:large">See more</a>
</header>
<div class="carasol">
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster forNow You See Me" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster forNow You See Me" />
@ -838,6 +814,30 @@
</div> </div>
<div class="card">
<div class="card-image">
<img 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">
<header>
<h3 class="subtitle">Beverly Hills Cop</h3>
</header>
<div>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/beverly-hills-cop/">
Read review
</a>
</div>
</div>
</div>
</div> </div>
</section> </section>

25
docs/reviews/beverly-hills-cop/index.html
View file

@ -56,15 +56,15 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster">
</div> </div>
<h1>Beverly Hills Cop</h1> <h1 itemprop="name">Beverly Hills Cop</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 7, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 7, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -73,27 +73,32 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">4/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">4</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Action</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Action</span>
<span class="quicklook-emphasized-color quicklook-genre">Comedy</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Comedy</span>
<span class="quicklook-emphasized-color quicklook-genre">Crime</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Crime</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
This is a good example of an 80&rsquo;s police action movie. The incompetent by-the-books cops and cartoonish villains keep the story funny and fast paced and juxtapose well with the loose cannon protagonist. This is a good example of an 80&rsquo;s police action movie. The incompetent by-the-books cops and cartoonish villains keep the story funny and fast paced and juxtapose well with the loose cannon protagonist.
</p> </p>
</section> </section>
@ -128,7 +133,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">R</dd> <dd class="numbers" itemprop="contentRating">R</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

23
docs/reviews/fright-night/index.html
View file

@ -56,11 +56,11 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Poster">
<a class="review-favorite" href="https://caalden.github.io/film/favorites"> <a class="review-favorite" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span> <span hidden>Favorite</span>
@ -70,7 +70,7 @@
</div> </div>
<h1>Fright Night</h1> <h1 itemprop="name">Fright Night</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">October 9, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">October 9, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -79,25 +79,30 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">4/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">4</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Horror</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Horror</span>
<span class="quicklook-emphasized-color quicklook-genre">Action</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Action</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
A fun and not-too-scary horror movie, <em>Fright Night</em> is a perfect option to set the halloween vibe. A great choice to get your feet wet in the horror genre. A fun and not-too-scary horror movie, <em>Fright Night</em> is a perfect option to set the halloween vibe. A great choice to get your feet wet in the horror genre.
</p> </p>
</section> </section>
@ -132,7 +137,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">R</dd> <dd class="numbers" itemprop="contentRating">R</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

25
docs/reviews/holes/index.html
View file

@ -56,11 +56,11 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster">
<a class="review-favorite" href="https://caalden.github.io/film/favorites"> <a class="review-favorite" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span> <span hidden>Favorite</span>
@ -70,7 +70,7 @@
</div> </div>
<h1>Holes</h1> <h1 itemprop="name">Holes</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 2, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 2, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -79,27 +79,32 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">3/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">3</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Adventure</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Adventure</span>
<span class="quicklook-emphasized-color quicklook-genre">Comedy</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Comedy</span>
<span class="quicklook-emphasized-color quicklook-genre">Drama</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Drama</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
With a compelling story and a fun blending of historical western style and modern penal servitude, this has become an iconic example of a young adult film from the early 2000s. I saw this movie uncountably many times as a child, but I&rsquo;m afraid it would be only nostalgia that could elevate this movie beyond a middling review from me. With a compelling story and a fun blending of historical western style and modern penal servitude, this has become an iconic example of a young adult film from the early 2000s. I saw this movie uncountably many times as a child, but I&rsquo;m afraid it would be only nostalgia that could elevate this movie beyond a middling review from me.
</p> </p>
</section> </section>
@ -134,7 +139,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">PG</dd> <dd class="numbers" itemprop="contentRating">PG</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

25
docs/reviews/in-time/index.html
View file

@ -56,15 +56,15 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="Poster">
</div> </div>
<h1>In Time</h1> <h1 itemprop="name">In Time</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 27, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 27, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -73,27 +73,32 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">4/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">4</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Action</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Action</span>
<span class="quicklook-emphasized-color quicklook-genre">Sci-Fi</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Sci-Fi</span>
<span class="quicklook-emphasized-color quicklook-genre">Thriller</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Thriller</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
This film&rsquo;s interesting premise and anti-capitalist sentiment result in an imperfect, but still entertaining action thriller that seems to have aged rather well. This film&rsquo;s interesting premise and anti-capitalist sentiment result in an imperfect, but still entertaining action thriller that seems to have aged rather well.
</p> </p>
</section> </section>
@ -128,7 +133,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">PG-13</dd> <dd class="numbers" itemprop="contentRating">PG-13</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

25
docs/reviews/kingsman/index.html
View file

@ -56,15 +56,15 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster">
</div> </div>
<h1>Kingsman: The Secret Service</h1> <h1 itemprop="name">Kingsman: The Secret Service</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 31, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 31, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -73,27 +73,32 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">4/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">4</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Action</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Action</span>
<span class="quicklook-emphasized-color quicklook-genre">Adventure</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Adventure</span>
<span class="quicklook-emphasized-color quicklook-genre">Comedy</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Comedy</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
Kingsman has all the elements that make a spy movie fun. It has wall to wall action, futuristic gadgets, secret organizations, and evil plots to destroy the world. More importantly, it has a well written script and interesting cinematography to prop it up. If you can stomach the gratuitous violence, then I highly recommend you add this to your watchlist! Kingsman has all the elements that make a spy movie fun. It has wall to wall action, futuristic gadgets, secret organizations, and evil plots to destroy the world. More importantly, it has a well written script and interesting cinematography to prop it up. If you can stomach the gratuitous violence, then I highly recommend you add this to your watchlist!
</p> </p>
</section> </section>
@ -128,7 +133,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">R</dd> <dd class="numbers" itemprop="contentRating">R</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

23
docs/reviews/no-reservations/index.html
View file

@ -56,15 +56,15 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="Poster">
</div> </div>
<h1>No Reservations</h1> <h1 itemprop="name">No Reservations</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 28, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 28, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -73,25 +73,30 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">3/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">3</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Romance</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Romance</span>
<span class="quicklook-emphasized-color quicklook-genre">Drama</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Drama</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
Family tragedy and rockstar chef stereotypes mix into a pretty formulaic rom-dram. It rises above most genre tropes and has a kernel of heart, but lacks anything approaching a commentary on the themes it sets up. Recommended if you want a lightweight slice of life romance. Family tragedy and rockstar chef stereotypes mix into a pretty formulaic rom-dram. It rises above most genre tropes and has a kernel of heart, but lacks anything approaching a commentary on the themes it sets up. Recommended if you want a lightweight slice of life romance.
</p> </p>
</section> </section>
@ -126,7 +131,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">PG</dd> <dd class="numbers" itemprop="contentRating">PG</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

25
docs/reviews/now-you-see-me-2/index.html
View file

@ -56,15 +56,15 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster">
</div> </div>
<h1>Now You See Me 2</h1> <h1 itemprop="name">Now You See Me 2</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 14, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 14, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -73,27 +73,32 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">2/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">2</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Action</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Action</span>
<span class="quicklook-emphasized-color quicklook-genre">Adventure</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Adventure</span>
<span class="quicklook-emphasized-color quicklook-genre">Comedy</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Comedy</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
A bit of a miss. Though not lacking in the same demonstrations of stage magic and elements of a heist film as the original, the ultimate blending of those aspects here is unimpressive. The result is an average action movie with a few magic show intermissions that pales in comparison to its predecessor. A bit of a miss. Though not lacking in the same demonstrations of stage magic and elements of a heist film as the original, the ultimate blending of those aspects here is unimpressive. The result is an average action movie with a few magic show intermissions that pales in comparison to its predecessor.
</p> </p>
</section> </section>
@ -128,7 +133,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">PG-13</dd> <dd class="numbers" itemprop="contentRating">PG-13</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

25
docs/reviews/now-you-see-me/index.html
View file

@ -56,11 +56,11 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster">
<a class="review-favorite" href="https://caalden.github.io/film/favorites"> <a class="review-favorite" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span> <span hidden>Favorite</span>
@ -70,7 +70,7 @@
</div> </div>
<h1>Now You See Me</h1> <h1 itemprop="name">Now You See Me</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 11, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 11, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -79,27 +79,32 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">4/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">4</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Crime</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Crime</span>
<span class="quicklook-emphasized-color quicklook-genre">Mystery</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Mystery</span>
<span class="quicklook-emphasized-color quicklook-genre">Thriller</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Thriller</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
A clever plot and many actual magic tricks make this movie an enjoyable romp. I would recommend it to most people due to the broad appeal of the <a href="https://youtu.be/X1WSH0VzoaM">illusions</a> and especially to people that like crime movies. A clever plot and many actual magic tricks make this movie an enjoyable romp. I would recommend it to most people due to the broad appeal of the <a href="https://youtu.be/X1WSH0VzoaM">illusions</a> and especially to people that like crime movies.
</p> </p>
</section> </section>
@ -134,7 +139,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">PG-13</dd> <dd class="numbers" itemprop="contentRating">PG-13</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

25
docs/reviews/the-french-dispatch/index.html
View file

@ -56,15 +56,15 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster">
</div> </div>
<h1>The French Dispatch</h1> <h1 itemprop="name">The French Dispatch</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 17, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 17, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -73,27 +73,32 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">4/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">4</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Comedy</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Comedy</span>
<span class="quicklook-emphasized-color quicklook-genre">Drama</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Drama</span>
<span class="quicklook-emphasized-color quicklook-genre">Romance</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Romance</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
Charming and highly stylized, this movie has immediately joined my shelf of favorites. Great if you are a Wes Anderson fan or just someone looking for absurdist humor. Charming and highly stylized, this movie has immediately joined my shelf of favorites. Great if you are a Wes Anderson fan or just someone looking for absurdist humor.
</p> </p>
</section> </section>
@ -128,7 +133,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">R</dd> <dd class="numbers" itemprop="contentRating">R</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

25
docs/reviews/whisper-of-the-heart/index.html
View file

@ -56,15 +56,15 @@
</nav> </nav>
</header> </header>
<main id="content"> <main id="content">
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
<div class="review-poster"> <div class="review-poster">
<img src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster"> <img itemprop="image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster">
</div> </div>
<h1>Whisper of the Heart</h1> <h1 itemprop="name">Whisper of the Heart</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 11, 2022</h2> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">September 11, 2022</h2>
<section class="quicklook"> <section class="quicklook">
<header> <header>
@ -73,27 +73,32 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1">5/5<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a> <span class="numbers-large quicklook-emphasized-color cluster s1">
<span>
<span itemprop="ratingValue">5</span>/<span itemprop="bestRating">5</span>
</span>
<a href="https://caalden.github.io/film/ratings" class="quicklook-info" title="About my ratings..."><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Romance</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Romance</span>
<span class="quicklook-emphasized-color quicklook-genre">Drama</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Drama</span>
<span class="quicklook-emphasized-color quicklook-genre">Family</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">Family</span>
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
<em>Whisper of the Heart</em> is a stunning and immersive world crafted by studio Ghibli that exudes a relaxed and nostalgic vibe. Every piece of it, from the music and the art to the characters and the story, is masterfully done. <em>Whisper of the Heart</em> is a stunning and immersive world crafted by studio Ghibli that exudes a relaxed and nostalgic vibe. Every piece of it, from the music and the art to the characters and the story, is masterfully done.
</p> </p>
</section> </section>
@ -128,7 +133,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">G</dd> <dd class="numbers" itemprop="contentRating">G</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

2
layouts/partials/metadetails.html
View file

@ -26,7 +26,7 @@
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Rated</dt> <dt class="caption">Rated</dt>
<dd class="numbers">{{- .Params.mpaa -}}</dd> <dd class="numbers" itemprop="contentRating">{{- .Params.mpaa -}}</dd>
</div> </div>
<div class="metadetails-column"> <div class="metadetails-column">
<dt class="caption">Box Office</dt> <dt class="caption">Box Office</dt>

14
layouts/partials/quicklook.html
View file

@ -5,26 +5,30 @@
</h2> </h2>
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption"> <span class="caption">
Rating Rating
</span> </span>
<span class="numbers-large quicklook-emphasized-color cluster s1"> <span class="numbers-large quicklook-emphasized-color cluster s1">
{{- .Params.rating -}}/5<a href="{{ .Site.BaseURL }}ratings" class="quicklook-info" title="About my ratings..."> <span>
<span itemprop="ratingValue">{{- .Params.rating -}}</span>/<span itemprop="bestRating">5</span>
</span>
<a href="{{ .Site.BaseURL }}ratings" class="quicklook-info" title="About my ratings...">
{{- partial "info.html" . -}} {{- partial "info.html" . -}}
</a> </a>
</span> </span>
<span itemprop="author" hidden>Campbell Alden</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>
<div class="quicklook-genre-container"> <div class="quicklook-genre-container">
{{ range $name := .Params.genres }} {{ range $name := .Params.genres }}
<span class="quicklook-emphasized-color quicklook-genre">{{$name}}</span> <span itemprop="genre" class="quicklook-emphasized-color quicklook-genre">{{$name}}</span>
{{end}} {{end}}
</div> </div>
</div> </div>
</div> </div>
<p> <p itemprop="description">
{{.Params.quick_look | markdownify }} {{.Params.quick_look | markdownify }}
</p> </p>
</section> </section>

6
layouts/reviews/single.html
View file

@ -1,9 +1,9 @@
{{ define "main" }} {{ define "main" }}
<article class="review"> <article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header"> <header class="review-header">
{{ if .Params.image }} {{ if .Params.image }}
<div class="review-poster"> <div class="review-poster">
<img src={{.Params.image}} alt="Poster"> <img itemprop="image" src={{.Params.image}} alt="Poster">
{{ if .Params.favorite }} {{ if .Params.favorite }}
<a class="review-favorite" href="{{.Site.BaseURL}}favorites"> <a class="review-favorite" href="{{.Site.BaseURL}}favorites">
<span hidden>Favorite</span> <span hidden>Favorite</span>
@ -12,7 +12,7 @@
{{end}} {{end}}
</div> </div>
{{ end }} {{ end }}
<h1>{{- .Title -}}</h1> <h1 itemprop="name">{{- .Title -}}</h1>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px"> <h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">
{{- .PublishDate | time.Format ":date_long" -}} {{- .PublishDate | time.Format ":date_long" -}}
</h2> </h2>