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

PUBLISH: link home from the logo rather than a home link

Browse source
This commit is contained in:
Campbell Alden 2023-02-11 16:53:22 +09:00
parent fae290a18d
commit 4ac895b0b1
34 changed files with 380 additions and 331 deletions
Download patch file Download diff file Expand all files Collapse all files

9
docs/404.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/a-z/index.html
View file

@ -36,14 +36,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/about/index.html
View file

@ -36,14 +36,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/favorites/index.html
View file

@ -36,14 +36,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/action/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/adventure/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/comedy/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/crime/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/drama/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/family/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/horror/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

421
docs/genres/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>
@ -60,45 +61,21 @@
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forNow You See Me 2" />
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forKingsman: The Secret Service" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Now You See Me 2</h3>
<h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
</header>
<div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Beverly Hills Cop</h3>
</header>
<div>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</div>
<div>A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/beverly-hills-cop/">
<a class="button" href="/film/reviews/kingsman/">
Read review
</a>
</div>
@ -138,55 +115,7 @@
<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="Poster forIn Time" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">In Time</h3>
</header>
<div>A dystopian future where time is literally money</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/in-time/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forKingsman: The Secret Service" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
</header>
<div>A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/kingsman/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNzM1ODI4Y2UtMGYxMS00OTUxLWE4NzItNjgxMTM2NzRjZThkXkEyXkFqcGdeQXVyMTA1OTcyNDQ4._V1_SX800.webp alt="Poster forThe School for Good and Evil" />
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNzM1ODI4Y2UtMGYxMS00OTUxLWE4NzItNjgxMTM2NzRjZThkXkEyXkFqcGdeQXVyMTA1OTcyNDQ4._V1_SX800.webp alt="Poster forThe School for Good and Evil" />
</div>
<section class="card-content">
@ -208,6 +137,54 @@
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Beverly Hills Cop</h3>
</header>
<div>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/beverly-hills-cop/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forNow You See Me 2" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Now You See Me 2</h3>
</header>
<div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review
</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/MV5BMTU2NjA1ODgzMF5BMl5BanBnXkFtZTgwMTM2MTI4MjE@._V1_SX800.webp alt="Poster forJohn Wick" />
@ -232,6 +209,30 @@
</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="Poster forIn Time" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">In Time</h3>
</header>
<div>A dystopian future where time is literally money</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/in-time/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
@ -242,6 +243,30 @@
</header>
<div class="carasol">
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2NjA1ODgzMF5BMl5BanBnXkFtZTgwMTM2MTI4MjE@._V1_SX800.webp alt="Poster forJohn Wick" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">John Wick</h3>
</header>
<div>A man dismantles an entire criminal syndicate that stands between him and his revenge</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/john-wick/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
@ -296,30 +321,6 @@
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2NjA1ODgzMF5BMl5BanBnXkFtZTgwMTM2MTI4MjE@._V1_SX800.webp alt="Poster forJohn Wick" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">John Wick</h3>
</header>
<div>A man dismantles an entire criminal syndicate that stands between him and his revenge</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/john-wick/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
@ -420,21 +421,45 @@
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forNow You See Me 2" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Beverly Hills Cop</h3>
<h3 class="subtitle">Now You See Me 2</h3>
</header>
<div>A Detroit cop comes to Beverly Hills to find the man who murdered his friend</div>
<div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/beverly-hills-cop/">
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNzM1ODI4Y2UtMGYxMS00OTUxLWE4NzItNjgxMTM2NzRjZThkXkEyXkFqcGdeQXVyMTA1OTcyNDQ4._V1_SX800.webp alt="Poster forThe School for Good and Evil" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">The School for Good and Evil</h3>
</header>
<div>Two friends embark on a fairy tale at a school for heroes and villains</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/the-school-for-good-and-evil/">
Read review
</a>
</div>
@ -468,69 +493,21 @@
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BYjhlNDljNTgtZjc4My00NmZmLTk2YzAtYWE5MDYwYjM4MTkzXkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forNow You See Me 2" />
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Now You See Me 2</h3>
<h3 class="subtitle">Beverly Hills Cop</h3>
</header>
<div>A group of magicians are coerced into pulling off another heist</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">2/5</span>
</div>
<div>
<a class="button" href="/film/reviews/now-you-see-me-2/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNzM1ODI4Y2UtMGYxMS00OTUxLWE4NzItNjgxMTM2NzRjZThkXkEyXkFqcGdeQXVyMTA1OTcyNDQ4._V1_SX800.webp alt="Poster forThe School for Good and Evil" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">The School for Good and Evil</h3>
</header>
<div>Two friends embark on a fairy tale at a school for heroes and villains</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/the-school-for-good-and-evil/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forKingsman: The Secret Service" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
</header>
<div>A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div>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/kingsman/">
<a class="button" href="/film/reviews/beverly-hills-cop/">
Read review
</a>
</div>
@ -568,6 +545,30 @@
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="Poster forKingsman: The Secret Service" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
</header>
<div>A secret British spy agency unravels a billionaire&rsquo;s evil plot</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">4/5</span>
</div>
<div>
<a class="button" href="/film/reviews/kingsman/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
@ -578,6 +579,30 @@
</header>
<div class="carasol">
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNzM1ODI4Y2UtMGYxMS00OTUxLWE4NzItNjgxMTM2NzRjZThkXkEyXkFqcGdeQXVyMTA1OTcyNDQ4._V1_SX800.webp alt="Poster forThe School for Good and Evil" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">The School for Good and Evil</h3>
</header>
<div>Two friends embark on a fairy tale at a school for heroes and villains</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/the-school-for-good-and-evil/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe French Dispatch" />
@ -632,30 +657,6 @@
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNzM1ODI4Y2UtMGYxMS00OTUxLWE4NzItNjgxMTM2NzRjZThkXkEyXkFqcGdeQXVyMTA1OTcyNDQ4._V1_SX800.webp alt="Poster forThe School for Good and Evil" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle card-title-long">The School for Good and Evil</h3>
</header>
<div>Two friends embark on a fairy tale at a school for heroes and villains</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/the-school-for-good-and-evil/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
@ -910,30 +911,6 @@
</header>
<div class="carasol">
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Whisper of the Heart</h3>
</header>
<div>A slice of life story about a bookish middle school girl living in Tokyo</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">5/5</span>
</div>
<div>
<a class="button" href="/film/reviews/whisper-of-the-heart/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe French Dispatch" />
@ -982,6 +959,30 @@
</div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">Whisper of the Heart</h3>
</header>
<div>A slice of life story about a bookish middle school girl living in Tokyo</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">5/5</span>
</div>
<div>
<a class="button" href="/film/reviews/whisper-of-the-heart/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>

9
docs/genres/mystery/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/romance/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/sci-fi/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/genres/thriller/index.html
View file

@ -33,14 +33,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

11
docs/index.html
View file

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta name="generator" content="Hugo 0.108.0">
<meta name="generator" content="Hugo 0.110.0">
<title>CaAlden: Films</title>
<meta property="og:title" content="CaAlden: Films" />
@ -37,14 +37,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/ratings/index.html
View file

@ -36,14 +36,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/reviews/john-wick/index.html
View file

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/reviews/the-school-for-good-and-evil/index.html
View file

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

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

@ -44,14 +44,15 @@
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
<h2>
<a href="https://caalden.github.io/film/" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</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>

9
docs/style.css
View file

@ -245,6 +245,15 @@ a:hover {
.unstyled-list {
list-style: none;
}
.unstyled-link {
unset: all;
color: inherit;
text-decoration: none;
}
.unstyled-link:hover {
color: inherit;
}
.navbar {
display: flex;
}