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

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

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -36,14 +36,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -36,14 +36,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -36,14 +36,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>
@ -60,45 +61,21 @@
<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/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> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Now You See Me 2</h3> <h3 class="subtitle card-title-long">Kingsman: The Secret Service</h3>
</header> </header>
<div>A group of magicians are coerced into pulling off another heist</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">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 spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">4/5</span> <span class="numbers">4/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/beverly-hills-cop/"> <a class="button" href="/film/reviews/kingsman/">
Read review Read review
</a> </a>
</div> </div>
@ -138,55 +115,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/MV5BMjA3NzI1ODc1MV5BMl5BanBnXkFtZTcwMzI5NjQwNg@@._V1_SX800.webp alt="Poster forIn Time" /> <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">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> </div>
<section class="card-content"> <section class="card-content">
@ -208,6 +137,54 @@
</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 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">
<div class="card-image"> <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" /> <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>
<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> </div>
</section> </section>
@ -242,6 +243,30 @@
</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/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">
<div class="card-image"> <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/MV5BN2MyZDE0YjAtNWFjYy00MWRlLTk3MTktMzY3ZDVhNTJkZTlmXkEyXkFqcGdeQXVyNDk3NzU2MTQ@._V1_SX800.webp alt="Poster forBeverly Hills Cop" />
@ -296,30 +321,6 @@
</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> </div>
</section> </section>
@ -420,21 +421,45 @@
<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/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> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Beverly Hills Cop</h3> <h3 class="subtitle">Now You See Me 2</h3>
</header> </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 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">2/5</span>
</div> </div>
<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 Read review
</a> </a>
</div> </div>
@ -468,69 +493,21 @@
<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/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> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
<h3 class="subtitle">Now You See Me 2</h3> <h3 class="subtitle">Beverly Hills Cop</h3>
</header> </header>
<div>A group of magicians are coerced into pulling off another heist</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">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 class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <div class="cluster s1 align:center">
Rating: Rating:
<span class="numbers">4/5</span> <span class="numbers">4/5</span>
</div> </div>
<div> <div>
<a class="button" href="/film/reviews/kingsman/"> <a class="button" href="/film/reviews/beverly-hills-cop/">
Read review Read review
</a> </a>
</div> </div>
@ -568,6 +545,30 @@
</div> </div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.webp alt="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>
@ -578,6 +579,30 @@
</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/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">
<div class="card-image"> <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" /> <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>
<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">
<div class="card-image"> <div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BZDg0MWNmNjktMGEwZC00ZDlmLWI1MTUtMDBmNjQzMWM2NjBjXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_SX800.webp alt="Poster forWhisper of the Heart" /> <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> </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/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">
<div class="card-image"> <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" /> <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>
<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> </div>
</section> </section>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -33,14 +33,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"><head> <html lang="en"><head>
<meta name="generator" content="Hugo 0.108.0"> <meta name="generator" content="Hugo 0.110.0">
<title>CaAlden: Films</title> <title>CaAlden: Films</title>
<meta property="og:title" content="CaAlden: Films" /> <meta property="og:title" content="CaAlden: Films" />
@ -37,14 +37,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -36,14 +36,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

@ -44,14 +44,15 @@
</script> </script>
</head> </head>
<body><header class="header"> <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"> <ul class="navbar-list">
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a> <a href="https://caalden.github.io/film/about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="https://caalden.github.io/film/" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>

View file

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

View file

@ -1,4 +1,8 @@
<header class="header"> <header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2> <h2>
<a href="{{ .Site.BaseURL }}" class="unstyled-link">
CaAlden: <span class="color:accent">Films</span>
</a>
</h2>
{{- partial "nav.html" . -}} {{- partial "nav.html" . -}}
</header> </header>

View file

@ -3,8 +3,5 @@
<li class="navbar-item button:large"> <li class="navbar-item button:large">
<a href="{{ .Site.BaseURL }}about" class="button button:large color:invert">about</a> <a href="{{ .Site.BaseURL }}about" class="button button:large color:invert">about</a>
</li> </li>
<li class="button:large">
<a href="{{ .Site.BaseURL }}" class="button button:large color:invert">home</a>
</li>
</ul> </ul>
</nav> </nav>

View file

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