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

Add a link and page explaining my rating system

Browse source
This commit is contained in:
Campbell Alden 2022-10-12 14:22:53 +09:00
parent b0f4abc02d
commit 389bca74f3
19 changed files with 307 additions and 167 deletions
Download patch file Download diff file Expand all files Collapse all files

14
content/ratings.md Normal file
View file

@ -0,0 +1,14 @@
---
title: Explaining My Ratings
date: 2022-10-12:08:30+09:00
description: Rather than a normal rating system, my rating is based on how likely I am to recommend a movie.
---
You may have noticed that my ratings for movies on this site don't line up with other sites. In some cases, my rating may not line up exactly with my full opinion of the movie. That's because I'm not rating the _quality_ of the movie directly. I'm rating _how strongly I recommend you watch the movie_.
This is why something I absolutely loved, for example [The French Dispatch](https://caalden.github.io/film/reviews/the-french-dispatch/), is given less than 5/5. While I think that movie is great, it is not necessarily a film that I think everyone will enjoy. My ratings can be thought of as follows:
1. **This movie was bad and I actively implore you not to go see it**. At the time of writing this, no movie I have reviewed has reached this score. I tend to be discerning enough to avoid movies I would suspect warrant this rating in the first place. If I do come across a 1/5, it will be something that I actively think should not exist.
2. **This movie was bad and I recommend you pass it by.** A movie that I rank a 2/5 has serious issues. [Now You See Me 2](https://caalden.github.io/film/reviews/now-you-see-me-2/) meets this criteria for me. Full details can be found in that review, however, suffice it to say the movie is both bad and ruins the original. You gain little by watching it and may even lose something you liked about the first one.
3. **This movie was fine, I leave it up to you to decide based on my Recommendation section if you think it's worth watching**. I could go either way here. For example, [No Reservations](https://caalden.github.io/film/reviews/no-reservations/) is in this category because it wasn't bad and there were things I liked, but it also wasn't actively good. It missed the mark in a lot of ways but works just fine as a Rom-Dram.
4. **I recommend you see this movie**. A majority of my ratings are ending up 4/5 because for the most part I can think of more reasons to watch most movies than I can think of to pass them by. The movie still might not be for everyone, but I think the average person should enjoy it.
5. **I don't care who you are, you must watch this**. Most movies fall short of my 5/5 because they have to have a unique combination of being somewhat of a crowd pleaser while still being an objectively good movie. For example, [Whisper of the Heart](https://caalden.github.io/film/reviews/whisper-of-the-heart/) hits the 5/5 mark for me because the story, art, music, etc are all excellent. There's nothing too challenging about it that might make me put asterisks on the recommendation. I have trouble imagining someone who couldn't find something to enjoy in that film.

290
docs/genres/index.html
View file

@ -56,6 +56,30 @@
</header> </header>
<div class="carasol"> <div class="carasol">
<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" />
</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 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="Beverly Hills Cop" />
@ -80,30 +104,6 @@
</div> </div>
<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" />
</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 loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Fright Night" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Fright Night" />
@ -135,21 +135,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/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Now You See Me 2" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="In Time" />
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Now You See Me 2</h3> <h3 class="subtitle">In Time</h3>
</header> </header>
<div>A group of magicians are coerced into pulling off another heist</div> <div>A dystopian future where time is literally money</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/in-time/">
Read review Read review
</a> </a>
</div> </div>
@ -327,6 +327,30 @@
</header> </header>
<div class="carasol"> <div class="carasol">
<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" />
</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 loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" />
@ -356,30 +380,6 @@
</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="Now 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 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="Kingsman: The Secret Service" />
@ -416,21 +416,26 @@
<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/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Now You See Me 2" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" />
<div class="card-favorite-star">
<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>
</div>
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Now You See Me 2</h3> <h3 class="subtitle">Holes</h3>
</header> </header>
<div>A group of magicians are coerced into pulling off another heist</div> <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 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">3/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/now-you-see-me-2/"> <a class="button" href="/film/reviews/holes/">
Read review Read review
</a> </a>
</div> </div>
@ -464,26 +469,45 @@
<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/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="The French Dispatch" />
<div class="card-favorite-star">
<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>
</div>
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Holes</h3> <h3 class="subtitle">The French Dispatch</h3>
</header> </header>
<div>A boy is sent to a juvenile work camp as punishment after being mistakenly arrested.</div> <div>Authors for a New Yorker-esque magazine report on a small town in France</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/holes/"> <a class="button" href="/film/reviews/the-french-dispatch/">
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="Now 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>
@ -515,30 +539,6 @@
</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="The 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> </div>
</section> </section>
@ -573,6 +573,35 @@
</div> </div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" />
<div class="card-favorite-star">
<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>
</div>
</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">
<div class="card-image"> <div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Whisper of the Heart" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Whisper of the Heart" />
@ -621,35 +650,6 @@
</div> </div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" />
<div class="card-favorite-star">
<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>
</div>
</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> </div>
</section> </section>
@ -694,30 +694,6 @@
</header> </header>
<div class="carasol"> <div class="carasol">
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="No 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">
<div class="card-image"> <div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Whisper of the Heart" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Whisper of the Heart" />
@ -766,6 +742,30 @@
</div> </div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="No 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> </div>
</section> </section>

10
docs/index.xml
View file

@ -106,5 +106,15 @@
<description>This is a blog that I’ve wanted to start for a long time! I create it with two goals in mind. First, I want to jot down and share my thoughts about movies as I have them. I normally have a pretty clear opinion about movies right after I watch them, but then cannot remember clearly all the little things I was thinking after about a week. I hope to use this blog to track those ideas while they’re still fresh.</description> <description>This is a blog that I’ve wanted to start for a long time! I create it with two goals in mind. First, I want to jot down and share my thoughts about movies as I have them. I normally have a pretty clear opinion about movies right after I watch them, but then cannot remember clearly all the little things I was thinking after about a week. I hope to use this blog to track those ideas while they’re still fresh.</description>
</item> </item>
<item>
<title>Explaining My Ratings</title>
<link>https://caalden.github.io/film/ratings/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://caalden.github.io/film/ratings/</guid>
<description>You may have noticed that my ratings for movies on this site don&amp;rsquo;t line up with other sites. In some cases, my rating may not line up exactly with my full opinion of the movie. That&amp;rsquo;s because I&amp;rsquo;m not rating the quality of the movie directly. I&amp;rsquo;m rating how strongly I recommend you watch the movie.
This is why something I absolutely loved, for example The French Dispatch, is given less than 5/5.</description>
</item>
</channel> </channel>
</rss> </rss>

4
docs/quick_look.css
View file

@ -13,6 +13,10 @@
color: #3D292D !important ; color: #3D292D !important ;
} }
.quicklook-info {
display: inline-flex;
}
.quicklook-details { .quicklook-details {
display: flex; display: flex;
gap: 30px; gap: 30px;

69
docs/ratings/index.html Normal file
View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en"><head>
<title>Explaining My Ratings</title>
<meta property="og:title" content="Explaining My Ratings" />
<meta property="og:description" content="Rather than a normal rating system, my rating is based on how likely I am to recommend a movie.">
<meta name="description" content="Rather than a normal rating system, my rating is based on how likely I am to recommend a movie.">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://caalden.github.io/film/ratings/" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎥</text></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inika:wght@400;700&family=Merriweather:wght@400;700&family=Rufina&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/film/style.css">
<link rel="stylesheet" href="/film/card.css">
<link rel="stylesheet" href="/film/home.css">
<link rel="stylesheet" href="/film/review.css">
<link rel="stylesheet" href="/film/quick_look.css">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PF672BTD8F"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-PF672BTD8F');
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<ul class="navbar-list">
<li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul>
</nav>
</header>
<main id="content">
<div class="core-content">
<article>
<header>
<h1 style="margin-top: 30px; margin-bottom: 10px">Explaining My Ratings</h1>
</header><p>You may have noticed that my ratings for movies on this site don&rsquo;t line up with other sites. In some cases, my rating may not line up exactly with my full opinion of the movie. That&rsquo;s because I&rsquo;m not rating the <em>quality</em> of the movie directly. I&rsquo;m rating <em>how strongly I recommend you watch the movie</em>.</p>
<p>This is why something I absolutely loved, for example <a href="https://caalden.github.io/film/reviews/the-french-dispatch/">The French Dispatch</a>, is given less than 5/5. While I think that movie is great, it is not necessarily a film that I think everyone will enjoy. My ratings can be thought of as follows:</p>
<ol>
<li><strong>This movie was bad and I actively implore you not to go see it</strong>. At the time of writing this, no movie I have reviewed has reached this score. I tend to be discerning enough to avoid movies I would suspect warrant this rating in the first place. If I do come across a 1/5, it will be something that I actively think should not exist.</li>
<li><strong>This movie was bad and I recommend you pass it by.</strong> A movie that I rank a 2/5 has serious issues. <a href="https://caalden.github.io/film/reviews/now-you-see-me-2/">Now You See Me 2</a> meets this criteria for me. Full details can be found in that review, however, suffice it to say the movie is both bad and ruins the original. You gain little by watching it and may even lose something you liked about the first one.</li>
<li><strong>This movie was fine, I leave it up to you to decide based on my Recommendation section if you think it&rsquo;s worth watching</strong>. I could go either way here. For example, <a href="https://caalden.github.io/film/reviews/no-reservations/">No Reservations</a> is in this category because it wasn&rsquo;t bad and there were things I liked, but it also wasn&rsquo;t actively good. It missed the mark in a lot of ways but works just fine as a Rom-Dram.</li>
<li><strong>I recommend you see this movie</strong>. A majority of my ratings are ending up 4/5 because for the most part I can think of more reasons to watch most movies than I can think of to pass them by. The movie still might not be for everyone, but I think the average person should enjoy it.</li>
<li><strong>I don&rsquo;t care who you are, you must watch this</strong>. Most movies fall short of my 5/5 because they have to have a unique combination of being somewhat of a crowd pleaser while still being an objectively good movie. For example, <a href="https://caalden.github.io/film/reviews/whisper-of-the-heart/">Whisper of the Heart</a> hits the 5/5 mark for me because the story, art, music, etc are all excellent. There&rsquo;s nothing too challenging about it that might make me put asterisks on the recommendation. I have trouble imagining someone who couldn&rsquo;t find something to enjoy in that film.</li>
</ol>
</article>
</div>
</main><footer>
<span></span>
</footer>
</body>
</html>

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

@ -72,8 +72,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">4/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -77,8 +77,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">4/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -77,8 +77,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">3/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -72,8 +72,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">4/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -72,8 +72,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">4/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -72,8 +72,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">3/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -72,8 +72,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">2/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -77,8 +77,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">4/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -72,8 +72,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">4/5</span> Rating
</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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

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

@ -72,8 +72,11 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">5/5</span> 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>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

2
docs/sitemap.xml
View file

@ -75,5 +75,7 @@
<lastmod>2022-08-17T17:18:04+09:00</lastmod> <lastmod>2022-08-17T17:18:04+09:00</lastmod>
</url><url> </url><url>
<loc>https://caalden.github.io/film/about/</loc> <loc>https://caalden.github.io/film/about/</loc>
</url><url>
<loc>https://caalden.github.io/film/ratings/</loc>
</url> </url>
</urlset> </urlset>

1
layouts/partials/info.html Normal file
View file

@ -0,0 +1 @@
<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>
Side by side

After

Width:  |  Height:  |  Size: 347 B

10
layouts/partials/quicklook.html
View file

@ -6,8 +6,14 @@
</header> </header>
<div class="quicklook-details"> <div class="quicklook-details">
<div class="quicklook-rating"> <div class="quicklook-rating">
<span class="caption">Rating</span> <span class="caption">
<span class="numbers-large quicklook-emphasized-color">{{- .Params.rating -}}/5</span> Rating
</span>
<span class="numbers-large quicklook-emphasized-color cluster s1">
{{- .Params.rating -}}/5<a href="{{ .Site.BaseURL }}ratings" class="quicklook-info" title="About my ratings...">
{{- partial "info.html" . -}}
</a>
</span>
</div> </div>
<div class="quicklook-genre-section"> <div class="quicklook-genre-section">
<span class="caption">Genre</span> <span class="caption">Genre</span>

4
static/quick_look.css
View file

@ -13,6 +13,10 @@
color: #3D292D !important ; color: #3D292D !important ;
} }
.quicklook-info {
display: inline-flex;
}
.quicklook-details { .quicklook-details {
display: flex; display: flex;
gap: 30px; gap: 30px;