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

Add GA script to page header

Browse source
This commit is contained in:
Campbell Alden 2022-09-07 10:21:57 +09:00
parent ade4dfd1d2
commit 05c8124787
13 changed files with 205 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

111
docs/genres/index.html
View file

@ -12,14 +12,23 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎥</text></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inika:wght@400;700&family=Merriweather:wght@400;700&family=Rufina&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/film/style.css">
<link rel="stylesheet" href="/film/card.css">
<link rel="stylesheet" href="/film/home.css">
<link rel="stylesheet" href="/film/review.css">
<link rel="stylesheet" href="/film/quick_look.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inika:wght@400;700&family=Merriweather:wght@400;700&family=Rufina&display=swap" rel="stylesheet">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PF672BTD8F"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-PF672BTD8F');
</script>
</head>
<body><header class="header">
<h2>CaAlden: <span class="color:accent">Films</span></h2><nav class="navbar">
@ -115,30 +124,6 @@
</header>
<div class="carasol">
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg alt="The French Dispatch" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">The French Dispatch</h3>
</header>
<div style="text-align: justify;">Authors for a New Yorker-esque magazine report on a small town in France</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.2</span>
</div>
<div>
<a class="button" href="/film/reviews/the-french-dispatch/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BYTM3ZTllNzItNTNmOS00NzJiLTg1MWMtMjMxNDc0NmJhODU5XkEyXkFqcGdeQXVyODE5NzE3OTE@._V1_SX800.jpg alt="Kingsman: The Secret Service" />
@ -163,6 +148,30 @@
</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.jpg alt="The French Dispatch" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">The French Dispatch</h3>
</header>
<div style="text-align: justify;">Authors for a New Yorker-esque magazine report on a small town in France</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.2</span>
</div>
<div>
<a class="button" href="/film/reviews/the-french-dispatch/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>
@ -231,30 +240,6 @@
</header>
<div class="carasol">
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.jpg alt="No Reservations" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">No Reservations</h3>
</header>
<div style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">6.3</span>
</div>
<div>
<a class="button" href="/film/reviews/no-reservations/">
Read review
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg alt="The French Dispatch" />
@ -279,6 +264,30 @@
</div>
<div class="card">
<div class="card-image">
<img loading="lazy" class="card-image" src=https://m.media-amazon.com/images/M/MV5BMTI1NzQ5MzU1OV5BMl5BanBnXkFtZTcwNzExODU0MQ@@._V1_SX800.jpg alt="No Reservations" />
</div>
<section class="card-content">
<header>
<h3 class="subtitle">No Reservations</h3>
</header>
<div style="text-align: justify;">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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">6.3</span>
</div>
<div>
<a class="button" href="/film/reviews/no-reservations/">
Read review
</a>
</div>
</div>
</div>
</div>
</section>