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

PUBLISH: Add copyright and links section to the footer

Browse source
This commit is contained in:
Campbell Alden 2023-01-18 17:10:54 +09:00
parent 54e8a6413b
commit fae290a18d
48 changed files with 813 additions and 502 deletions
Download patch file Download diff file Expand all files Collapse all files

1
config.toml
View file

@ -1,6 +1,7 @@
baseURL = 'https://caalden.github.io/film/' baseURL = 'https://caalden.github.io/film/'
languageCode = 'en-us' languageCode = 'en-us'
title = 'CaAlden: Films' title = 'CaAlden: Films'
copyright = '© 2023 Campbell Alden, All rights reserved.'
[taxonomies] [taxonomies]
genre = 'genres' genre = 'genres'

12
docs/404.html
View file

@ -52,8 +52,16 @@
<p class="color:deemphasize">The page you were looking for could not be found</p> <p class="color:deemphasize">The page you were looking for could not be found</p>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -445,8 +445,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

12
docs/about/index.html
View file

@ -62,8 +62,16 @@ First, I want to jot down and share my thoughts about movies as I have them. I n
</article> </article>
</div> </div>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

12
docs/favorites/index.html
View file

@ -177,8 +177,16 @@ I just feel that they hold all the qualities that make a movie great to me.</p>
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -229,8 +229,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/action/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Action on CaAlden: Films</description> <description>Recent content in Action on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/action/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/action/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>John Wick</title> <title>John Wick</title>

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

@ -133,8 +133,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/adventure/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Adventure on CaAlden: Films</description> <description>Recent content in Adventure on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 14 Sep 2022 22:09:07 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/adventure/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 14 Sep 2022 22:09:07 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/adventure/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Now You See Me 2</title> <title>Now You See Me 2</title>

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

@ -205,8 +205,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/comedy/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Comedy on CaAlden: Films</description> <description>Recent content in Comedy on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 09 Nov 2022 19:58:32 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/comedy/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 09 Nov 2022 19:58:32 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/comedy/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>The School for Good and Evil</title> <title>The School for Good and Evil</title>

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

@ -133,8 +133,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/crime/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Crime on CaAlden: Films</description> <description>Recent content in Crime on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/crime/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/crime/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>John Wick</title> <title>John Wick</title>

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

@ -181,8 +181,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/drama/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Drama on CaAlden: Films</description> <description>Recent content in Drama on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 09 Nov 2022 19:58:32 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/drama/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 09 Nov 2022 19:58:32 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/drama/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>The School for Good and Evil</title> <title>The School for Good and Evil</title>

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

@ -79,8 +79,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/family/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Family on CaAlden: Films</description> <description>Recent content in Family on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Sun, 11 Sep 2022 20:43:24 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/family/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Sun, 11 Sep 2022 20:43:24 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/family/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Whisper of the Heart</title> <title>Whisper of the Heart</title>

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

@ -85,8 +85,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/horror/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Horror on CaAlden: Films</description> <description>Recent content in Horror on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Sun, 09 Oct 2022 20:53:53 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/horror/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Sun, 09 Oct 2022 20:53:53 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/horror/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Fright Night</title> <title>Fright Night</title>

890
docs/genres/index.html
View file

