PUBLISH: Beverly Hills Cop

This commit is contained in:
Campbell Alden 2022-09-11 17:54:00 +09:00
parent f6bf7e3982
commit ef0a80a8f8
15 changed files with 637 additions and 132 deletions

View file

@ -50,6 +50,28 @@
</header>
<div class="cards">
<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 style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.3</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 loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Kingsman: The Secret Service" />

View file

@ -6,7 +6,16 @@
<description>Recent content in Action on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Wed, 31 Aug 2022 21:52:25 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/action/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Wed, 07 Sep 2022 15:34:14 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/action/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Beverly Hills Cop</title>
<link>https://caalden.github.io/film/reviews/beverly-hills-cop/</link>
<pubDate>Wed, 07 Sep 2022 15:34:14 +0900</pubDate>
<guid>https://caalden.github.io/film/reviews/beverly-hills-cop/</guid>
<description>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</description>
</item>
<item>
<title>Kingsman: The Secret Service</title>
<link>https://caalden.github.io/film/reviews/kingsman/</link>

View file

@ -50,6 +50,28 @@
</header>
<div class="cards">
<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 style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.3</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 loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" />

View file

@ -6,7 +6,16 @@
<description>Recent content in Comedy on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Fri, 02 Sep 2022 17:54:55 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/comedy/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Wed, 07 Sep 2022 15:34:14 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/comedy/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Beverly Hills Cop</title>
<link>https://caalden.github.io/film/reviews/beverly-hills-cop/</link>
<pubDate>Wed, 07 Sep 2022 15:34:14 +0900</pubDate>
<guid>https://caalden.github.io/film/reviews/beverly-hills-cop/</guid>
<description>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</description>
</item>
<item>
<title>Holes</title>
<link>https://caalden.github.io/film/reviews/holes/</link>

View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en"><head>
<title>Crime</title>
<meta property="og:title" content="Crime" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://caalden.github.io/film/genres/crime/" />
<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">
<section>
<header class="cluster s1 spacing:between" style="align-items: center; margin-bottom: 10px">
<h1>Crime</h1>
<a class="button button:large" href="https://caalden.github.io/film/genres">Back to Genres</a>
</header>
<div class="cards">
<div class="card">
<div class="card-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 style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.3</span>
</div>
<div>
<a class="button" href="/film/reviews/beverly-hills-cop/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
</main><footer>
<span></span>
</footer>
</body>
</html>

View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Crime on CaAlden: Films</title>
<link>https://caalden.github.io/film/genres/crime/</link>
<description>Recent content in Crime on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Wed, 07 Sep 2022 15:34:14 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/crime/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Beverly Hills Cop</title>
<link>https://caalden.github.io/film/reviews/beverly-hills-cop/</link>
<pubDate>Wed, 07 Sep 2022 15:34:14 +0900</pubDate>
<guid>https://caalden.github.io/film/reviews/beverly-hills-cop/</guid>
<description>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</description>
</item>
</channel>
</rss>

View file

@ -51,11 +51,141 @@
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Adventure</h2>
<a href="adventure" class="button button:large">See more</a>
<h2>Action</h2>
<a href="action" class="button button:large">See more</a>
</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 style="text-align: justify;">A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.7</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/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Beverly Hills Cop" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Beverly Hills Cop</h3>
</header>
<div style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.3</span>
</div>
<div>
<a class="button" href="/film/reviews/beverly-hills-cop/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Comedy</h2>
<a href="comedy" class="button button:large">See more</a>
</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 style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.3</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 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 style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.2</span>
</div>
<div>
<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/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 style="text-align: justify;">A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.7</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/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Holes" />
@ -85,23 +215,33 @@
</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-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/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Beverly Hills Cop" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
<h3 class="subtitle">Beverly Hills Cop</h3>
</header>
<div style="text-align: justify;">A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.7</span>
<span class="numbers">7.3</span>
</div>
<div>
<a class="button" href="/film/reviews/kingsman/">
<a class="button" href="/film/reviews/beverly-hills-cop/">
Read review
</a>
</div>
@ -114,8 +254,8 @@
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Comedy</h2>
<a href="comedy" class="button button:large">See more</a>
<h2>Adventure</h2>
<a href="adventure" class="button button:large">See more</a>
</header>
<div class="carasol">
@ -143,30 +283,6 @@
</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 style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.2</span>
</div>
<div>
<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" />
@ -206,6 +322,35 @@
</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" />
<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 style="text-align: justify;">A boy is sent to a juvenile work camp as punishment after being mistakenly...</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.0</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" />
@ -254,69 +399,6 @@
</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 style="text-align: justify;">A boy is sent to a juvenile work camp as punishment after being mistakenly...</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.0</span>
</div>
<div>
<a class="button" href="/film/reviews/holes/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Action</h2>
<a href="action" class="button button:large">See more</a>
</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 style="text-align: justify;">A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.7</span>
</div>
<div>
<a class="button" href="/film/reviews/kingsman/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>

View file

@ -6,7 +6,34 @@
<description>Recent content in Genres on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Fri, 02 Sep 2022 17:54:55 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Wed, 07 Sep 2022 15:34:14 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Action</title>
<link>https://caalden.github.io/film/genres/action/</link>
<pubDate>Wed, 07 Sep 2022 15:34:14 +0900</pubDate>
<guid>https://caalden.github.io/film/genres/action/</guid>
<description></description>
</item>
<item>
<title>Comedy</title>
<link>https://caalden.github.io/film/genres/comedy/</link>
<pubDate>Wed, 07 Sep 2022 15:34:14 +0900</pubDate>
<guid>https://caalden.github.io/film/genres/comedy/</guid>
<description></description>
</item>
<item>
<title>Crime</title>
<link>https://caalden.github.io/film/genres/crime/</link>
<pubDate>Wed, 07 Sep 2022 15:34:14 +0900</pubDate>
<guid>https://caalden.github.io/film/genres/crime/</guid>
<description></description>
</item>
<item>
<title>Adventure</title>
<link>https://caalden.github.io/film/genres/adventure/</link>
@ -16,15 +43,6 @@
<description></description>
</item>
<item>
<title>Comedy</title>
<link>https://caalden.github.io/film/genres/comedy/</link>
<pubDate>Fri, 02 Sep 2022 17:54:55 +0900</pubDate>
<guid>https://caalden.github.io/film/genres/comedy/</guid>
<description></description>
</item>
<item>
<title>Drama</title>
<link>https://caalden.github.io/film/genres/drama/</link>
@ -34,15 +52,6 @@
<description></description>
</item>
<item>
<title>Action</title>
<link>https://caalden.github.io/film/genres/action/</link>
<pubDate>Wed, 31 Aug 2022 21:52:25 +0900</pubDate>
<guid>https://caalden.github.io/film/genres/action/</guid>
<description></description>
</item>
<item>
<title>Romance</title>
<link>https://caalden.github.io/film/genres/romance/</link>