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

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

@ -56,15 +56,15 @@
</nav>
</header>
<main id="content">
<article class="review">
<article class="review" itemscope itemtype="https://schema.org/Movie">
<header class="review-header">
<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>
<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>
<section class="quicklook">
<header>
@ -73,27 +73,32 @@
</h2>
</header>
<div class="quicklook-details">
<div class="quicklook-rating">
<div class="quicklook-rating" itemprop="review" itemtype="https://schema.org/Review" itemscope>
<span class="caption">
Rating
</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 itemprop="author" hidden>Campbell Alden</span>
</div>
<div class="quicklook-genre-section">
<span class="caption">Genre</span>
<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>
<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.
</p>
</section>
@ -128,7 +133,7 @@
</div>
<div class="metadetails-column">
<dt class="caption">Rated</dt>
<dd class="numbers">G</dd>
<dd class="numbers" itemprop="contentRating">G</dd>
</div>
<div class="metadetails-column">
<dt class="caption">Box Office</dt>