@ -58,6 +58,54 @@
</header> </header>
<div class="carasol"> <div class="carasol">
<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" />
</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 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">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Poster forFright Night" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2MDc0NDY0M15BMl5BanBnXkFtZTcwOTgzMTYyNQ@@._V1_SX800.webp alt="Poster forFright Night" />
@ -88,6 +136,166 @@
</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="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" />
</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/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>
<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 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 class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster forNow 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">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2NjA1ODgzMF5BMl5BanBnXkFtZTgwMTM2MTI4MjE@._V1_SX800.webp alt="Poster forJohn Wick" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTU2NjA1ODgzMF5BMl5BanBnXkFtZTgwMTM2MTI4MjE@._V1_SX800.webp alt="Poster forJohn Wick" />
@ -112,6 +320,70 @@
</div> </div>
</div>
</section>
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Thriller</h2>
<a href="thriller" class="button button:large">See more</a>
</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/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster forNow 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">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="Poster forIn Time" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="Poster forIn Time" />
@ -136,6 +408,88 @@
</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 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 class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe 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-image">
<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">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/MV5BNzM1ODI4Y2UtMGYxMS00OTUxLWE4NzItNjgxMTM2NzRjZThkXkEyXkFqcGdeQXVyMTA1OTcyNDQ4._V1_SX800.webp alt="Poster forThe School for Good and Evil" /> <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" />
@ -186,89 +540,7 @@
<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="Poster forBeverly Hills Cop" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" />
</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>
</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 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/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster forNow You See Me" />
<a class="card-favorite-star" href="https://caalden.github.io/film/favorites"> <a class="card-favorite-star" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span> <span hidden>Favorite</span>
@ -279,40 +551,16 @@
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Now You See Me</h3> <h3 class="subtitle">Holes</h3>
</header> </header>
<div>Four magicians are united by an unknown benefactor to pull off a series of heists</div> <div>A boy is sent to a juvenile work camp as punishment after being mistakenly arrested</div>
<div class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">4/5</span> <span class="numbers">3/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/now-you-see-me/"> <a class="button" href="/film/reviews/holes/">
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 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 Read review
</a> </a>
</div> </div>
@ -325,14 +573,38 @@
<section> <section>
<header class="cluster spacing:between p1" style="align-items: flex-end;"> <header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Thriller</h2> <h2>Drama</h2>
<a href="thriller" class="button button:large">See more</a> <a href="drama" class="button button:large">See more</a>
</header> </header>
<div class="carasol"> <div class="carasol">
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTY0NDY3MDMxN15BMl5BanBnXkFtZTcwOTM5NzMzOQ@@._V1_SX800.webp alt="Poster forNow You See Me" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe 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-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" />
<a class="card-favorite-star" href="https://caalden.github.io/film/favorites"> <a class="card-favorite-star" href="https://caalden.github.io/film/favorites">
<span hidden>Favorite</span> <span hidden>Favorite</span>
@ -343,98 +615,16 @@
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Now You See Me</h3> <h3 class="subtitle">Holes</h3>
</header> </header>
<div>Four magicians are united by an unknown benefactor to pull off a series of heists</div> <div>A boy is sent to a juvenile work camp as punishment after being mistakenly arrested</div>
<div class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">4/5</span> <span class="numbers">3/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/now-you-see-me/"> <a class="button" href="/film/reviews/holes/">
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/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 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>
<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 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 Read review
</a> </a>
</div> </div>
@ -468,173 +658,7 @@
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" /> <img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper 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>
<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="Poster forThe 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-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/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>
</section>
<section>
<header class="cluster spacing:between p1" style="align-items: flex-end;">
<h2>Drama</h2>
<a href="drama" class="button button:large">See more</a>
</header>
<div class="carasol">
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" />
<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 class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.webp alt="Poster forThe 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-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
</div> </div>
<section class="card-content"> <section class="card-content">
@ -680,30 +704,6 @@
</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> </div>
</section> </section>
@ -788,30 +788,6 @@
</header> </header>
<div class="carasol"> <div class="carasol">
<div class="card">
<div class="card-image">
<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 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">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTg0MTU5ODkwM15BMl5BanBnXkFtZTYwMzgxNzY3._V1_SX800.webp alt="Poster forHoles" />
@ -866,6 +842,30 @@
</div> </div>
<div class="card">
<div class="card-image">
<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 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> </div>
</section> </section>
@ -910,30 +910,6 @@
</header> </header>
<div class="carasol"> <div class="carasol">
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="Poster forNo Reservations" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">No Reservations</h3>
</header>
<div>A NY City chef and her recently adopted niece adapt to their life together</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">3/5</span>
</div>
<div>
<a class="button" href="/film/reviews/no-reservations/">
Read review
</a>
</div>
</div>
</div>
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" /> <img class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" />
@ -982,6 +958,30 @@
</div> </div>
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.webp alt="Poster forNo Reservations" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">No Reservations</h3>
</header>
<div>A NY City chef and her recently adopted niece adapt to their life together</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
Rating:
<span class="numbers">3/5</span>
</div>
<div>
<a class="button" href="/film/reviews/no-reservations/">
Read review
</a>
</div>
</div>
</div>
</div> </div>
</section> </section>
@ -1027,8 +1027,16 @@
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Genres on CaAlden: Films</description> <description>Recent content in Genres on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Action</title> <title>Action</title>

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

