PUBLISH: Add an A-Z page
This commit is contained in:
Campbell Alden
parent
4c3cf70733
commit
cce11b463e
6 changed files with 642 additions and 189 deletions
8
content/a-z.md
Normal file
8
content/a-z.md
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
---
|
||||||
|
title: A to Z
|
||||||
|
description: All of my movie removes in alphabetical order
|
||||||
|
date: 2022-10-16:17:30+09:00
|
||||||
|
type: lists
|
||||||
|
layout: a-z
|
||||||
|
---
|
||||||
|
A list of all film recommendations in order from A to Z
|
||||||
394
docs/a-z/index.html
Normal file
394
docs/a-z/index.html
Normal file
|
|
@ -0,0 +1,394 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en"><head>
|
||||||
|
<title>A to Z</title>
|
||||||
|
<meta property="og:title" content="A to Z" />
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="og:description" content="All of my movie removes in alphabetical order">
|
||||||
|
<meta name="description" content="All of my movie removes in alphabetical order">
|
||||||
|
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
|
||||||
|
<meta property="og:url" content="https://caalden.github.io/film/a-z/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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">
|
||||||
|
<link rel="stylesheet" href="/film/metadetails.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">
|
||||||
|
<section class="home-page-header">
|
||||||
|
<header class="stack s1">
|
||||||
|
<h1>A to Z</h1>
|
||||||
|
<div class="core-content"><p>A list of all film recommendations in order from A to Z</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">B</h2>
|
||||||
|
</header>
|
||||||
|
<div class="carasol">
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-image">
|
||||||
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Beverly Hills Cop" />
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">F</h2>
|
||||||
|
</header>
|
||||||
|
<div class="carasol">
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-image">
|
||||||
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Fright Night" />
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">H</h2>
|
||||||
|
</header>
|
||||||
|
<div class="carasol">
|
||||||
|
|
||||||
|
<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" />
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">I</h2>
|
||||||
|
</header>
|
||||||
|
<div class="carasol">
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">K</h2>
|
||||||
|
</header>
|
||||||
|
<div class="carasol">
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-image">
|
||||||
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Kingsman: The Secret Service" />
|
||||||
|
|
||||||
|
</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’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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">N</h2>
|
||||||
|
</header>
|
||||||
|
<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-image">
|
||||||
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Now You See Me" />
|
||||||
|
|
||||||
|
<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">Now You See Me</h3>
|
||||||
|
</header>
|
||||||
|
<div>Four magicians are united by an unknown benefactor to pull off a series of heists</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/now-you-see-me/">
|
||||||
|
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
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">T</h2>
|
||||||
|
</header>
|
||||||
|
<div class="carasol">
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">W</h2>
|
||||||
|
</header>
|
||||||
|
<div class="carasol">
|
||||||
|
|
||||||
|
<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="Whisper 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>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main><footer>
|
||||||
|
<span></span>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -111,30 +111,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/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="In Time" />
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="In Time" />
|
||||||
|
|
@ -159,6 +135,30 @@
|
||||||
</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/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" />
|
||||||
|
|
@ -267,6 +267,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/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/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Now You See Me" />
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Now You See Me" />
|
||||||
|
|
@ -297,30 +321,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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
@ -331,30 +331,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/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" />
|
||||||
|
|
@ -409,6 +385,30 @@
|
||||||
</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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
@ -421,21 +421,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="Kingsman: The Secret Service" />
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="The French Dispatch" />
|
||||||
|
|
||||||
</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">The French Dispatch</h3>
|
||||||
</header>
|
</header>
|
||||||
<div>A secret British spy agency unravels a billionaire’s evil plot</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">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/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/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" />
|
||||||
|
|
||||||
|
<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
|
Read review
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -467,60 +497,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" />
|
|
||||||
|
|
||||||
<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/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 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/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Now You See Me 2" />
|
||||||
|
|
@ -545,6 +521,30 @@
|
||||||
</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="Kingsman: 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’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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
@ -557,27 +557,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/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" />
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Whisper of the Heart" />
|
||||||
|
|
||||||
<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>
|
</div>
|
||||||
<section class="card-content">
|
<section class="card-content">
|
||||||
<header>
|
<header>
|
||||||
<h3 class="subtitle">Holes</h3>
|
<h3 class="subtitle">Whisper of the Heart</h3>
|
||||||
</header>
|
</header>
|
||||||
<div>A boy is sent to a juvenile work camp as punishment after being mistakenly arrested.</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">3/5</span>
|
<span class="numbers">5/5</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a class="button" href="/film/reviews/holes/">
|
<a class="button" href="/film/reviews/whisper-of-the-heart/">
|
||||||
Read review
|
Read review
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -609,6 +603,36 @@
|
||||||
</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" />
|
||||||
|
|
||||||
|
<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">
|
||||||
<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="No Reservations" />
|
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="No Reservations" />
|
||||||
|
|
@ -633,30 +657,6 @@
|
||||||
</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="Whisper 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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
@ -701,30 +701,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/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 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" />
|
||||||
|
|
@ -773,6 +749,30 @@
|
||||||
</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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -97,6 +97,15 @@
|
||||||
<description>Authors for a New Yorker-esque magazine report on a small town in France</description>
|
<description>Authors for a New Yorker-esque magazine report on a small town in France</description>
|
||||||
</item>
|
</item>
|
||||||
|
|
||||||
|
<item>
|
||||||
|
<title>A to Z</title>
|
||||||
|
<link>https://caalden.github.io/film/a-z/</link>
|
||||||
|
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||||
|
|
||||||
|
<guid>https://caalden.github.io/film/a-z/</guid>
|
||||||
|
<description>A list of all film recommendations in order from A to Z</description>
|
||||||
|
</item>
|
||||||
|
|
||||||
<item>
|
<item>
|
||||||
<title>About</title>
|
<title>About</title>
|
||||||
<link>https://caalden.github.io/film/about/</link>
|
<link>https://caalden.github.io/film/about/</link>
|
||||||
|
|
|
||||||
|
|
@ -73,6 +73,8 @@
|
||||||
</url><url>
|
</url><url>
|
||||||
<loc>https://caalden.github.io/film/reviews/the-french-dispatch/</loc>
|
<loc>https://caalden.github.io/film/reviews/the-french-dispatch/</loc>
|
||||||
<lastmod>2022-08-17T17:18:04+09:00</lastmod>
|
<lastmod>2022-08-17T17:18:04+09:00</lastmod>
|
||||||
|
</url><url>
|
||||||
|
<loc>https://caalden.github.io/film/a-z/</loc>
|
||||||
</url><url>
|
</url><url>
|
||||||
<loc>https://caalden.github.io/film/about/</loc>
|
<loc>https://caalden.github.io/film/about/</loc>
|
||||||
</url><url>
|
</url><url>
|
||||||
|
|
|
||||||
40
layouts/lists/a-z.html
Normal file
40
layouts/lists/a-z.html
Normal file
|
|
@ -0,0 +1,40 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
{{- $letters := split "ABCDEFGHIJKLMNOPQRSTUVWXYZ" "" -}}
|
||||||
|
{{- $pages := (where (where .Site.Pages "Section" "reviews") "IsPage" "==" true) -}}
|
||||||
|
{{- $pages_by_letters := dict -}}
|
||||||
|
{{ range $pages }}
|
||||||
|
{{- $page := . -}}
|
||||||
|
{{- $first_letter := upper ( substr $page.Title 0 1 ) -}}
|
||||||
|
{{- if not (in $letters $first_letter) }}
|
||||||
|
{{ $first_letter = "#" }}
|
||||||
|
{{ end }}
|
||||||
|
{{- $new_list := slice -}}
|
||||||
|
{{ with index $pages_by_letters $first_letter }}
|
||||||
|
{{- $new_list = . | append $page -}}
|
||||||
|
{{ else }}
|
||||||
|
{{- $new_list = slice $page -}}
|
||||||
|
{{ end }}
|
||||||
|
{{- $pages_by_letters = merge $pages_by_letters (dict $first_letter $new_list) -}}
|
||||||
|
{{ end }}
|
||||||
|
<section class="home-page-header">
|
||||||
|
<header class="stack s1">
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
<div class="core-content">
|
||||||
|
{{- .Content -}}
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
{{ range $key, $items := $pages_by_letters }}
|
||||||
|
<section>
|
||||||
|
<header class="p1">
|
||||||
|
<h2 class="cluster">{{$key}}</h2>
|
||||||
|
</header>
|
||||||
|
<div class="carasol">
|
||||||
|
{{range sort $items "Title" }}
|
||||||
|
{{ .Render "summary" }}
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{end}}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{{end}}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue