PUBLISH: various accessability changes

This commit is contained in:
Campbell Alden 2022-08-27 13:07:09 +09:00
parent 2ab43fa374
commit 499c41c56f
6 changed files with 13 additions and 13 deletions

View file

@ -45,7 +45,7 @@
<div class="card">
<div class="card-image">
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg />
<img 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>
@ -54,7 +54,7 @@
<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">
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">7.2</span>
</div>
<div>

View file

@ -52,7 +52,7 @@
</div>
<h1>The French Dispatch</h1>
<h3 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 17, 2022</h3>
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 17, 2022</h2>
<section class="quicklook">
<header>
<h2 class="subtitle quicklook-emphasized-color">

View file

@ -32,7 +32,7 @@
--caption-font-family: 'Inika', serif;
--caption-font-weight: 400;
--caption-font-line-height: 1.2;
--caption-font-size: 10px;
--caption-font-size: 12px;
--caption-font-letter-spacing: 0.05em;
--button-font-family: 'Inika', serif;
@ -54,8 +54,8 @@
--color-accent: #D2002E;
--color-light-background: #f2f2f2;
--color-dark-background: #333;
--color-link: #2F7BD5;
--color-deemphasize: #707070;
--color-link: #1D4F8C;
--color-deemphasize: #4D4D4D;
font-size: var(--body-font-size);
}

View file

@ -1,6 +1,6 @@
<div class="card">
<div class="card-image">
<img class="card-image" src={{ .Params.image }} />
<img class="card-image" src={{ .Params.image }} alt="{{- .Title -}}" />
</div>
<section class="card-content">
<header>
@ -13,7 +13,7 @@
</div>
<div class="cluster spacing:between">
<div class="cluster s1 align:center">
<img src="{{site.BaseURL}}imdb-logo-small.png" class="icon">
<img src="{{site.BaseURL}}imdb-logo-small.png" class="icon" alt="imbd logo">
<span class="numbers">{{- .Params.imdb -}}</span>
</div>
<div>

View file

@ -7,9 +7,9 @@
</div>
{{ end }}
<h1>{{- .Title -}}</h1>
<h3 class="subtitle-small color:deemphasize" style="margin-top: -30px">
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">
{{- .PublishDate.Format "August 2, 2006" -}}
</h3>
</h2>
{{ partial "quicklook.html" . }}
</header>
<div class="core-content">

View file

@ -32,7 +32,7 @@
--caption-font-family: 'Inika', serif;
--caption-font-weight: 400;
--caption-font-line-height: 1.2;
--caption-font-size: 10px;
--caption-font-size: 12px;
--caption-font-letter-spacing: 0.05em;
--button-font-family: 'Inika', serif;
@ -54,8 +54,8 @@
--color-accent: #D2002E;
--color-light-background: #f2f2f2;
--color-dark-background: #333;
--color-link: #2F7BD5;
--color-deemphasize: #707070;
--color-link: #1D4F8C;
--color-deemphasize: #4D4D4D;
font-size: var(--body-font-size);
}