@ -85,8 +85,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/mystery/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Mystery on CaAlden: Films</description> <description>Recent content in Mystery on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Sun, 11 Sep 2022 20:43:17 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/mystery/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Sun, 11 Sep 2022 20:43:17 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/mystery/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Now You See Me</title> <title>Now You See Me</title>

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

@ -127,8 +127,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/romance/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Romance on CaAlden: Films</description> <description>Recent content in Romance on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Sun, 11 Sep 2022 20:43:24 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/romance/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Sun, 11 Sep 2022 20:43:24 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/romance/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Whisper of the Heart</title> <title>Whisper of the Heart</title>

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

@ -79,8 +79,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/sci-fi/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Sci-Fi on CaAlden: Films</description> <description>Recent content in Sci-Fi on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Tue, 27 Sep 2022 22:41:22 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/sci-fi/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Tue, 27 Sep 2022 22:41:22 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/sci-fi/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>In Time</title> <title>In Time</title>

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

@ -133,8 +133,16 @@
</div> </div>
</section> </section>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/genres/thriller/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Thriller on CaAlden: Films</description> <description>Recent content in Thriller on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/thriller/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/genres/thriller/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>John Wick</title> <title>John Wick</title>

14
docs/index.html
View file

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"><head> <html lang="en"><head>
<meta name="generator" content="Hugo 0.105.0"> <meta name="generator" content="Hugo 0.108.0">
<title>CaAlden: Films</title> <title>CaAlden: Films</title>
<meta property="og:title" content="CaAlden: Films" /> <meta property="og:title" content="CaAlden: Films" />
@ -465,8 +465,16 @@
</section> </section>
</div> </div>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content on CaAlden: Films</description> <description>Recent content on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>John Wick</title> <title>John Wick</title>

12
docs/ratings/index.html
View file

@ -64,8 +64,16 @@
</article> </article>
</div> </div>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -176,8 +176,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -163,8 +163,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -169,8 +169,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -163,8 +163,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

1
docs/reviews/index.xml
View file

@ -6,6 +6,7 @@
<description>Recent content in Reviews on CaAlden: Films</description> <description>Recent content in Reviews on CaAlden: Films</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language>
<copyright>© 2023 Campbell Alden, All rights reserved.</copyright>
<lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/reviews/index.xml" rel="self" type="application/rss+xml" /> <lastBuildDate>Wed, 16 Nov 2022 17:40:52 +0900</lastBuildDate><atom:link href="https://caalden.github.io/film/reviews/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>John Wick</title> <title>John Wick</title>

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

@ -159,8 +159,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -188,8 +188,16 @@ MARV is the production company of the director (Matthew Allard de Vere Drummond)
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -172,8 +172,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -172,8 +172,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -172,8 +172,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -164,8 +164,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -166,8 +166,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

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

@ -164,8 +164,16 @@
</div> </div>
</article> </article>
</main><footer> </main><footer class="footer">
<span></span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">© 2023 Campbell Alden, All rights reserved.</span>
</footer> </footer>
</body> </body>
</html> </html>

24
docs/style.css
View file

@ -46,6 +46,7 @@
--numbers-font-weight: 400; --numbers-font-weight: 400;
--numbers-font-line-height: 1.2; --numbers-font-line-height: 1.2;
--numbers-font-size: 16px; --numbers-font-size: 16px;
--numbers-font-size-small: 12px;
--numbers-font-size-large: 40px; --numbers-font-size-large: 40px;
--numbers-font-letter-spacing: -0.02em; --numbers-font-letter-spacing: -0.02em;
@ -105,6 +106,11 @@ html, body {
min-height: 100vh; min-height: 100vh;
} }
body {
display: flex;
flex-direction: column;
}
main { main {
margin: auto; margin: auto;
display: flex; display: flex;
@ -157,6 +163,13 @@ main {
font-size: var(--numbers-font-size); font-size: var(--numbers-font-size);
letter-spacing: var(--numbers-font-letter-spacing); letter-spacing: var(--numbers-font-letter-spacing);
} }
.numbers-small {
font-family: var(--numbers-font-family);
font-weight: var(--numbers-font-weight);
line-height: var(--numbers-font-line-height);
font-size: var(--numbers-font-size-small);
letter-spacing: var(--numbers-font-letter-spacing);
}
.numbers-large { .numbers-large {
font-family: var(--numbers-font-family); font-family: var(--numbers-font-family);
font-weight: var(--numbers-font-weight); font-weight: var(--numbers-font-weight);
@ -229,6 +242,9 @@ a:hover {
.color\:deemphasize { .color\:deemphasize {
color: var(--color-deemphasize); color: var(--color-deemphasize);
} }
.unstyled-list {
list-style: none;
}
.navbar { .navbar {
display: flex; display: flex;
} }
@ -341,3 +357,11 @@ li {
gap: 10px; gap: 10px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.footer {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 0 20px 20px 20px;
}

12
layouts/partials/footer.html
View file

@ -1,3 +1,11 @@
<footer> <footer class="footer">
<span>{{ .Site.Copyright }}</span> <ul class="cluster align:center caption unstyled-list s1">
<li>
<a rel="me" href="https://gjallarhorn.dev/@campbell">Mastodon</a>
</li>
<li>
<a rel="me" href="https://github.com/CaAlden">GitHub</a>
</li>
</ul>
<span class="numbers-small">{{ .Site.Copyright }}</span>
</footer> </footer>

24
static/style.css
View file

@ -46,6 +46,7 @@
--numbers-font-weight: 400; --numbers-font-weight: 400;
--numbers-font-line-height: 1.2; --numbers-font-line-height: 1.2;
--numbers-font-size: 16px; --numbers-font-size: 16px;
--numbers-font-size-small: 12px;
--numbers-font-size-large: 40px; --numbers-font-size-large: 40px;
--numbers-font-letter-spacing: -0.02em; --numbers-font-letter-spacing: -0.02em;
@ -105,6 +106,11 @@ html, body {
min-height: 100vh; min-height: 100vh;
} }
body {
display: flex;
flex-direction: column;
}
main { main {
margin: auto; margin: auto;
display: flex; display: flex;
@ -157,6 +163,13 @@ main {
font-size: var(--numbers-font-size); font-size: var(--numbers-font-size);
letter-spacing: var(--numbers-font-letter-spacing); letter-spacing: var(--numbers-font-letter-spacing);
} }
.numbers-small {
font-family: var(--numbers-font-family);
font-weight: var(--numbers-font-weight);
line-height: var(--numbers-font-line-height);
font-size: var(--numbers-font-size-small);
letter-spacing: var(--numbers-font-letter-spacing);
}
.numbers-large { .numbers-large {
font-family: var(--numbers-font-family); font-family: var(--numbers-font-family);
font-weight: var(--numbers-font-weight); font-weight: var(--numbers-font-weight);
@ -229,6 +242,9 @@ a:hover {
.color\:deemphasize { .color\:deemphasize {
color: var(--color-deemphasize); color: var(--color-deemphasize);
} }
.unstyled-list {
list-style: none;
}
.navbar { .navbar {
display: flex; display: flex;
} }
@ -341,3 +357,11 @@ li {
gap: 10px; gap: 10px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.footer {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 0 20px 20px 20px;
}